skills 旗舰的 skill-creator / mcp-builder / web-artifacts-builder / webapp-testing——造工具的工具：造技能、造 MCP 服务器、造复杂 artifact、测 Web 应用。本篇是对 Anthropic 官方技能的中文转译与编目。
一句话定位
元层四件：技能创建器教你怎么写技能（含性能度量）、MCP 构建器教你怎么把外部服务接给 LLM、artifact 构建器管多组件复杂前端、测试技能管 Playwright 驱动验证——它们是让 Claude 的能力可以自我扩展的那一层。
四技能精要
skill-creator（技能创建器）
- 从零创建、改进既有、度量技能性能三模式
- 核心原则：简洁至上（token 预算意识）+ 设定合适的自由度（哪些步骤锁死、哪些留给判断）
- 报告结构标准化（执行摘要/发现/建议）；连 commit message 格式都规定
- 与金融域同名技能同源——此处是通用版
mcp-builder（MCP 服务器构建器）
- 造高质量 MCP 服务器：LLM 与外部服务交互的协议层
- 高层工作流 + 参考文件库 + 文档库三级渐进披露
- 「外部服务怎么接才安全、怎么设计工具才好用」的工艺大全
web-artifacts-builder（artifact 构建器）
- claude.ai 多组件 HTML artifact：React + Tailwind + 现代前端栈
- 设计与风格指南前置——复杂产出的美学底线
- 分层参考（Quick Start vs Reference）
webapp-testing（应用测试）
- Playwright 驱动的本地 Web 应用交互与测试
- 决策树选方法（何时起服务器、何时纯浏览器）
- 「侦察-然后-行动」模式：先看 DOM 再动手
- 常见坑与最佳实践单列
方法论精华
1. 自由度设计（skill-creator）——写技能时显式决定「哪些步骤锁死、哪些留给模型判断」：锁太少输出不稳定，锁太多失去智能。这是所有 prompt 工程的元问题。
2. 侦察-然后-行动（webapp-testing）——先读 DOM/截图理解现状，再执行动作。对抗的是「想当然的 selector」——对任何 agent 都是普适纪律：先观察后行动。
3. 元能力分层：技能创建器（轻工艺）→ MCP 构建器（连接）→ artifact 构建器（复杂产出）→ 测试器（验证）——自扩展系统的四块基石：造、连、产、验。
编者按
这四张卡加上法务构建枢纽（legal-pro 09），构成完整的「技能经济学」：怎么造、怎么连外部世界、怎么造复杂物、怎么验证、怎么管理进出。对想给自己造工具的读者：skill-creator 的「简洁+自由度」两原则是起点，其他都是它的展开。