design
FREE
Color System
Generate design tokens, color palettes, and theme scales from a single brand color
●
INSTALL
sv install maya-design/color-system
Requires the sv CLI. Installs to your project automatically.
.cursor/skills/color-system/SKILL.md
Download and place the SKILL.md file into your .cursor/skills/color-system/ directory.
curl -sL https://skillvault.md/api/packages/maya-design/color-system/download -o color-system.zip
Downloads the package as a zip archive to your current directory.
https://skillvault.md/api/packages/maya-design/color-system/download
Download the zip, extract, and copy the relevant files into your project.
●
WHAT'S INSIDE
SKILL: palette-genSKILL: theme-builderSKILL: contrast-pairCLAUDE.MD
●
COMPATIBILITY
Claude CodeCursorCodexCopilotGemini CLI
●
DESCRIPTION
Color System
Generate a complete, accessible color system from a single hex value. Outputs design tokens compatible with Tailwind, CSS custom properties, and Style Dictionary.
Skills
- palette-gen — creates a full color scale (50-950) with perceptually uniform steps
- theme-builder — generates light and dark themes with semantic token mapping
- contrast-pair — finds the best foreground/background pairs for WCAG AA/AAA
Output Formats
- CSS custom properties
- Tailwind
colorsconfig - Style Dictionary tokens
- Figma-compatible JSON
bash
sv install maya-design/color-system
●
VERSION HISTORY
No version history available.
●
REVIEWS
No reviews yet. Be the first to review this package.