用途：为使用 shadcn/ui、Tailwind 语义令牌与 Lucide 图标构建的网站强制执行正确的视觉设计。核心是先对界面类型分类，避免把营销页的宽松密度套用到仪表盘，或把仪表盘的 text-sm 用到法律页面。
主要能力：提供令牌、排版、颜色与暗色模式、间距密度圆角 z-index 等基础规则，并按界面类型（营销、仪表盘、认证、表单设置、表格 CRUD、阅读、转化、浮层、空状态）加载对应规则文件。硬性规则包括：使用语义令牌（bg-background、text-foreground、bg-primary、text-muted-foreground、border-border、ring-ring），产品界面不随意使用一次性 hex/rgb；bg-primary 搭配 text-primary-foreground；暗色模式在 .dark 下覆盖同一令牌而非反转页面；每视图仅一个填充主按钮；每页仅一种密度；交互热区最小 24×24 CSS px（WCAG 2.2 AA），营销、认证与移动主操作建议 44×44；输入框需可见标签，占位符不算标签；纯图标控件需可访问名称，Lucide 尺寸 16/20/24；尊重 prefers-reduced-motion。
使用方式：先读取项目本地令牌（globals.css / :root / .dark / @theme inline）与 components.json，复用已有组件；用 surfaces.md 分类界面，只加载匹配的界面文件与所需基础文件；应用基础规则与界面规则；通过 accessibility.md 与 anti-slop.md 检查；验证明暗模式、响应式、焦点环、空/加载/错误状态及脆弱布局下的 200% 缩放，条件允许时用浏览器检查。UI 工作需输出决策记录，含界面、令牌、层级与检查项。
适用场景：网站 UI 的营销页、仪表盘、认证、设置、表格、表单、文档、结账、浮层与空状态等。
限制：不适用于邮件 HTML、原生移动应用与打印；用户提出这些需求时应说明并仅保留网站 UI 范围。具体安装命令与官方链接资料中暂未提供。