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.

Install to Claude Code

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