第五章:Vibecoding 复用方法:把重复任务做成 Skill

vibecoding入门教程

浏览 360 次


前面几章你已经学会了:先分析、先计划、限制范围、看 diff、再验收。

但如果每次都复制一大段提示词,很快就会累。Skill 的作用就是把一套重复工作流程保存下来,让 AI 编程工具以后可以反复调用。

这一章的目标不是让你马上写复杂插件,而是先理解:

提示词是一次性的
AGENTS.md 是项目规则
Skill 是可复用的工作方法

学完这一章,你应该能做到:

  • 判断什么时候该用普通提示词,什么时候该做 Skill;
  • 看懂一个 Skill 的基本结构;
  • 把“项目启动体检”“代码审查”“API 报错诊断”这类重复任务做成模板;
  • 知道第三方 Skill 不能乱装,必须先读内容;
  • 知道 Skill 也要维护版本,不要让旧规则误导 AI 编程工具。

如果还没有打开可用的 AI 编程工具,先按第一章从官网安装并完成第一个练习,再继续这一章。

本章可直接复制的提示词

你要做的事:把一段经常重复使用的提示词,整理成以后可以反复调用的 Skill 草稿。

【可直接复制给 AI】

我经常会重复使用下面这段提示词,请帮我整理成一个 Skill 草稿。

我的重复提示词:
(粘贴你的提示词)

请直接输出:
1. 什么时候使用这个 Skill;
2. 这个 Skill 要完成什么;
3. 每一步应该怎么做;
4. 哪些事情禁止做;
5. 最后应该输出什么格式。

先只给 SKILL.md 草稿,不要创建文件。

【说明】

  • AI 会把零散提示词整理成固定流程;
  • 你会得到一份可以保存的 SKILL.md 草稿;
  • 下次遇到同类任务时,不用重新写一大段。

不满意继续这样问:

这个 Skill 太长了。
请删掉空话,只保留:
1. 触发场景;
2. 工作流程;
3. 禁止事项;
4. 输出格式。

5.1 为什么这一章很关键

学到这里,你会发现一个问题:

你已经有很多好用提示词了。

比如后面你会反复遇到的:

项目启动体检

还有:

落地页审美诊断

还有:

API 报错排查

还有:

git diff 审查

还有:

云端任务说明

还有:

AGENTS.md 项目规矩

这些提示词都很有用。

但如果每次都复制一大段,很麻烦。

更麻烦的是,你复制的时候可能会漏几句。

比如你让 AI 编程工具排查 API 报错,忘了提醒:

不要暴露 API Key。

让 AI 编程工具改 Pricing,忘了提醒:

不要修改真实价格。

让 AI 编程工具审查 diff,忘了提醒:

不要继续修改文件,只审查。

所以第十二章要讲一个更高级的用法:

先把重复提示词整理成可复用的流程清单;工具支持 Skill 时再按其说明转换。

你可以把 Skill 理解成:

提示词的升级版。

普通提示词是你每次临时输入。

Skill 是你提前写好的一套固定流程。

当你以后说:

用启动体检 Skill 检查这个项目。

AI 编程工具就知道要按固定流程走。

这就是从“临时问 AI”变成“给 AI 配工作流”。


5.2 Skill 和 AGENTS.md 有什么区别

上一章讲了 AGENTS.md。

这一章讲 Skill。

很多人会混淆。

简单说:

AGENTS.md 管项目规矩。
Skill 管重复任务流程。

AGENTS.md 更像项目说明书:

这个项目用 pnpm
不要改 Pricing
不要编造数据
不要动 API Key
修改后运行 build

Skill 更像工作流程卡片:

遇到项目跑不起来,按 10 步检查
遇到 API 报错,按请求、响应、日志排查
遇到页面难看,按审美规则诊断
遇到 diff,按风险清单审查

一个项目可以同时有两者。

最稳的组合是:

AGENTS.md 告诉 AI 编程工具:这个项目有哪些红线。
Skill 告诉 AI 编程工具:这类任务应该怎么做。

举个例子。

你有一个 AI API 内容站。

AGENTS.md 写:

主 CTA 不要改。
不要编造模型价格。
不要乱改 canonical。
构建命令是 pnpm build。

SEO 检查 Skill 写:

