Showing 28 verified skills. 284 preview entries are hidden until we confirm a real source. Show preview skills · Why?
Build a complete design system from a brand guide automatically
claude install community/design-system-builderEnd-to-end design system creation: extract tokens from brand guides, generate component library, build documentation, and set up Storybook.
mkdir -p ~/.claude/skills/design-system-builder~/.claude/skills/design-system-builder/SKILL.mdResulting file structure:
~/.claude/
skills/
design-system-builder/
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 System Builder
Create smooth, performant animations with CSS, Framer Motion, or GSAP
Both used by Designer, Software Engineer
Define consistent animation standards with easing and duration tokens
Both used by Designer, Software Engineer
Generate a complete design system from just a few brand colors
Both used by Designer, Software Engineer
Describe a component and get production-ready accessible code
Both used by Designer, Software Engineer
Test responsive layouts at every breakpoint with visual proof
Both used by Designer, Software Engineer
Generate a full accessible color system from one brand color
Both used by Designer, Software Engineer
Design System Builder