Build consistent design systems
design-systemskillsetup L2★17,464
alirezarezvani/claude-skills ↗What it does
Establish and maintain a branded design system
Best for
Multi-page projects maintaining visual consistency across designers and platforms.
Inputs
- · brand HEX colors (primary/accent)
- · Google Fonts (heading/body)
- · design style (editorial/technical/minimal/playful)
- · logo (optional)
Outputs
- · design-token configuration
- · CSS framework hooks
- · component library reference
Requires
- · Google Fonts
- · HEX color converter
Preconditions
Brand identity defined; output directory writable
Failure modes
- · Font licensing not verified
- · color contrast fails WCAG
- · token naming causes collision
Trust signals
- · 10-question onboarding wizard
- · design-token generation
- · syntax-theme selection