用途：在代码提交或生成前，对组件与页面做设计一致性检查，发现设计令牌违规。存在任一 MUST FIX 违规即阻断生成。
主要能力：先读取 TECH_STACK.md 判断 CSS 方案与组件语言，再按框架执行检查。Tailwind 场景执行 7 项检查：1 禁止硬编码十六进制颜色（MUST FIX）；2 禁止内联字体声明（MUST FIX）；3 禁止任意 Tailwind 值（SHOULD FIX）；4 页面须继承基础布局，不得自带 header/nav/footer/侧栏（MUST FIX）；5 CSS 变量须在 DESIGN_SYSTEM.md 中定义，未找到该文件则跳过并注明，不阻断（MUST FIX）；6 禁止内联样式块，动态值例外（MUST FIX）；7 响应式类须移动优先（SHOULD FIX）。
使用方式：按技术栈分支执行。纯 CSS/CSS Modules/SCSS 跳过检查 3、7，改在 CSS 文件中查硬编码；Svelte 用 class= 与 <slot />；Vue 用 class=、:class、:style 与 <NuxtLayout>；Python Jinja/Django 模板检查内联 style 与 <style> 块中的 CSS 变量，跳过 Tailwind 检查。输出 DESIGN GUARD REPORT，列出通过数、违规项、修复代码与结论；MUST FIX 修复后须从头重跑全部检查，输出 RE-CHECK PASSED。全部通过后交由 vibe-coding-web-design-guidelines 处理同一批文件，其无障碍问题始终为 MUST FIX。
适用场景：React/Next.js/Remix、Svelte/SvelteKit、Vue/Nuxt、纯 CSS 与 Python 模板项目的前端设计规范校验。
限制：依赖 TECH_STACK.md 与 DESIGN_SYSTEM.md；缺少设计系统文件时检查 5 跳过；具体安装命令、收费与平台信息暂未提供。