design-system-compliance
95 / 100 · Low risk
Fine to try.
Check that the UI you actually rendered uses the design system, by reading computed styles in the running app against the project's design tokens. Catches hardcoded hex colors, off-palette backgrounds, invisible or unusable controls, and animations that never ran. Use after building or restyling a component, when a design review is wanted, when a UI looks slightly off but nobody can say why, or when a design system exists and nothing checks whether the code follows it.
What this skill can do
Sends data to these websites: docs.reticle.sh
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'design-system-compliance' ] || [ -L ~/.agents/skills/'design-system-compliance' ]; then echo 'A skill folder named design-system-compliance already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/reticlehq/reticle' "$d" && git -C "$d" checkout --quiet '9d5855e46979cfc7e9f7f4de2f2e16200a08921f' -- 'skills/design-system-compliance' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/design-system-compliance' ~/.agents/skills/'design-system-compliance' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'design-system-compliance' ~/.claude/skills/'design-system-compliance' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
[](https://zalavijaysinh.github.io/skilltrust/repos/reticlehq/reticle/)
Score history
| Date | Version | Score |
|---|---|---|
| 2026-11-11 | 9d5855e | 95 |
| 2026-11-08 | 955e45b | 95 |
| 2026-11-07 | 955e45b | 95 |