ui

UI 技能是一项专业的代理程序功能，旨在生成前端界面组件、落地页 Hero 区块及交互式反馈表单。它作为纪律严明的前端开发伙伴，确保所有生成的代码均符合严格的无障碍 (a11y) 标准，包括强制执行 alt 属性、逻辑标题结构及键盘导航交互元素。此技能通过分层优先级系统运行：默认参考标准 UI 最佳实践，仅在用户明确要求时才允许使用特定品牌或高度独特的设计需求。通过结构化的质量闸门方法 (Step 0)，代理程序会在交付前评估每个组件的屏幕阅读器兼容性、对比度及焦点管理。此技能非常适合需要快速构建界面同时保持一致且高质量前端架构的开发者。它仅在明确指示下支持复杂动画控制、自定义 easing 函数及基于渐变的装饰，以维持标准任务代码库的整洁。该代理程序严格限定于 UI 生成，不应被用于后端逻辑、数据库建模或身份验证流程。

• 自动生成响应式 React 或 HTML/CSS UI 组件与 Hero 布局区块。

• 集成无障碍审计 (a11y)，确保符合 WCAG 原则，如 Tab 索引、焦点状态管理及语义化 HTML 结构。

• 具备内置验证占位符的反馈与联系表单生成。

• 情境感知的样式调整，并在明确要求时支持品牌强化、自定义动画与复杂 easing。

• 结构化质量闸门系统 (Step 0)，提供针对图像、表单与交互元素键盘可操作性的交付前检查清单。

• 当用户明确要求 UI 更新、设计原型、Hero 区块、表单或视觉组件修改时，请使用此技能。

• 避免将此技能用于后端 API 实现、业务逻辑处理、数据库结构设计或安全的身份验证/授权功能。

• 确保所有生成的组件均符合 ui-skills.md 与 frontend-design.md 定义的参考文件。

• 对于每个 UI 任务，优先执行标准无障碍检查清单，确保开发具包容性。

• 当要求复杂视觉效果（如发光或动画）时，请确认用户已明确授权，因为这些项目被排除在默认模式之外。