Tooluck logoTooluck
SKILL.md

design-system-compliance

Agent skill fromreticlehq/reticle

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.

How to install design-system-compliance

install design-system-compliance
# install the reticle pack with the skills CLI
npx skills add reticlehq/reticle

# or add only this skill to Claude Code: copy the folder

skills/design-system-compliance/

# into

~/.claude/skills/design-system-compliance/ (all projects)

.claude/skills/design-system-compliance/ (one project)

Read SKILL.md on GitHubThis repository's license doesn't allow showing an excerpt here.

More skills in reticle

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates