Menu
Find every color in the codebase that isn't in your palette or token system. Lists orphan colors with suggested replacements.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | forge-color-audit |
| description | Find every color in the codebase that isn't in your palette or token system. Lists orphan colors with suggested replacements. |
| user-invokable | true |
Extract every hex, rgb, rgba, hsl value from CSS files.
For each:
Report: list of orphan colors with the nearest palette shade and suggested token.
Full accessibility audit using your design system's color tokens. Checks contrast, focus styles, semantic HTML, touch targets, and motion safety.
Check the current codebase against your .forge.json design system. Finds raw hex values that should be tokens, spacing off your scale, fonts not in your system, and missing token references.
Amplify the design within your system's range. Use stronger palette shades, higher type scale steps, and more dramatic shadows.
Replace all orphan colors with the nearest token from your system. Converts raw hex values to var(--token) references.
Check WCAG contrast ratios across your entire token system. Tests every text token against every surface token.
Generate a dark mode variant of your design system. Creates dark-mode token overrides that preserve contrast ratios from the light theme.
