---
name: zzafergok/ui-design-system
source: https://app.decimal.ai/s/zzafergok-ui-design-system@1/SKILL.md
source_sha256: be6972e7d8f4
---

# 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