用途：这是一个前端 UI/UX 技能配置，用于指导 AI 在生成 React 或 Next.js 界面时遵循指定的设计工程规则，减少通用化、模板化的视觉输出。资料将其定位为高级前端技能，通过量化基准与硬性约束修正 LLM 的默认设计偏好。
主要能力：设定三项全局基准变量 DESIGN_VARIANCE=8、MOTION_INTENSITY=6、VISUAL_DENSITY=4，并据此驱动布局、动效与视觉密度的具体逻辑；用户可在对话中显式要求覆盖这些值。规则覆盖组件架构（默认服务端组件、交互组件用 use client 隔离）、状态管理、Tailwind 样式策略、响应式与间距、图标库选用（@phosphor-icons/react 或 @radix-ui/react-icons）、字体搭配（如 Geist、Outfit、Satoshi）、配色（最多一个强调色，饱和度低于 80%）、交互状态（加载、空、错误、按压反馈）、表单与数据模式、动效物理参数以及性能护栏（只动画 transform 与 opacity、避免 h-screen 改用 min-h-[100dvh]、限制 z-index 使用等）。
使用方式：资料未提供安装命令或具体调用步骤，暂未提供。规则要求使用时先检查 package.json 验证依赖，缺失时先输出安装命令（如 npm install package-name）；使用 Tailwind 时须核对版本，v4 项目不能在 postcss.config.js 中配置 tailwindcss 插件。
适用场景：适合需要高视觉辨识度的前端页面、组件库与交互界面生成，以及对设计一致性有要求的新项目搭建。
限制：资料禁止使用 Inter 字体、纯黑、霓虹外发光、emoji、居中 Hero、三列等宽卡片布局等；未提供价格、平台支持和许可证信息。