Agent 技能库

使用 Playwright 对本地 Web 应用进行自动化测试，可模拟页面操作并检查行为，适合验证界面流程、表单和交互。

指导创建 MCP 服务器，把外部 API 与服务接入支持 MCP 的客户端，适合封装数据源或工具能力，产出服务端实现。

用于构建较复杂的 claude.ai HTML 产物，基于 React 与 Tailwind 组织页面和组件，适合制作可交互的网页演示或原型。

提供网页设计的规范与标准参考，涉及布局、可访问性和视觉一致性，适合在设计或评审页面时作为检查依据。

讲解 React 组件组合与可复用模式，适合拆分复杂组件、设计组件接口和提升复用性，产出更清晰的组件结构。

汇总 React 开发的最佳实践与常用模式，涉及组件设计、状态管理和性能优化，适合审查或改进现有 React 代码。

提供 React Native 的开发实践与性能建议，涉及渲染、长列表和原生交互等常见问题，适合优化移动端应用实现。

用于将项目部署到 Vercel，适合把前端或全栈应用发布到线上，产出可访问的部署地址及相关配置。

汇总 Next.js 的推荐做法与项目模式，适用于路由、数据获取和渲染方式的选型，可辅助搭建或审查 Next.js 应用。

介绍 Next.js 的缓存策略与支持缓存的组件写法，适合处理数据缓存和渲染性能问题，帮助调整页面的缓存行为。

用于把 Next.js 项目升级到较新版本，梳理版本差异与需要修改的配置和代码，适合版本迁移时按步骤完成升级。

用于创建和组织代理可调用的命令结构，适合把常用操作固化为可复用入口，便于团队统一调用方式。

处理需要等待特定条件满足的场景，例如轮询状态或异步结果，用于编写更稳健的等待逻辑，替代固定时长的睡眠。

收尾开发分支的流程指引，涵盖改动确认、提交整理与合并前检查，适合功能完成后准备交付或发起合并时使用。

处理收到的代码审查意见，逐条判断采纳或说明理由并落实修改，适合评审反馈较多时有序推进修正。

指导代理在合适时机发起代码审查，整理改动范围与关注点，适合功能提交前自查或请求他人评审，产出清晰的审查请求。

沿调用链与数据流追查问题的最初来源，适合反复出现或表象模糊的缺陷，帮助区分症状与根因并确定修复位置。

把开发任务拆分给多个子代理并行推进，适合规模较大或模块相对独立的实现工作，由主代理协调分工、汇总产出与结果。

提供系统化的问题排查流程，从复现、定位到验证逐步收敛，适合复杂缺陷与偶发故障，最终给出根因说明和修复方案。

引导代理先编写测试再实现功能，适用于新功能开发与缺陷修复，通过红绿重构循环产出有测试覆盖的代码，减少回归问题。

总结测试中常见但无效的做法，用于审查现有测试代码或设计新测试时避开这些坑，帮助提升测试的真实覆盖价值。

通过子代理协作验证技能本身是否可用，适合技能编写后的自测环节，产出测试过程记录与需要修正的问题清单。

说明如何用 git worktree 同时维护多个工作目录，适合并行开发、对比方案或在不打断当前分支的情况下验证改动。

在宣布任务完成前执行核对清单，确认改动、测试与需求一致，适合交付前的最后把关，减少遗漏和误报完成。