shipshitdev avatar

Design Consistency Auditor

This audits your frontend for design system drift and catches hardcoded colors, inconsistent spacing, and accessibility issues before they pile up. It's built around semantic tokens, Tailwind patterns, and component classes like gf-card and glass-modal. Run it when reviewing PRs, launching features, or when your app starts feeling visually inconsistent. The "AI slop prevention" section is a nice touch, it specifically flags generic aesthetic choices like purple gradients and Inter everywhere. It's opinionated about using design tokens over arbitrary values, which will either align with your workflow or require some adjustment. Good for teams maintaining a design system who need automated guardrails.

skills.sh installs
192
GitHub stars
24
last updated
Jun 3, 2026

Install

$ npx -y skills add shipshitdev/library --skill design-consistency-auditor --agent claude-code

Installs into .claude/skills of the current project.

Files

This audits your frontend for design system drift and catches hardcoded colors, inconsistent spacing, and accessibility issues before they pile up. It's built around semantic tokens, Tailwind patterns, and component classes like gf-card and glass-modal. Run it when reviewing PRs, launching features, or when your app starts feeling visually inconsistent. The "AI slop prevention" section is a nice touch, it specifically flags generic aesthetic choices like purple gradients and Inter everywhere. It's opinionated about using design tokens over arbitrary values, which will either align with your workflow or require some adjustment. Good for teams maintaining a design system who need automated guardrails.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/shipshitdev/library
Category
Design & UI/UX
First seen
Jun 3, 2026

More from shipshitdev/library

All 56
1akillness avatarweb-design-guidelinesakillness/oh-my-skillsweb design guidelines189skills.sh installs
2akillness avatarresponsive-designakillness/oh-my-skillsresponsive design187skills.sh installs
3qodex-ai avatarcomponent-interface-designqodex-ai/ai-agent-skillsDesign interfaces using component libraries and design systems. Creates cohesive UIs with pre-built accessible component primitives.182skills.sh installs
4cap-go avatarcapacitor-accessibilitycap-go/capacitor-skillscapacitor accessibility179skills.sh installs
5jerrar670 avatarpremium_web_designjerrar670/surf-websiteGuidelines and principles for creating premium, high-end web designs.176skills.sh installs
6guanyang avatarui-ux-pro-maxguanyang/antigravity-skillsui ux pro max171skills.sh installs