Showing 28 verified skills. 284 preview entries are hidden until we confirm a real source. Show preview skills · Why?
Extract a complete token set from any website or codebase
claude install community/design-token-extractorReverse-engineer design systems: scan CSS/Tailwind files or live websites to extract color palettes, font stacks, spacing scales, and shadow values into token formats.
mkdir -p ~/.claude/skills/design-token-extractor~/.claude/skills/design-token-extractor/SKILL.mdResulting file structure:
~/.claude/
skills/
design-token-extractor/
SKILL.md <-- skill definitionSkills are loaded automatically by Claude Code when you start a new session. The skill name and description in the frontmatter determine when Claude triggers it.
Recommended from shared domain, career, and tool overlap with Design Token Extractor
Test responsive layouts at every breakpoint with visual proof
Both used by Designer, Software Engineer
Run a full WCAG 2.2 accessibility audit with actionable fixes
Both used by Designer, Software Engineer
Convert Figma designs to production code with proper responsive handling
Both used by Designer, Software Engineer
Test accessibility by navigating your app with keyboard-only input
Both used by Designer, Software Engineer
Create smooth, performant animations with CSS, Framer Motion, or GSAP
Both used by Designer, Software Engineer
Build a complete design system from a brand guide automatically
Both used by Designer, Software Engineer
Design Token Extractor