用途：这是一套面向 React/Next.js 项目的前端 UI/UX 工程技能，用于约束大模型生成界面时的默认审美与结构偏好，让输出更接近资深前端工程师的成品，而非通用模板化页面。
主要能力：以三个可调指标驱动设计决策——DESIGN_VARIANCE（默认 8）、MOTION_INTENSITY（默认 6）、VISUAL_DENSITY（默认 4），并据此给出排版、配色、布局、材质、交互状态、数据与表单模式等具体规则。同时规定架构约定：默认 React/Next.js 与 Server Components，交互组件需隔离为带 'use client' 的叶子组件；样式以 Tailwind CSS 为主，需先查 package.json 确认版本与依赖，缺失依赖须先给出安装命令。还包含性能护栏（只动画 transform 与 opacity、噪声滤镜仅用于固定且 pointer-events-none 的伪元素、限制 z-index 滥用）以及一份禁止模式清单（如禁用 emoji、禁用 Inter 字体、禁用纯黑、禁用霓虹外发光、禁用三列等宽卡片等）。
使用方式：作为技能加载后，按其中的基线配置与规则生成或审查前端代码；用户可在对话中显式覆盖默认指标值。资料未提供具体安装命令或调用方式。
适用场景：React/Next.js 落地页、营销页、仪表盘等界面开发与设计评审。
限制：规则偏主观审美，需结合项目实际调整；部分约定（如字体、图标库）依赖项目已安装对应依赖；资料未说明收费、平台支持与效果保证。