my-skills

技术博客写作助手。根据用户提供的主题或素材，生成结构清晰、内容深度、可视化强的中文技术博客/文档。包含总览表格、机制详解、流程图、安装指南。用户说"写博客"、"写文档"、"整理成文章"、"输出技术文档"时调用。

为Hexo博客的Markdown笔记添加YAML front matter头部。当用户需要给博客文章添加Hexo格式的front matter时调用。

前端浏览器 QA 取证。用于真实浏览器视觉取证、Playwright 流程验证、动态点击输入、DOM 断言、表单/表格/弹窗/滚动/sticky 表头/响应式布局和用户截图反馈复现；截图用于视觉证据，动态交互优先用 Playwright 测试或 MCP 断言，不做最终产品业务验收。

前端代码审核。用于 UI 实现或修复后，检查数据映射、事件绑定、表单校验、异步状态、提交锁、可访问性、测试和回归风险。

前端开发规范。用于 UI 编码或修复前，约束组件复用、字段契约、表单、表格、弹窗、布局、样式、异步状态、分页和设计系统一致性。

前端契约同步。用于 UI 改动影响 API/schema、DTO、Mock、测试数据、校验规则、状态模型、页面展示字段或 PRD 字段说明时保持一致。

前端问题修复闭环。用于视觉错乱、交互失效、字段错误、旧依赖、截图反馈、重复回归、QA 失败、产品验收不通过、修复、复测、问题记录，以及用户确认“可以了/通过/没问题/已解决”后沉淀经验。

前端产品验收。用于以产品经理、业务负责人和最终用户视角审核已开发前端功能是否符合 PRD、用户需求、业务流程、角色权限、页面信息呈现、操作闭环和数据流转；复用或调用 frontend-browser-qa 获取截图和基础显示证据，不重复做截图采集。

前端 PRD 生成。用于在目标项目的 docs/product/PRD.md 生成、补全和动态更新产品需求文档；当首次提出功能需求、需求缺少产品定位/用户角色/业务流程/字段规则/权限/验收标准，或开发、契约同步、浏览器 QA、产品验收中发现产品依据缺口时使用。

前端需求门禁。用于新增或修改页面、表单、表格、弹窗、工作流、权限、状态规则、字段来源或验收标准前，先明确目标、范围、用户动作、数据来源和可交付验收项。

前端技能路由索引。用于选择、解释、安装前审查、维护或自进化前端技能包；当用户询问流程漏洞、调用顺序、长期维护文件、skill 结构、PRD、产品验收或哪个前端 skill 应该触发时使用。

【强制调用】用户说"fix/修改bug/修复/修一下/解决报错/不工作/报错/异常/debug/not working/error"等任何表达修复意图时必须调用。先诊断根因，评估难度，简单Bug直接修复，复杂Bug出多方案供选择。全程分支隔离，自测验证，最小化对其他模块影响。不适用于PPT、文档等非代码任务。

需求澄清。功能：检测并澄清用户模糊描述，确保需求可拆解为具体任务。当出现以下场景时必须调用此skill：1)描述只有动作无对象（如"优化一下"）；2)缺少明确标准（如"做得更好"）；3)范围不明确（如"处理一下"）；4)存在冲突需求（如"要简单但功能全"）；5)缺少目标、范围或输出格式。

任务审查执行。功能：通过多Agent协作确保任务高质量完成，包含流程审批、产出验收、问题修正循环。当出现以下场景时必须调用此skill：1)任务复杂度高（子任务>6个、时间>10分钟、文件>5个、大文件、多技术领域）；2)用户反馈不符合要求≥2次（如"不对"、"错了"、"重新做"）；3)需要多次审查确认质量。