Vibe Coding — Design Guard

Check components and pages for design token violations. One MUST FIX violation = block generation.

Prerequisites

Detect CSS approach and component language before running checks:

Read TECH_STACK.md:
  Tailwind CSS            → run all 7 checks as written
  Plain CSS / CSS Modules / SCSS → READ: ## Non-Tailwind Checks
  Python HTML templates (Jinja/Django) → READ: ## Template Checks

Read framework:
  React / Next.js / Remix → JSX/TSX patterns (className=, style={{}})
  Svelte / SvelteKit      → READ: ## Svelte Checks (uses class=, not className=)
  Vue / Nuxt              → READ: ## Vue Checks (uses class=, :style, SFC syntax)