任务指南 · 来源透明
前端开发 Agent Skills 执行方案
用于前端设计、规则检查和浏览器验证的最小 Skill 组合。
为我的 Agent 生成这个方案 ↗仅处理前端文件、本地预览与可撤销的浏览器检查。
01 · SKILL STACK
最小三角色组合
每个角色只负责一件事。个性化生成器可根据 Agent 调整选择，但不会改变决策逻辑。
frontend-design
确定视觉方向与实现约束。
- 主要局限
- 审美判断具有主观性，仍需要利益相关方评审。
- 首要风险
- 形式压过功能
- 来源证据
- 固定提交 · 0a64e398
web-design-guidelines
检查无障碍、响应式与常见界面问题。
- 主要局限
- 它依赖网络和会随时间变化的实时规范文档。
- 首要风险
- 规则漂移或脱离上下文的结论
- 来源证据
- 固定提交 · b8caa260
playwright-workflows
提供浏览器证据，而不是只依赖代码检查。
- 主要局限
- 详细软件包文件尚未完全编目。
- 首要风险
- 安装前审查
- 来源证据
- 编辑来源
02 · ACCEPTANCE
如何确认任务完成
- 分别用桌面与移动宽度打开修改后的页面。
- 使用键盘与指针完成页面的主要操作。
- 确认没有阻断性控制台错误或明显布局破损。
03 · STOP CONDITIONS
什么时候应该停止
- 方案写入约定前端范围之外的文件。
- 视觉修改破坏键盘访问或可读对比度。
- 浏览器结果与声称的效果明显不符。
04 · METHOD
这份指南如何生成
SkillSignal 先把明确任务拆分为三个互不重叠的职责，再从已核对的目录元数据中选择候选。Agent 适配、来源状态、权限与公开评分均由确定性规则计算；请求时不调用 LLM 编写或调整推荐顺序。