工具集

面向编码 agent 的完整开发方法论技能集：头脑风暴出设计、拆解实施计划、派子代理逐项实现并评审、强制 TDD 与系统化调试。作为插件安装可自动注入启动引导。

Matt Pocock 的工程技能合集：grill-me 追问对齐需求，to-spec 把讨论整理成规格、to-tickets 拆成工单，另有 tdd、diagnosing-bugs、code-review 等，小而可组合。每个仓库首次使用前先运行 setup-matt-pocock-skills。

引导 agent 在新建或改版界面时先确定视觉方向，在配色、字体与布局上做有取舍的选择，避免千篇一律的模板化 AI 界面。Anthropic 官方技能。

有了需求或规格、动手之前，把多步任务写成小粒度的实施计划：列明涉及的文件、接口签名与验证用的测试，便于逐步执行。Superpowers 的核心技能。

写代码前通过逐个提问澄清意图、约束与成功标准，把模糊想法细化成可评审的设计，得到确认后再进入实施。Superpowers 的核心技能。

开工前为功能开发建立隔离工作区：优先用 agent 自带的 worktree 工具，否则回退到 git worktree，并安装依赖、跑基线测试确认起点干净。出自 superpowers。

四阶段根因调试法：先调查根因、对照可用样例找差异、单变量验证假设，最后修复根因，禁止未定位就猜测改代码。出自 Superpowers 工作流。

要求 agent 在声称完成、已修复或测试通过之前，先运行完整的验证命令并读完输出，用证据支撑结论，杜绝未经验证的成功声明。出自 Superpowers 工作流。

完成任务或合并前，按 git 提交区间派发独立的评审子代理，对照计划与需求检查实现，并按严重、重要、次要分级处理反馈。obra/superpowers 技能集之一。

排查疑难缺陷与性能回退的纪律化流程：先构建能稳定复现的反馈回路，再复现与最小化、提出假设、插桩验证，最后修复并补回归测试，输出中要求脱敏密钥。Matt Pocock 出品。

按纵向切片做测试驱动开发：先与用户约定测试接缝，只通过公开接口验证行为，并列出实现耦合、同义反复等测试反模式。出自 Matt Pocock 的 skills 合集。

按 Karpathy 对大模型写代码常见毛病的观察整理的行为准则：先想清楚再动手、简单优先、只做外科手术式改动、以可验证的目标驱动。也可直接当 CLAUDE.md 使用。

用 React、Tailwind CSS 与 shadcn/ui 搭建需要状态管理或路由的多组件网页，自带初始化与打包脚本，最终打包成单个 HTML 文件作为 claude.ai Artifact。Anthropic 官方技能。

用 Python Playwright 脚本驱动本地 Web 应用做功能验证、界面调试、截图与浏览器日志查看，自带管理开发服务器启停的辅助脚本。Anthropic 官方技能。

让 agent 按「能不写就不写」的阶梯解题：先问是否需要，再依次复用现有代码、标准库、平台原生能力与已装依赖，只写最少的必要代码，但保留校验、错误处理、安全与无障碍。

改完代码后让 agent 结合 /_next/mcp 与 agent-browser 在运行中的 Next.js 应用里核对路由、报错与页面表现，确认改动真正生效。Next.js 官方维护，需要 Next.js 16.3+（Turbopack）与 agent-browser。

让 agent 在 Cache Components 下把 Next.js 路由优化成即时导航：先用 @next/playwright 的 instant() 写一个失败的端到端测试，再把 Suspense 边界下推到它保护的数据处、扩大静态外壳，直到测试通过并保留为回归防护；首次加载与客户端导航都覆盖。需要 Next.js 16.3+ 并开启 cacheComponents。

界面设计知识库技能：按产品类型检索界面风格、配色、字体搭配、图表与 UX 规范，并生成完整设计系统，覆盖 React、SwiftUI、Flutter 等 22 种技术栈。需本机安装 Python 3。

把 React 项目和 shadcn 组件从 Radix UI 迁移到 Base UI：默认逐个组件渐进迁移，明确要求时才整个项目一起迁；优先用 shadcn CLI 取官方 base 版本并合并用户的定制，调用处按映射表手工改写，每步做类型检查，并在 .migration/ 目录为每个组件写迁移报告。来自 shadcn/ui 官方仓库。

shadcn/ui 官方技能：让 agent 借助 shadcn CLI 读取项目配置与组件文档，按规范添加、搜索、组合和修复组件，遵守样式、表单与无障碍规则，也能用预设初始化新项目。

覆盖定义、计划、构建、验证、评审到上线全流程的工程技能合集，配 /spec、/plan、/build、/test、/review、/ship 等命令，含 TDD、代码评审与 Web 性能审计。Addy Osmani 出品。

合并前从正确性、可读性、架构、安全与性能五个维度评审代码变更，适用于自己、其他 agent 或他人写的代码与 PR，按改善整体代码健康度的标准给出结论。Addy Osmani 的 agent-skills 合集之一。

让 agent 生成的前端摆脱模板感：先判断设计方向，再用布局变化、动效强度、信息密度三个参数调节效果；另含改版审计、极简与粗野主义风格及设计参考图生成等技能。

前端设计打磨技能：一个技能提供 polish、audit、critique、typeset 等 24 条命令，并用 61 条确定性检测规则找出典型的 AI 生成界面问题，支持在浏览器里实时迭代。适用于 Claude Code、Codex、Cursor 等工具。