Design System (Stitch MCP)
Installation
SKILL.md
Design System — Stitch MCP Integration
PIXLAYER Design Tokens
Colors
| Token | Hex | Usage |
|---|---|---|
px-bg |
#0D0D0F |
Main background |
px-surface |
#141416 |
Panels, cards, modals |
px-surface-elevated |
#1A1A1E |
Hover states on panels |
px-border |
#1E1E22 |
All borders |
px-accent |
#6C63FF |
Primary accent (electric indigo) |
px-accent-hover |
#8B85FF |
Accent hover state |
px-accent-glow |
rgba(108, 99, 255, 0.15) |
Glow effects around accent elements |
px-text |
#E4E4E7 |
Primary text |
px-text-muted |
#71717A |
Secondary/muted text |
px-success |
#22C55E |
Success states |
px-warning |
#F59E0B |
Warning states |
px-error |
#EF4444 |
Error states |