AI & Design Tools
Everything you need to build and maintain a design system — color generators, accessibility checkers, design tokens, and AI agent skill files for your coding assistant.
Color Tools
Generate, analyze, and convert colors
Accessibility & Quality
Ensure your colors meet standards
Design System
Build and manage design tokens
AI Agent Skills
Export color rules for AI coding assistants
Claude (CLAUDE.md)
Project instructions for Anthropic Claude
GitHub Copilot
copilot-instructions.md for Copilot
Cursor
.cursorrules with token references
ChatGPT / OpenAI
Custom instructions with tokens
Windsurf
.windsurfrules for Windsurf
All 9 Tools →
Claude, Copilot, Cursor, ChatGPT, Windsurf, Gemini, Grok, Manus, Generic
Start Building Your Design System
Pick a color, generate tokens, preview on components, export everywhere.
Try Live Preview