Agent 技能库

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

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

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

用于制作符合 Slack 体积与尺寸限制的动态 GIF，适合生成表情包、提示动图等小动画，产出可直接上传的 GIF 文件。

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

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

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

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

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

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

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

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

围绕给定主题生成并拓展想法，帮助打开思路。适用于产品构思、方案讨论或写作选题阶段，产出多条可选方向与初步整理。

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

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

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

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

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

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

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

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

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

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

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