用途：该技能负责 UI 组件与表单的生成，涵盖首屏区块、反馈表单和联系界面。明确不加载于认证、后端实现、数据库等场景。
主要能力与约束优先级：基本以 ${CLAUDE_SKILL_DIR}/references/ui-skills.md 的约束为最优先；仅当用户明确表示「锐利/独特/表现力强/强化品牌」等意图时，才应用 ${CLAUDE_SKILL_DIR}/references/frontend-design.md。UI Skills 的 MUST/NEVER 原则上维持，仅在用户明确要求时才允许例外，包括渐变、发光与强装饰、动画的追加与扩展、自定义 easing。
功能与参考文件：约束集见 references/ui-skills.md 与 references/frontend-design.md；组件生成见 references/component-generation.md；反馈表单见 references/feedback-forms.md。
执行步骤：先应用约束集（按优先级），再执行质量判定闸门（Step 0），分类用户请求，按功能明细读取对应参考文件，最后依其内容生成。
Step 0 质量判定闸门（无障碍清单）：生成 UI 时确保可访问性。必需项：图片设置 alt 属性；表单元素关联 label；可用键盘操作（Tab 移动焦点）；焦点状态视觉可辨。推荐项：不单靠颜色传达信息；文本对比度 4.5:1 以上；恰当使用 aria-label/aria-describedby；标题结构（h1→h2→h3）合乎逻辑。交互元素：按钮使用恰当标签（如「查看产品详情」而非「详情」）；模态/对话框的焦点陷阱；错误信息可被屏幕阅读器读出。
面向 VibeCoder 的要点：为图片加说明性描述；可点击区域需支持键盘操作；不要仅用颜色判断状态，应辅以图标与文字。
限制：官方文本未提供收费、价格、平台与具体效果等信息，此部分暂未提供。