不废话，直接教你用Claude Code Skill！

https://mp.weixin.qq.com/s?__biz=Mzk3NTQ0NzMzMQ==&mid=2247484051&idx=1&sn=718ed6275e5bb5beb64eb314da2fc6e9&chksm=c524134c1bdf398727cd9b397eee3b4048a5efc26b1ce4b20747278c5ed7f8b49c6d950511eb&mpshare=1&scene=1&srcid=0516eXyLehpsROPvHzhDIiBv&sharer_shareinfo=e47dc511e8cd865f2a1f2c01ad1c7c37&sharer_shareinfo_first=e47dc511e8cd865f2a1f2c01ad1c7c37&exportkey=n_ChQIAhIQTtD%2FuHMS%2FxiAIeDhUBhiFBL4AQIE97dBBAEAAAAAABMPDKWWsFoAAAAOpnltbLcz9gKNyK89dVj0uNVin%2BAN4FUM2rIN4uRLfjs2rujqUW%2Fu4xoOPR2MlT26XIGwdWTOaqeLm4d4ZptQtFA2%2F81oCZgKMu8wlSGeCCuZjlf9%2B0okD613U7NEPSdDF8g7nfd6bNl4hl3yrVlrHj2UbojEuL4wtOh1ZE3rV6R0BI0fFgghleiORo6KYPxo5090bJOR1IUE%2FccZEAesqecqw5tMZ5Pj5rICP5BqDX%2Fpktj05qhDuo0tAiwRSikXF3S5pxWix9GgYsfh52eyTe5b88dr7qKIuApWLsKE%2BVWr&acctmode=0&pass_ticket=cUYnt81zeaHjltvuFV4Q188Ij04XqE5pXeJ5tWTRb68EZJEWZnXQy6SE2qekZnBK&wx_header=0#rd

 

一个让 AI 真正听懂你项目规范的方法

先说个真实场景

假设团队在做 Vue3 项目重构，代码规范统一是个大问题。

每个人写的组件风格都不一样：有的用 Options API，有的用 Composition API；有的写 CSS，有的写 Less；命名方式更是五花八门。

Code Review 的时候，光是改这些风格问题就花了不少时间。

那么这时候Claude Code 中的Skill 功能就解决了这个问题。

 

什么是 Skill？

简单说，Skill 就是给 Claude 看的“说明书”。

你把自己项目的技术栈、代码规范、组件模板写在一个 Markdown 文件里，放在项目的 .claude/skills/ 文件夹下。Claude 在执行任务的时候，会先看这个说明书，然后按照你定的规矩来生成代码。

比如你可以规定：

• 必须用 Vue3 的 <script setup> 语法

• 组件样式必须用 Less 并且要写 scoped

• 按钮必须用 Element Plus 的 ElButton

这样 Claude 生成出来的代码，就直接符合你的项目规范了，不用再手动改，如果不会写skill可以交给Claude或者在线上扒一套下来。

怎么用？上教程

前提：你电脑上已经装好了 Claude Code（没装的先去官网下载）。

第一步：创建文件夹

在你的项目根目录下，打开终端，执行：

bash

mkdir-p .claude/skills

这个文件夹用来放所有的 Skill。

第二步：新建一个 Skill

比如我想建一个 Vue3 项目的 Skill：

bash

mkdir-p .claude/skills/vite-peoject-skill

 

然后在 vite-project-skill 文件夹里创建一个 SKILL.md 文件（注意：文件名要大写，我第一次就写成了小写，结果死活识别不了）。

文件内容大概是这样的：

markdown

---name: vue3-skilldescription: Vue3 + Vite + Element Plus 开发规范---# Vue3 组件规范1. 使用 `<script setup lang="ts">`2. 组件必须定义 name：`defineOptions({ name: 'XXX' })`3. 样式用 Less，必须加 scoped

 

description 很重要，Claude 会根据这段描述来判断什么时候用这个 Skill。

第三步：检查是否生效

打开 Claude Code（在项目目录下输入 claude），然后输入：

text

/skills list

 

如果能看到你刚创建的vite-project-skill，说明配置成功了。

我第一次配置的时候，就因为文件名写成了小写 skill.md，折腾了好几分钟才找到问题。

第四步：开始用

配置好之后，正常用就行。Claude 会自动识别什么时候需要用你的 Skill。

比如你直接输入：

Claude 会读取你的 Skill，知道你用的是 Vue3 + Element Plus，然后按照你定好的规范来生成代码。

生成的东西直接就能用，基本上不需要手动改。

---

实际效果怎么样？如图

我测试了一下，感觉最大的好处是不用每次都重复说一遍规范了。

以前要让 AI 按规范写代码，得在 prompt 里写一大堆：用 Vue3、TypeScript、Less、Element Plus、注意命名规范……

现在把这些都写进 Skill 里，一句话就够了。

---

几点建议

1. 一个 Skill 做一件事。不要搞一个大而全的，分开管理更方便。比如 vue3-component-skill 只管组件，vue3-api-skill 只管接口调用。

2. description 写清楚触发条件。Claude 靠这个判断要不要用你的 Skill，写得太模糊可能不会自动激活。

3. Skill 内容不用太长。几百行就够了，又不是写文档。核心规范写清楚，复杂的东西可以在用的时候再说。

4. 改完 Skill 记得重启 Claude。不然不会生效，我因为这个也浪费过时间。

---

最后说一句

Skill 不是什么黑科技，就是一个配置文件。但它确实能让你和 AI 配合得更顺。

如果你也在用 Claude Code 写代码，可以试试把自己的规范整理成一个 Skill，应该能省不少事。