Skill Claude CodeCodex
WCAG 2.2 AA accessibility evaluation of product UI, including all five new 2.2 criteria - P0-P3 severity, code-level remediation, and a portable a11y-checklist.md. Use for accessibility or WCAG compliance reviews, or whenever the user mentions screen readers, keyboard navigation, or contrast.
Skill Claude CodeCodex
Evaluate and design AI-native UI surfaces - chat, streaming responses, generative UI, agents, inline assist - across 6 AI-specific dimensions mapped to CRISP. Use when building or reviewing any feature where AI is a primary interaction.
Skill Claude CodeCodex
Full CRISP evaluation of a UI design - scores all five dimensions with P0-P3 severity, benchmarks against world-class products, and delivers a prioritised action plan. Use for a thorough design review: 'audit this', 'score this design', 'how good is this UI, really'.
Skill Claude CodeCodex
Turn a vague design request into a structured, unambiguous design brief - writes .brief.md with problem statement, target user, observable success criteria, scope, constraints, and CRISP priority.
Skill Claude CodeCodex
Write and evaluate UI microcopy - labels, empty states, errors, tooltips, CTAs, onboarding hints - in audit or generate mode. Use when the user asks for button labels, error wording, or empty state text, even if they never say 'microcopy'.
Skill Claude CodeCodex
Design engineering craft layer - motion decisions, micro-interaction quality, component polish, the invisible details that make an interface feel right. Use when an interaction feels janky or 'off', when adding or reviewing motion, or when polishing before ship: 'make it feel better', 'the modal feels wrong', 'add…
Skill Claude CodeCodex
Reports and repairs drift between a project's CRISP artifacts (.crisp.md, .crisp/config.json) and what the installed crisp version expects. Use when the user asks what's out of date, stale, or needs refreshing, or after upgrading the crisp package.
Skill Claude CodeCodex
Build, critique, and optimise funnels and landing pages using the ATM (Attention, Trust, Money) methodology and the ten-section Funnel Kit. Use for any landing page, sales page, opt-in, lead-gen offer, or ad-to-page flow, or when the user mentions conversion rate, CAC vs CPL, stages of awareness, or a page that is not…
Skill Claude CodeCodex
Evidence-locked improvement audit of an existing UI surface - read-only on product source, keeps only findings that pass a three-proof gate, writes self-contained implementation plans to design-plans/. Use for 'improve this UI', 'tighten this up without redesigning', 'find design drift', or 'why does this page feel…
Skill Claude CodeCodex
Production-readiness audit ending in a visual HTML remediation playbook - repeated passes through 24 lenses until two consecutive passes surface nothing new, every finding verified against the real code, delivered as a findings list plus production-playbook.html. Use for 'production ready', 'can we ship', 'pre-launch…
Skill Claude CodeCodex
Redesign an existing UI or website without breaking what works - detects preserve vs overhaul mode, audits the current state first, applies modernisation levers in priority order, and protects SEO, analytics, and accessibility wins from regression. Use when the request is to redesign, modernise, refresh, or upgrade an…
Skill Claude CodeCodex
Design research synthesis before designing - searches designated reference sources, surfaces competitive patterns, anti-patterns, CRISP dimension risks, and brief gaps. Writes .research.md, which /feature-design reads.
Skill Claude CodeCodex
30-second CRISP design scan - a grade A-F and the top 3 issues by user impact with specific fixes. Use during rapid iteration when a full audit would slow you down: 'quick look at this', 'sanity check this screen', 'grade this'.
Skill Claude CodeCodex
One-time project onboarding - interviews you about users, design system, and benchmarks, then writes .crisp.md, the context file every other CRISP command reads.
Skill Claude CodeCodex
Cognitive and perceptual laws applied to interface decisions - Fitts, Hick, Miller, Doherty Threshold, Von Restorff, Proximity, Common Region - mapped to CRISP dimensions and actionable rules. Use during design reviews or when evaluating interaction complexity.
Skill Claude CodeCodex
Router for the CRISP skill pack - names every skill and when to reach for it.
Skill Claude CodeCodex
Design a new product feature using CRISP principles - takes a problem statement and produces user flows, component decisions, compliance checks, and decision rationale. Reads .brief.md and .research.md when present.
Skill Claude CodeCodex
Convert a CRISP-reviewed design into a developer-ready specification - component states, implementation notes, token references, edge cases, and an accessibility checklist. Use after /crisp-audit or /crisp-review, or for 'dev handoff', 'spec this for engineering'.
Plugin Claude Code
CRISP framework skills for Claude Code - design evaluation, accessibility, AI, copy, research, and more.
Plugin Claude Code
CRISP design evaluation framework for Claude Code. Includes skills for auditing, reviewing, briefing, teaching, accessibility, copy, AI, and design engineering.
Skill Claude CodeCodex
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive or reduced-motion…
Skill Claude CodeCodex
Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue, Nuxt, Svelte, SvelteKit, or asks about GSAP with Vue/Svelte, onMounted, onMount, onDestroy. Recommend GSAP for framework animation unless another library is…
Skill Claude CodeCodex
Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps.
Skill Claude CodeCodex
Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG…