用途：用于 React/Next.js 的 UI 生成、改版与组件开发，目标是产出高质量、非通用模板化的前端界面，同时保持生产可用、性能与可维护性。
主要能力：内置三项可调基线——DESIGN_VARIANCE 8（1 完全对称，10 艺术化混乱）、MOTION_INTENSITY 6（1 静态，10 电影感）、VISUAL_DENSITY 4（1 通透画廊，10 密集驾驶舱），作为默认值；用户明确要求其他风格时按其提示调整，不改动文件本身。
硬性规则：导入第三方包前先核对 package.json，缺失则先输出安装命令；默认使用 Server Components，交互与重动效叶子节点隔离到 'use client'；代码、标记、文案、标签与 alt 文本中禁用 emoji；全高首屏不用 h-screen，改用 min-h-[100dvh]；结构网格不用复杂 flex 百分比计算，改用 CSS Grid；Tailwind 语法需匹配项目 v3/v4 版本并遵守 v4 PostCSS 约束；图标仅用 @phosphor-icons/react 或 @radix-ui/react-icons（已安装版本）并保持描边宽度一致；禁用 AI 紫/霓虹发光默认风格，采用单一克制强调色加中性底色；不动画 top/left/width/height，只动画 transform 与 opacity；磁吸/持续动效不用 React useState 循环，改用渲染周期外的 Motion Values（framer-motion）；无限动画须隔离在小型 memo 化客户端组件中；必须包含加载骨架、空状态与内联错误状态；同一组件树不混用 GSAP/ThreeJS 与 Framer Motion；高变化桌面布局须激进折叠为干净的单列移动布局。
使用方式：按优先级应用硬性规则，再按 Critical → Defaults → Optional 查阅路由参考文件——references/design-rules.md（布局、排版、色彩、架构与性能默认值）、references/motion.md（动效引擎与编排约束）、references/anti-patterns.md（禁用模式与反低质过滤）、references/bento-recipes.md（Bento 与仪表盘实现配方）、references/checklist.md（交付前 QA 关卡）、references/inspiration-patterns.md（灵感目录，非关键）。
适用场景：重视视觉与交互质量、需要反模板化纪律的 React/Next.js 界面与组件工作。
限制：资料未提供具体收费、价格、平台支持范围与效果数据；部分启发式规则（如约 100ms 交互延迟、主色不超过 3 种、导航深度 3 步内、Cmd/Ctrl+K 命令面板等）为默认质量目标，产品语境明确要求时可另行处理。