Focused design system compliance check on recent changes or specific files. Use when reviewing UI work for token usage, component classes, typography, and color violations.
<step_1> Determine scope:
git diff --name-only HEAD~1 filtered to src/**/*.tsx and src/**/*.css<step_2>
Read the design token source:
Read src/app/globals.css to confirm current token definitions (they may have been updated).
</step_2>
<step_3> Check each file for violations using Grep and Read:
text-[#...], bg-[#...], border-[#...] etc..dark CSS selector (Tailwind 4 CSS-first)var(--spacing-*), )var(--radius-*).btn-*, .badge-*, .card-*.type-* classes
</step_3><step_4> Report findings: Present violations grouped by file with specific line references and suggested fixes using the correct design tokens or component classes.
Include a compliance score: X/Y checks passed
</step_4>
<success_criteria>