ui

此技能专注于快速生成与优化 UI 组件、反馈表单及 Hero 区块。它作为专门的前端开发代理，严格遵守设计系统规范与无障碍设计标准。通过自动化处理 UI 开发的重复性工作，使用者可更专注于版面规划与交互体验，同时确保生成的每个元素皆符合可用性与性能的最佳实践。此技能结构严谨，利用特定的前端设计与组件生成参考文件，以确保代码库的一致性。

• 生成各类无障碍 UI 组件，包含按钮、表单、Hero 区块及自订交互组件。

• 强制执行严格的无障碍标准 (a11y)，包括键盘导航、正确的标签关联与逻辑标题结构。

• 当使用者明确要求时，整合针对“尖锐”或“品牌导向”美感的设计指南。

• 仅在使用者明确指示下，支援进阶视觉增强效果，如动画、自订缓动曲线与发光效果。

• 提供品质检验门户流程，确保在最终产出前符合无障碍清单与设计需求。

• 在编写代码前，请务必咨询相关的 ui-skills.md 与 frontend-design.md 文件，以确保符合既有的设计系统。

• 确保所有交互组件皆可通过键盘操作，并为状态变更提供视觉反馈。

• 严格遵守负向约束：绝不将此技能用于验证功能、后端数据库操作、API 业务逻辑或基础设施管理。

• 为所有影像提供描述性的替代文字 (alt-text)，并确保对比度符合标准可用性门槛 (文字对比至少 4.5:1)。

• 适合需要快速原型制作前端版面、联系表单或品牌营销组件，同时维持代码简洁与可维护性的使用者。