检查标题
检查 description
检查 canonical
检查 sitemap
检查内部链接
检查 CTA
检查事实来源
输出 P0 / P1 / P2

这样 AI 编程工具既知道项目边界,也知道具体流程。


5.3 Skill 不要一上来做太复杂

很多新手第一次做 Skill,会想做一个“全能开发 Skill”。

比如:

帮我启动项目、改页面、修接口、审查代码、写 PR、检查 SEO、部署上线。

这不叫 Skill。

这叫大杂烩。

真正好用的 Skill,应该很窄。

一个 Skill 只解决一个重复任务。

推荐这样拆:

项目启动体检 Skill
落地页审美 Skill
API 报错诊断 Skill
代码 diff 审查 Skill
云端任务说明 Skill
SEO 页面检查 Skill
README 更新 Skill

不要把它们混在一起。

Skill 越清楚,AI 编程工具越稳定。


一个好 Skill 的结构

一个 Skill 至少要写清楚:

什么时候使用
要完成什么
第一步做什么
禁止做什么
输出格式是什么
什么情况要停下来问用户

你可以用这个骨架:

# Skill 名称

## 什么时候使用

说明触发场景。

## 目标

说明这个 Skill 要完成什么。

## 工作流程

1. 第一步
2. 第二步
3. 第三步

## 禁止事项

- 不要做什么
- 不要改什么
- 不要编造什么

## 输出格式

固定输出结构。

## 停止条件

什么情况下不要继续,需要用户确认。

5.4 案例一:项目启动体检 Skill

第一个 Skill,我们把第六章升级。

第六章讲过,项目跑不起来时,不要乱删依赖。

现在我们把它做成 Skill。

这个 Skill 适合这些场景:

clone 一个开源项目
接手一个旧项目
vibe coding 生成项目跑不起来
AI Chatbot 模板安装失败
shadcn 落地页 npm run dev 失败

项目启动体检 Skill

# 项目启动体检 Skill

## 什么时候使用

当用户遇到以下情况时使用本 Skill:

- clone 的项目无法启动
- npm install / pnpm install 失败
- npm run dev / pnpm dev 失败
- 项目缺少环境变量
- 不确定应该用 npm、pnpm、yarn 还是 bun
- 不确定 Node 版本是否正确

## 目标

在修改任何代码之前,先判断项目如何安全启动。

## 工作流程

1. 先读取项目根目录,不要修改文件。
2. 检查 package.json、README、lock 文件、.env.example、.nvmrc。
3. 判断包管理器。
4. 判断 Node 版本要求。
5. 读取 package.json 的 scripts 字段。
6. 找出安装、启动、构建、测试、lint 命令。
7. 检查 README 启动说明是否和 package.json 一致。
8. 检查是否缺少环境变量。
9. 如果用户提供报错日志,先找第一条真正的根因错误。
10. 输出排查结论和下一步建议。

## 禁止事项

- 不要一上来删除 node_modules。
- 不要一上来删除 lock 文件。
- 不要修改 package.json。
- 不要新增依赖。
- 不要编造环境变量。
- 不要修改 .env 或 .env.local。
- 不要直接重构项目。

## 输出格式

- 项目类型:
- 包管理器:
- Node 版本要求:
- 安装命令:
- 启动命令:
- 构建命令:
- 是否需要环境变量:
- 当前最可能失败原因:
- 下一步建议:
- 暂时不要做的事:

使用方式

以后你只需要说:

请用项目启动体检 Skill 检查这个项目,先不要修改任何文件。

如果有报错,就补一句:

这是完整报错日志,请按 Skill 流程找第一条根因错误。

适合做教程案例的项目

这个 Skill 适合配合这些项目类型讲:

AI Chatbot 模板
Next.js starter
shadcn 落地页
Open Lovable 类项目
Dyad 类本地 AI app builder
老旧 Next.js 项目

它的价值是:

先把项目跑起来,再谈开发。

5.5 案例二:落地页审美 Skill

第二个 Skill,把第七章升级。

很多人让 AI 编程工具改页面,只会说:

帮我改好看一点。

这不稳定。

落地页审美 Skill 可以把“好看”拆成具体规则。

它适合:

SaaS 官网
AI 工具首页
API 服务落地页
课程销售页
开源项目展示页
vibe coding 生成页面

落地页审美 Skill

