Описание
ui-design-system — скилл дизайн-систем для Claude Code: дизайн-токены — цвета, отступы, типографика как единая система, компоненты — библиотека повторно используемых элементов, правила применения — когда какой компонент брать и как не ломать систему. Для команд, строящих или поддерживающих дизайн-систему и желающих, чтобы агент писал код в её рамках.
Что умеет:
— создавать дизайн-токены;
— проектировать компоненты;
— задавать правила применения;
— держать единство интерфейса.
UI Design System
Professional toolkit for creating and maintaining scalable design systems.
Core Capabilities
- Design token generation (colors, typography, spacing)
- Component system architecture
- Responsive design calculations
- Accessibility compliance
- Developer handoff documentation
Key Scripts
design_token_generator.py
Generates complete design system tokens from brand colors.
Usage: python scripts/design_token_generator.py [brand_color] [style] [format]
- Styles: modern, classic, playful
- Formats: json, css, scss
Features:
- Complete color palette generation
- Modular typography scale
- 8pt spacing grid system
- Shadow and animation tokens
- Responsive breakpoints
- Multiple export formats