菜单
前端产品验收。用于以产品经理、业务负责人和最终用户视角审核已开发前端功能是否符合 PRD、用户需求、业务流程、角色权限、页面信息呈现、操作闭环和数据流转；复用或调用 frontend-browser-qa 获取截图和基础显示证据，不重复做截图采集。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
技术博客写作助手。根据用户提供的主题或素材，生成结构清晰、内容深度、可视化强的中文技术博客/文档。包含总览表格、机制详解、流程图、安装指南。用户说"写博客"、"写文档"、"整理成文章"、"输出技术文档"时调用。
为Hexo博客的Markdown笔记添加YAML front matter头部。当用户需要给博客文章添加Hexo格式的front matter时调用。
前端浏览器 QA 取证。用于真实浏览器视觉取证、Playwright 流程验证、动态点击输入、DOM 断言、表单/表格/弹窗/滚动/sticky 表头/响应式布局和用户截图反馈复现；截图用于视觉证据，动态交互优先用 Playwright 测试或 MCP 断言，不做最终产品业务验收。
前端代码审核。用于 UI 实现或修复后，检查数据映射、事件绑定、表单校验、异步状态、提交锁、可访问性、测试和回归风险。
前端开发规范。用于 UI 编码或修复前，约束组件复用、字段契约、表单、表格、弹窗、布局、样式、异步状态、分页和设计系统一致性。
前端契约同步。用于 UI 改动影响 API/schema、DTO、Mock、测试数据、校验规则、状态模型、页面展示字段或 PRD 字段说明时保持一致。
| name | frontend-product-acceptance |
| description | 前端产品验收。用于以产品经理、业务负责人和最终用户视角审核已开发前端功能是否符合 PRD、用户需求、业务流程、角色权限、页面信息呈现、操作闭环和数据流转；复用或调用 frontend-browser-qa 获取截图和基础显示证据，不重复做截图采集。 |
references/product-acceptance-checklist.md。docs/product/PRD.md；缺失或过期时先交给 frontend-product-docs。frontend-browser-qa 的截图、流程记录和断言；证据不足时先补浏览器 QA。