SkillsSKILLS
Frontend

ui-design-system▌

davila7/claude-code-templates · updated Apr 8, 2026

$npx skills add https://github.com/davila7/claude-code-templates --skill ui-design-system
summary

Design system toolkit for generating tokens, documenting components, and enabling design-dev handoff.

  • ›Generates complete design tokens (colors, typography, spacing, shadows, animations) from a single brand color in multiple formats (JSON, CSS, SCSS)
  • ›Includes three style presets (modern, classic, playful) and an 8pt spacing grid system with responsive breakpoints
  • ›Covers component architecture, accessibility compliance, and developer handoff documentation for maintaining visual consist
skill.md

ui-design-system

No content available.