supercharge-growth/ai-design-skills
Skill Claude CodeCodex
One sentence: WHAT it does. Second sentence: "Use when [specific triggers, exact phrases the user might say].
not rated 2 3mo ago A 32 tokens
original MIT
2Stars on the repository
12Mods indexed here, across every type
3mo agoLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown
supercharge-growth/ai-design-skills
Skill Claude CodeCodex
Audit a design, screenshot, or live component against WCAG 2.1 AA — color contrast, target size, focus order, semantic structure, alt text. Use when the user says "check a11y", "is this accessible?", "audit accessibility", or shares a design before engineering handoff.
not rated 2 3mo ago A 70 tokens
original MIT
supercharge-growth/ai-design-skills
Skill Claude CodeCodex needs its repo
Generate documentation for a UI component from its source file — variant table, prop reference, usage examples, do/don't, and accessibility notes. Use when the user shares a component file and says "document this", "write docs for this component", or "add this to the design system".
not rated 2 3mo ago A 67 tokens
original MIT
supercharge-growth/ai-design-skills
Skill Claude CodeCodex
Give structured, prioritized design feedback on a mockup or screenshot — hierarchy, consistency, copy, and usability. Use when the user says "review this design", "critique this", "what do you think of this screen?", or shares a Figma frame for feedback.
not rated 2 3mo ago A 63 tokens
original MIT
supercharge-growth/ai-design-skills
Skill Claude CodeCodex
Extract design tokens (colors, typography, spacing, radii, shadows) from a Figma file, screenshot, or pasted style sheet into a clean tokens.json. Use when the user shares a design and asks to "pull tokens", "extract the design system", "get the colors and type", or before starting a Figma-to-code conversion.
not rated 2 3mo ago A 78 tokens
original MIT
supercharge-growth/ai-design-skills
Skill Claude CodeCodex
Convert a Figma frame into a responsive React + Tailwind component that uses the project's existing design tokens instead of hardcoded values. Use when the user shares a Figma URL or selection and asks to "build this", "code this up", "turn this into a component", or "make a React version".
not rated 2 3mo ago A 72 tokens
original MIT
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: