Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
This skill provides specialized knowledge for UI/UX designers and frontend engineers building accessible color systems. It bridges the gap between aesthetic palette generation and technical implementation, ensuring text-to-background pairs meet APCA or WCAG standards.
From defining Tailwind-style ramps to managing CSS color syntax, the skill assists in creating structured token graphs that maintain perceptual consistency across light and dark modes.
WHO IT'S FOR
UI/UX Designers
creating accessible color palettes and themes
Frontend Engineers
implementing CSS color syntax and design tokens
Brand Designers
defining brand colors for print and screen
Data Visualization Specialists
building perceptually uniform sequential or diverging ramps
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Within the intended project, manually create a symbolic link from the cloned `~/Sites/color-expert` directory to the documented project-level target `.agents/skills/color-expert`.
Desired brand or interface mood, replacing `[MOOD]`
Preferred accessibility method, replacing `[APCA_OR_WCAG]` with APCA or WCAG
Use the color-expert skill to propose a 9-step accent scale for my screen-based design system. Inputs: existing brand color `[COLOR_VALUE]`, light-mode text/background pair `[LIGHT_TEXT]` on `[LIGHT_BACKGROUND]`, dark-mode text/background pair `[DARK_TEXT]` on `[DARK_BACKGROUND]`, desired mood `[MOOD]`, and accessibility method `[APCA_OR_WCAG]`. Build the scale in OKLCH, map it into reference and semantic tokens, and verify the two supplied text/background pairs using the selected accessibility method.
Claude
Codex
Cursor
Copilot
OpenCode