工具集

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

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

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

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

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

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

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

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

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

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

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

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

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

按 Slack 表情（建议 128×128）与消息动图（480×480）的尺寸、帧率、色数和时长建议制作 GIF，提供动画构思要点、GIF 组装与校验工具，基于 Python 与 Pillow。Anthropic 官方技能。

用 p5.js 与种子随机数创作生成艺术（流场、粒子系统等）：先写算法美学理念，再输出可交互调参的 HTML 查看器。Anthropic 官方技能。

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

先提炼一套设计理念，再用代码绘制海报、插画等静态视觉作品，输出 PNG 或 PDF，强调原创、不照搬已有艺术家作品。Anthropic 官方技能。

内置 10 套配色与字体主题，可套用到幻灯片、文档、报告和 HTML 落地页等产出物，也能按需求即时生成新主题。Anthropic 官方技能。

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

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

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

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

生成或编辑照片、插画、纹理、游戏精灵、产品样机与透明底素材等位图。Codex 内置的系统技能，默认调用内置 image_gen 工具，无需单独安装；经用户确认可改用附带的 CLI 脚本，需要 OPENAI_API_KEY。OpenAI 官方维护。

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