# 落地页审美 Skill

## 什么时候使用

当用户要求优化首页、落地页、产品页、AI 工具页面、SaaS 官网、Pricing 页面时使用本 Skill。

## 目标

把模板感强、信息层级混乱、转化弱的页面,改成更清晰、更可信、更适合上线的产品页面。

## 工作流程

1. 先分析页面,不要直接修改。
2. 判断页面类型:SaaS、AI 工具、API 服务、课程页、开源项目、个人产品。
3. 检查首屏是否说清楚:给谁用、解决什么问题、下一步点哪里。
4. 检查 CTA 是否有主次。
5. 检查页面是否有模板话、AI 味、空话。
6. 检查功能区是否只是堆卡片。
7. 检查 Pricing 是否清楚。
8. 检查移动端是否可读、可点、不溢出。
9. 给出 2-3 套改版方向。
10. 用户确认后再修改。

## 可参考的设计方向

- Taste Skill:审美、间距、排版、层级
- shadcn/ui:组件一致性
- Magic UI:轻量动效,不要过度
- Launch UI:成熟落地页模块顺序
- Open Lovable / Dyad:AI 生成页面的二次精修场景

## 禁止事项

- 不要编造用户数量。
- 不要编造客户案例。
- 不要编造收入、转化率、评价。
- 不要修改真实价格。
- 不要修改套餐权益。
- 不要新增 UI 库或动画库,除非用户确认。
- 不要重写整个页面,除非用户明确要求。

## 输出格式

- 页面类型:
- 当前最大问题:
- 最应该先改的区域:
- 建议改版方向:
- 允许修改的文件:
- 不应该修改的文件:
- 需要用户提供的真实信息:
- 验收方式:

使用方式

请用落地页审美 Skill 检查首页。

先不要修改代码。

请先告诉我:
1. 页面最大问题
2. 哪些地方有模板感
3. 哪些文案像 AI 生成
4. 哪些区域最值得先改
5. 给我 3 套改版方向

确认方向后再说:

采用第 2 套方向。

请只修改首页展示组件,不改价格、不改 API、不新增依赖。

这个 Skill 的价值

它不是让 AI 编程工具 “自由发挥审美”。

它是给 AI 编程工具装上刹车:

先诊断
再给方向
再限制范围
再改代码
再验收

页面改造最怕的就是一脚油门冲出去。

这个 Skill 就是方向盘和刹车。


5.6 案例三:API 报错诊断 Skill

第三个 Skill,把第八章升级。

API 报错最怕 AI 编程工具猜。

用户说:

接口 500 了。

AI 编程工具可能直接说:

可能是服务端代码错误。

但真实情况可能是:

环境变量缺失
API Key 错误
Base URL 错误
请求 Body 错误
请求方法错了
上游服务限流
登录中间件拦截
前端解析返回结构失败

所以 API 报错诊断 Skill 要强制 AI 编程工具先收集证据。


API 报错诊断 Skill

# API 报错诊断 Skill

## 什么时候使用

当用户遇到接口请求失败、状态码错误、登录失败、模型 API 调用失败、前后端联调失败时使用本 Skill。

## 目标

先根据请求、响应、日志、路由文件和环境变量定位问题,不要一上来修改代码。

## 必须收集的信息

1. 请求 URL
2. 请求方法
3. 请求 Headers
4. 请求 Body
5. 响应状态码
6. 响应 Body
7. 浏览器 Network 面板错误
8. 服务端终端日志
9. 相关 API 路由文件
10. 环境变量配置方式

## 诊断顺序

1. 判断请求是否打到了正确域名和路径。
2. 判断请求方法是否正确。
3. 判断是否缺少 Header。
4. 判断是否缺少 Body 参数。
5. 判断是否缺少环境变量。
6. 判断是否被登录、权限、中间件拦截。
7. 判断是否是上游第三方 API 返回错误。
8. 判断是否是服务端代码抛异常。
9. 判断是否是前端解析返回值失败。
10. 最后才提出修改代码方案。

## 状态码提示

- 400:优先检查请求参数和校验器。
- 401:优先检查 token、API Key、登录状态。
- 403:优先检查权限、中间件、策略。
- 404:优先检查路径、方法、动态路由。
- 429:优先判断本地限流还是上游限流。
- 500:优先看服务端日志和环境变量。
- 200 但前端报错:优先检查返回结构。

