前端界面工程

关于这个 Skill

依据项目设计系统构建响应式组件，完善无障碍交互及应用状态。遵循现有组件和状态模式，实现必要状态，并检查不同视口中的界面。

为什么推荐

Addy Agent Skills 中的任务工作流。遵循上游指令并保留引用的共用文件；实际可执行步骤取决于宿主能力和项目配置。

适合用来做什么

• 页面或组件需要完善交互、响应式布局与无障碍能力。

方法与交付

遵循现有组件和状态模式，实现必要状态，并检查不同视口中的界面。

实现后的界面，包含键盘操作、响应式布局及适用的加载、空白、错误和成功状态。

前端界面工程指令

保留所需参考资料

需要共用参考资料时，采用上游说明的完整仓库接入方式。skills CLI 的单项安装只复制 skills/<name>/，可能缺少仓库级 references/ 检查清单；应保留工作流所需的共用文件。

上游说明与接入方式

使用前需要了解

• 需要能加载 Skill Markdown 并访问项目的 Agent；文件编辑、命令、构建与检查依具体工作流和环境而定。
• 使用项目自身的运行环境、依赖与验证命令；Skill 文件提供操作指引，不会替项目安装工具。
• 需要共用参考资料时，采用上游说明的完整仓库接入方式。skills CLI 的单项安装只复制 skills/<name>/，可能缺少仓库级 references/ 检查清单；应保留工作流所需的共用文件。

支持的 Agent