frontend-color-system
SKILL.md
Color System
Generate accessible color palettes. Check contrast. Create themes.
When to Use
- Setting up project colors from brand color
- Checking accessibility (WCAG contrast)
- Creating dark mode variants
- Generating shadcn/Tailwind theme
Process
BRAND → GENERATE → VALIDATE → APPLY
- Get brand color (HEX)
- Generate palette via API
- Check contrast ratios
- Apply to theme