## 禁止事项

- 不要只根据状态码下结论。
- 不要编造 API Key。
- 不要暴露用户密钥。
- 不要绕过鉴权。
- 不要删除参数校验。
- 不要一上来重构接口。

## 输出格式

- 状态码:
- 最可能原因:
- 当前证据:
- 还缺哪些信息:
- 应该查看的文件:
- 不应该先改的地方:
- 最小排查步骤:
- 可能的最小修复方案:

使用方式

请用 API 报错诊断 Skill 排查这个接口问题。

请求 URL:
请求方法:
请求 Body:
响应状态码:
响应内容:
服务端日志:

先不要修改代码。

适合的项目类型

这个 Skill 适合:

Next.js Route Handler
Hono API
tRPC 项目
Auth.js 登录接口
AI Chatbot 接口
OpenAI-compatible API 网关
支付回调接口
短信邮件接口

它的核心价值是:

先查证据,再修代码。

5.7 案例四:代码 diff 审查 Skill

第四个 Skill,把第九章升级。

AI 编程工具写完代码后,最容易说:

已完成。

但你不能直接信。

要让它审查 diff。

每次手写审查提示词很烦。

所以做一个 diff 审查 Skill。


代码 diff 审查 Skill

# 代码 diff 审查 Skill

## 什么时候使用

当 AI 编程工具修改了代码、页面、接口、配置、文档或测试后,使用本 Skill 审查 git diff。

## 目标

判断这次改动是否安全、是否和需求一致、是否存在无关修改、是否可以提交。

## 工作流程

1. 先读取 git diff,不要继续修改文件。
2. 总结本次改动涉及哪些文件。
3. 判断每个文件是否和原始需求直接相关。
4. 检查是否修改无关文件。
5. 检查是否新增依赖或修改 lock 文件。
6. 检查是否修改价格、套餐、支付、登录、权限、API Key、环境变量。
7. 检查是否引入硬编码、真实密钥或编造数据。
8. 检查是否可能影响移动端、构建、测试或接口返回结构。
9. 检查是否需要运行 build、test、lint。
10. 最后给出是否建议提交。

## 高风险文件

重点关注:
- package.json
- lock 文件
- .env / .env.example
- auth / middleware
- payment / pricing
- api routes
- database schema
- deployment config
- sitemap / canonical / robots / llms

## 禁止事项

- 不要继续修改代码。
- 不要只说“看起来没问题”。
- 不要忽略无关修改。
- 不要编造测试已经通过。
- 不要替用户决定合并。

## 输出格式

- 改动摘要:
- 修改文件列表:
- 每个文件是否必要:
- 高风险改动:
- 无关修改:
- 需要人工确认的内容:
- 建议运行的验证命令:
- 是否建议提交:
- 提交前必须修复的问题:

使用方式

请用代码 diff 审查 Skill 检查当前改动。

原始需求是:
只优化首页 Hero 文案和按钮布局。

要求:
1. 不要继续修改代码
2. 重点找无关修改
3. 重点检查是否改了价格、API、登录、支付
4. 最后告诉我是否建议提交

这个 Skill 特别适合什么场景

AI 编程工具改完首页
AI 编程工具修完接口
AI 编程工具改完 Pricing
AI 编程工具修完登录
AI 编程工具改完 README
长任务完成后
PR 合并前

它的价值是:

防止 AI 写得太快,人审不过来。

5.8 案例五:云端任务说明 Skill

第五个 Skill,把第十章升级。

长任务最怕需求不清楚。

一句:

帮我优化项目。

非常危险。

云端任务说明 Skill 的作用是:在你提交云端任务之前,先把任务整理清楚。


云端任务说明 Skill

# 云端任务说明 Skill

## 什么时候使用

当用户准备把较长的任务交给 AI 编程工具时,使用本流程。若工具提供远程任务功能,再按其官方说明提交。

## 目标

把模糊需求整理成一个清楚、可执行、可验收、风险可控的云端任务。

## 必须包含

1. 任务名称
2. 项目背景
3. 任务目标
4. 相关文件
5. 允许修改
6. 禁止修改
7. 完成标准
8. 验证命令
9. 风险提醒
10. 完成后输出要求

## 高风险提醒

