Color System Builder
Generate a full accessible color system from one brand color
claude install community/color-system-builderAbout this skill
Color system generation: take one brand color and produce a full palette with accessible contrast ratios, semantic color tokens, and automatic dark mode variants.
Capabilities
- file editing
- code execution
Use cases
- Color palette creation
- Dark mode design
- Accessible color systems
Tags
Developers also use
Skills frequently paired with Color System Builder
UI Component Generator
Describe a component and get production-ready accessible code
Both used by Designer, Software Engineer
Theme Factory
Generate a complete design system from just a few brand colors
Both used by Designer, Software Engineer
Component Doc Generator
Generate component docs with props tables and usage examples
Both used by Designer, Software Engineer
Responsive Design Helper
Find and fix responsive design issues across all screen sizes
Both used by Designer, Software Engineer
Responsive Tester
Test responsive layouts at every breakpoint with visual proof
Both used by Designer, Software Engineer
Typography Scale Builder
Generate fluid typography scales with proper rhythm and hierarchy
Both used by Designer, Software Engineer