Design System Starter

This one gives you the scaffolding for a proper design system: design tokens in W3C format, component architecture using atomic design, accessibility guidelines baked in, and documentation templates. It's not just spitting out styled buttons. You get the primitive and semantic color tokens, spacing scales, typography systems, and WCAG 2.1 compliance patterns from the start. Use it when you're tired of inconsistent spacing values across your app or when you need to actually implement dark mode properly with semantic tokens instead of hardcoded colors. The bundled checklists and component templates mean you're not starting from a blank file. Worth it if you're building something that needs to scale beyond a handful of components.

Install to Claude Code

npx -y skills add davila7/claude-code-templates --skill design-system-starter --agent claude-code