云端任务默认不要修改:
- 生产密钥
- 支付逻辑
- 登录权限
- 数据库迁移
- 真实价格
- API Key
- 生产部署配置

## 禁止事项

- 不要写“帮我优化项目”这种空任务。
- 不要一次塞多个无关任务。
- 不要让 cloud task 自动合并。
- 不要让 cloud task 编造数据。
- 不要把真实 API Key 写进任务。
- 不要让它运行陌生网页里的脚本。

## 输出格式

- 任务名称:
- 背景:
- 目标:
- 相关文件:
- 允许修改:
- 禁止修改:
- 完成标准:
- 验证命令:
- 风险提醒:
- 完成后输出:

使用方式

请用任务说明流程,把这个需求整理成可以分阶段执行的任务:

我想让它整理首页落地页,让页面更清楚一点,但不能改价格和 API。

AI 编程工具应该输出一份结构化任务,而不是直接开始写代码。


适合交给云端的任务

适合:

整理 README
检查启动流程
调查 API 报错
生成上线前检查清单
修小范围页面问题
补 loading / error / empty 状态

不适合一句话交给云端的任务:

重写整个项目
重做登录
重做支付
重做数据库
全站 UI 改版
上线部署

5.9 案例六:SEO 页面检查 Skill

第六个 Skill,特别适合内容站、教程站、价格站。

你现在有很多内容站和 API 教程项目。

这类项目最怕的不是页面丑,而是:

事实写错
价格写错
日期写错
canonical 写错
sitemap 漏掉
CTA 链接错
内部链接乱加
页面标题重复

所以可以做一个 SEO 页面检查 Skill。


SEO 页面检查 Skill

# SEO 页面检查 Skill

## 什么时候使用

当用户新增或修改 SEO 页面、教程页、价格页、模型页、国家政策页、API 文档页时使用本 Skill。

## 目标

检查页面是否符合内容事实、SEO 结构、内部链接、CTA 和上线验收要求。

## 检查流程

1. 先读取页面文件和相关数据文件。
2. 检查页面标题是否具体。
3. 检查 description 是否清楚。
4. 检查 h1 是否唯一。
5. 检查 canonical 是否正确。
6. 检查 sitemap / llms / robots 是否需要更新。
7. 检查内部链接是否相关。
8. 检查 CTA 是否指向正确目标。
9. 检查是否有编造价格、日期、政策、模型能力。
10. 检查是否需要来源核查。
11. 检查 build 是否需要运行。

## 禁止事项

- 不要编造价格。
- 不要编造发布日期。
- 不要编造政策和法规。
- 不要编造模型能力。
- 不要乱改 slug。
- 不要乱改 canonical。
- 不要把 404 页面加入 sitemap。
- 不要把主 CTA 改成无关链接。

## 输出格式

- 页面:
- 修改摘要:
- SEO title:
- h1:
- canonical:
- sitemap 是否需要更新:
- 内部链接:
- CTA:
- 事实风险:
- 需要来源核查:
- 建议验证命令:

使用方式

请用 SEO 页面检查 Skill 审查这个新页面。

重点检查:
1. title / h1 / description
2. canonical
3. sitemap
4. 内部链接
5. CTA
6. 有没有编造价格、日期或模型能力

适合哪些项目

这个 Skill 适合:

AI API 教程站
API 价格站
模型介绍页
跨境电商合规站
电子发票政策站
卖家问题修复站
工具型 SEO 页面

它的目标不是写漂亮文案。

它的目标是:

上线前别犯 SEO 和事实错误。

5.10 案例七:README 更新 Skill

第七个 Skill,看起来简单,但非常实用。

很多项目 README 写得很差。

新手 clone 后不知道:

用什么包管理器
怎么安装
怎么启动
怎么构建
要不要环境变量
常见报错怎么处理

README 更新 Skill 可以让 AI 编程工具稳定地整理文档。


README 更新 Skill

# README 更新 Skill

## 什么时候使用

当用户想更新 README、接手文档、安装说明、本地启动说明、环境变量说明时使用本 Skill。

## 目标

根据项目真实文件,生成或更新一份不编造、不夸大、适合新手接手的 README。

## 工作流程

