design-principles
Installation
SKILL.md
Design Principles
Precise, crafted design for enterprise software, SaaS dashboards, admin interfaces, and web apps. Jony Ive-level precision with intentional personality.
Quick Reference
| Element | Values |
|---|---|
| Spacing | 4, 8, 12, 16, 24, 32px (4px grid) |
| Font sizes | 11, 12, 13, 14 (base), 16, 18, 24, 32px |
| Border radius | Sharp: 4, 6, 8px / Soft: 8, 12px |
| Animation | 150ms micro, 200-250ms transitions |
| Icons | Phosphor Icons (@phosphor-icons/react) |
Design Direction (REQUIRED)
Before writing any code, commit to a design direction. Don't default. Think about what this specific product needs to feel like.