amvcp-tokens-color

What problem does it solve?

It solves inconsistent, hard-to-maintain UI colors by generating perceptually uniform ramps and deriving role-based foreground/background/border/icon token sets that stay readable across themes.

Core Features & Use Cases

• OKLCh color ramp generation: create accessible, perceptually even ramps and optional P3 wide-gamut variants for accents.
• Neutral scale from a single ink: derive a full gray family using color-mix so borders and text tones stay consistent.
• Golden-angle categorical palettes: generate distinct hue sets for badges, activity states, graph nodes, and icon tints.
• Semantic role maps: emit CSS for roles like MUST/IMO/Q/FYI, 7-state activity, 6 graph-node pipeline roles, and 6 icon tints via data-vc-role.
• Derived token splitting: automatically compute fg/bg/border/icon splits from a single semantic role while flipping cleanly by theme.
• WCAG contrast validation: check fg/bg pairs against WCAG AA thresholds before adopting the palette.

Quick Start

Use the skill to generate an OKLCh ramp for a seed accent, apply it to the engine’s 15 color roles, and inject the semantic role map CSS for badge, activity, graph-node, or icon-tint elements.