Shadcn Component Review

Catches the spacing drift and hardcoded colors that slip through when you're moving fast with AI-generated components. Runs a systematic audit against shadcn design patterns, checking data-slot attributes, semantic token usage, gap versus space-y conventions, and theme-specific rules for Vega, Maia, and the other visual styles. Works alongside the official shadcn skill, which enforces rules at generation time. This one reviews what already exists, whether Claude wrote it last week or a teammate copied it from an older project. Particularly good at finding the stuff grep can catch (like gray-500 instead of muted-foreground) and the stuff it can't (like composition anti-patterns or missing responsive breakpoints).

Install to Claude Code

npx -y skills add mattbx/shadcn-skills --skill shadcn-component-review --agent claude-code