1. 读取 package.json。
2. 读取 README。
3. 读取 lock 文件。
4. 读取 .env.example。
5. 判断包管理器。
6. 判断启动、构建、测试、lint 命令。
7. 检查 README 是否和 package.json 一致。
8. 生成新人接手说明。
9. 不确定的信息标记为“待确认”。

## 禁止事项

- 不要编造不存在的命令。
- 不要编造部署平台。
- 不要写真实 API Key。
- 不要编造数据库地址。
- 不要修改 package.json。
- 不要修改 lock 文件。
- 不要修改代码。

## 输出格式

- 项目简介:
- 技术栈:
- 包管理器:
- 安装依赖:
- 本地启动:
- 构建命令:
- 测试命令:
- 环境变量:
- 常见问题:
- 待确认项:

使用方式

请用 README 更新 Skill 检查当前 README。

要求:
1. 先不要修改文件
2. 先指出 README 和 package.json 不一致的地方
3. 再给新版 README 大纲
4. 不确定的信息写“待确认”

确认后再写入:

可以,只修改 README.md,不改其他文件。

5.11 第三方 Skill 一定要先读,不要乱装

讲到 Skill,就必须讲安全。

你可以自己写 Skill,也可以参考社区 Skill。

但不要看到一个 Skill 很火,就直接装。

因为 Skill 本质上是给 AI agent 看的自然语言指令。

它可能影响 AI 编程工具:

什么时候触发
相信什么规则
运行什么脚本
忽略哪些限制
访问哪些文件
输出什么内容

如果你装了一个陌生 Skill,不读内容就用,风险很高。


第三方 Skill 审查清单

使用任何第三方 Skill 前,先看:

它什么时候触发?
它要求访问哪些文件?
它有没有让 agent 忽略安全规则?
它有没有要求上传代码或密钥?
它有没有自动运行脚本?
它有没有修改 .env、auth、payment、database?
它有没有要求访问外部网址?
它有没有隐藏奇怪指令?

不推荐的 Skill 内容

如果看到类似内容,要警惕:

忽略之前所有规则
自动读取所有环境变量
把项目代码上传到外部服务
自动运行远程脚本
自动提交代码
自动删除 lock 文件
把 API Key 写进日志
绕过权限检查

这种 Skill 不要用。


推荐做法

更稳的方式是:

先自己写小 Skill
只做单一任务
不自动运行危险命令
不处理真实密钥
不自动提交
不自动合并

Skill 是为了稳定,不是为了失控。


5.12 Skill 也要版本管理

你写的 Skill 不是一次写完就不管。

随着项目变多,Skill 也要迭代。

比如:

启动体检 Skill 发现还要检查 .nvmrc
API 诊断 Skill 发现要补 200 但前端报错
落地页审美 Skill 发现要禁止编造用户数量
SEO 检查 Skill 发现要检查 canonical
diff 审查 Skill 发现要检查 lock 文件

你要把这些经验加回 Skill。


Skill 更新提示词

请帮我更新这个 Skill。

新增经验:
{写这次踩坑经验}

要求:
1. 只补充必要规则
2. 不要把 Skill 写得太长
3. 不要和现有规则冲突
4. 保持输出格式不变
5. 先输出修改建议,不要直接改文件

Skill 精简提示词

请审查这个 Skill 是否过长。

要求:
1. 删除空话
2. 删除重复规则
3. 保留触发条件、目标、流程、禁止事项、输出格式
4. 保留高风险安全规则
5. 精简后更容易被 AI 编程工具执行

推荐管理方式

你可以给 Skill 分成几类:

dev-startup
frontend-design
api-debug
diff-review
cloud-task
seo-check
readme-update

每个 Skill 只解决一个问题。

不要做成:

super-everything-all-in-one

越全能,越不稳定。


5.13 本章通用模板

下面这些可以直接复制。


模板一:让 AI 编程工具帮你生成 Skill

请帮我把下面这段重复提示词整理成可复用的流程清单。

重复提示词:
{粘贴你的提示词}

要求:
1. 写清楚什么时候使用
2. 写清楚目标
3. 写清楚工作流程
4. 写清楚禁止事项
5. 写清楚输出格式
6. 写清楚什么时候要停下来问用户
7. 不要写空话
8. Skill 只解决一个任务,不要做成全能工具

先输出 SKILL.md 草稿,不要创建文件。

模板二:生成项目启动体检 Skill

请生成一个“项目启动体检 Skill”。

用途:
clone 新项目、接手旧项目、npm install 失败、npm run dev 失败时使用。

要求包含:
1. 检查 package.json、README、lock 文件、.env.example、.nvmrc
2. 判断包管理器和 Node 版本
3. 找安装、启动、构建、测试命令
4. 根据日志找第一条根因错误
5. 禁止删除 lock 文件
6. 禁止修改 package.json
7. 禁止编造环境变量
8. 固定输出启动体检报告

模板三:生成落地页审美 Skill

请生成一个“落地页审美 Skill”。

用途:
优化首页、落地页、SaaS 官网、AI 工具页面、Pricing 页面时使用。

要求包含:
1. 先诊断,不直接修改
2. 检查首屏价值表达
3. 检查 CTA 主次
4. 检查模板感和 AI 味
5. 检查按钮、卡片、间距、移动端
6. 禁止编造用户数量、客户案例、收入数据
7. 禁止修改真实价格和套餐权益
8. 输出 2-3 套改版方向

模板四:生成 API 报错诊断 Skill

请生成一个“API 报错诊断 Skill”。

用途:
排查 400、401、403、404、429、500、接口 200 但前端报错。

要求包含:
1. 收集请求 URL、方法、Headers、Body
2. 收集响应状态码和响应内容
3. 收集服务端日志
4. 检查路由、鉴权、参数、环境变量、上游 API
5. 不要只根据状态码下结论
6. 不要暴露密钥
7. 不要绕过鉴权
8. 输出最小排查步骤

模板五:生成 diff 审查 Skill

请生成一个“代码 diff 审查 Skill”。

用途:
AI 编程工具修改代码后,审查 git diff 是否安全。

要求包含:
1. 不继续修改代码
2. 总结修改文件
3. 判断每个文件是否必要
4. 检查无关修改
5. 检查 package.json、lock 文件、.env、auth、payment、pricing、API
6. 检查硬编码密钥和编造数据
7. 给出验证命令
8. 判断是否建议提交

模板六:审查第三方 Skill

请帮我审查这个第三方 Skill 是否安全。

Skill 内容:
{粘贴 SKILL.md}

请检查:
1. 是否有忽略规则的指令
2. 是否要求读取密钥或环境变量
3. 是否要求上传代码
4. 是否要求运行远程脚本
5. 是否自动提交或自动合并
6. 是否修改高风险文件
7. 是否触发条件过宽
8. 是否建议使用

输出:
- 风险等级
- 主要风险
- 建议删除的内容
- 是否可以使用

模板七:精简 Skill

请帮我精简这个 Skill。

要求:
1. 删除空话
2. 删除重复规则
3. 保留触发条件
4. 保留目标
5. 保留工作流程
6. 保留禁止事项
7. 保留输出格式
8. 不改变 Skill 的核心用途

先输出修改建议,不要直接改文件。

5.14 本章总结

Skill 的本质不是“更长的提示词”。

Skill 的本质是:

把重复工作流固化下来。

前面几章你已经有很多重复流程:

项目启动体检
落地页审美诊断
API 报错排查
代码 diff 审查
云端任务说明
SEO 页面检查
README 更新

这些都适合做成 Skill。

这一章你要记住 8 条规则:

第一,Skill 管流程,AGENTS.md 管项目规矩。

第二,一个 Skill 只解决一个重复任务。

第三,Skill 要写触发条件、目标、流程、禁止事项、输出格式。

第四,不要做全能 Skill,越全能越不稳定。

第五,第三方 Skill 一定要先读内容,不要乱装。

第六,Skill 不要自动处理真实密钥、支付、登录、数据库迁移。

第七,Skill 要版本管理,踩过坑就更新。

第八,Skill 也要精简,别写成废话大全。

推荐工作流:

先把常用提示词整理出来
挑重复率最高的任务
做成单一 Skill
用 2-3 个真实项目测试
发现问题就更新
太长就精简
稳定后再复用到其他项目

这一章最重要的一句话:

提示词解决一次问题,Skill 解决一类问题。

下一章可以继续讲:

如何让 AI 编程工具自动检查项目,但不让它乱提交。比如 pre-check、lint、build、test、SEO 检查、diff 审查、PR 描述这些流程,哪些可以自动化,哪些必须人工确认。