选修 · 进阶

进阶关 · 用 skill 再升一级

0 → 1 你已经走完了。这一关带你用 skill 解锁更多能力——
先亲手装个"设计师"美化页面，再看看 skill 还能怎么给网址装、讲需求找、让它定制。不断成长，让自己变得更加厉害。

STEP 1 / 4

先搞懂 skill 是什么

一句话：skill 就是一个文件夹，里面有个 SKILL.md，写着"遇到某类活该怎么干"的一套专业心法。装进 Claude Code 后，用到时点名叫它出来（怎么叫，第三步教）。

· 比"每次在对话里重复叮嘱"省事：心法写一次，以后点它的名就行。
· 平时不占地方，只在用到时才加载。
· 装在哪：全局 .claude\skills\（所有项目都能用）或某个项目的 .claude\skills\ 里。

这一关用 Anthropic 官方的 frontend-design——专治"AI 做出来千篇一律、紫渐变白底那种俗页面"，逼它做出有设计感、不套模板的前端。

STEP 2 / 4

方法一：把文件夹交给它，让它帮你装

路线包里已带好 skill 文件夹：路线包\skills\frontend-design（里面有 SKILL.md）。你不用自己翻 .claude 折腾——把它的位置告诉 Claude Code，让它帮你装。

① 找到 路线包\skills\frontend-design 文件夹，用鼠标直接拖进 Claude Code 的对话框，松手（和关卡 4 把文件夹拖进终端一个道理）。
② 紧接着打上这句，一起回车：

帮我把这个 frontend-design 技能文件夹，装到全局 .claude\skills\ 里，让我以后所有项目都能用。装好后告诉我装在哪了。

③ 它会去复制文件、可能弹一下"同不同意"的安全闸门（看清是往你的 .claude\skills\ 里放 skill，点同意）。它一般会先查源在不在、有没有重名，再动手。

装好了：装在 .claude/skills/frontend-design 下，里面是 SKILL.md

装好后结构：.claude\skills\frontend-design\SKILL.md

💡 装好后，重开一个 claude 最稳：关掉当前对话、在 my-page 里重新启动一次 claude——新会话会重新扫一遍全局 skills，这个 skill 才会稳稳出现在 / 列表里、也能被点名调用。
💡 只想给这一个项目用？把那句里的"全局 .claude\skills\"换成"这个项目的 .claude\skills\"即可。

STEP 3 / 4

让它用 frontend-design 重做页面

进 my-page 重新启动一个 claude（刚装完，重开它才稳稳生效）。skill 怎么用上？一般是你"点名"让它用，两种方式任选：

方式一 · 打 /：输入框打个 /，在弹出列表里找到 frontend-design（关卡 5 敲 / 看命令——装好的 skill 也在那个列表里）。
方式二 · 话里点名：在要求里直接说"用 xx skill"。

比如下面这段，整段复制、回车：

用 frontend-design 这个 skill，把我的 index.html 重新设计一版，让它更有设计感、更耐看；内容不要动，只改外观。

它会调用这个 skill 的设计心法给页面来次"专业改造"。改完照老规矩：回浏览器刷新看。

点名后它先确认 Successfully loaded skill，才按这个 skill 动手

它先确认"Successfully loaded skill"，才按这套心法动手

💡 想让它"碰到做页面就自动用"这个 skill？也能，但要再跟 Claude Code 聊几句去设置——那属于进阶。现在用"点名"这种手动方式，最稳、最可控。

STEP 4 / 4

前后一对比，感受赋能

把这一版，和关卡 5 你自己调出来的那版放一起看：

用 skill 后：暗色 editorial 版 — 用 skill 后 · 暗色 editorial

点图可放大看细节

这就是 skill 的价值：你没多费口舌，只是给它装了一项"专长"，产出就上了一个台阶。一个好 skill，约等于给它请了个对应领域的高手。

再进一步 · 给个网址

① 给它一个网址，它自己下回来

在网上看到一个好用的 skill（通常是个 GitHub 仓库），不用自己下载、解压、翻文件夹——把网址甩给它，让它自己装。

帮我装一下这个 skill，网址在：https://github.com/multica-ai/andrej-karpathy-skills

① 它会先去这个网址看看里面有什么，途中弹一下"允许我访问这个网址吗"的安全闸门，看清是去你给的网址、点 Yes 放行。

⚠️ 这一步它要联网下载，依赖你的网络环境——有些网址（比如部分 GitHub 资源）需要"魔法"才能正常访问。

② 抓完，它就把 skill 装进全局 .claude\skills\，并回报"已识别"。

装好后：.claude\skills\karpathy-guidelines\SKILL.md，写代码时自动激活

再进一步 · 讲清需求

② 说不出名字？讲需求，它帮你找

连 skill 叫什么都不知道也没关系——把你想解决的问题讲清楚，让它去 GitHub 帮你扒拉。

帮我去 GitHub 上找找，有哪些 skill 能提高模型的输出质量，从输出角度到逻辑结构都要。

讲清需求后，Claude Code 调用 web-access 上网去 GitHub 搜索

① 它会动用上网的本事，先搜一圈、再给你推荐，不瞎装。

💡 图里那行 Skill(web-access)，是它在调用一个专门"能上网"的 skill。可见 skill 不只给它加知识，也能给它加'动手'的本事。

② 搜完，它把结果按你的需求列成一张表：哪种需求配哪个 skill、要不要装整包，一目了然。挑中哪个，跟它说一声让它装上就行——和路径 ① 一个道理。

它按需求把候选 skill 列清楚，挑中的照路径 ① 装上即可

再进一步 · 让它定制

③ 没有现成的？让它给你造一个

网上找不到合适的？那就让它给你定制一个。你只管把"想要什么"讲清楚，剩下的交给它。

我想自己做一个 skill，叫"小确幸"：每天读取我的 coding 成果（建了网页、整理完文章……），汇总成温暖的一条，发到我的飞书。

① 它不会闷头乱写——先分析、再拆步骤，把"哪里做不了""哪里要你拿主意"摆出来等你拍板。需求越复杂，这一步越值钱。

Claude Code 创建 SKILL.md，把定制的 skill 写进 .claude 目录

② 方向定了，它就把这个 skill 写进 .claude\skills\——一个专属于你的 skill 就此诞生。

新 skill 落地：.claude\skills\little-joys\SKILL.md

💡 它问你的那几个"分叉点"，值得花两分钟答清楚——选对了，后面全程省事；选错了，后面白做。

进阶关 · 完成

想要什么本事，说一声就有。

方法一是把你电脑上现成的文件夹交给它。
再进一步——只要扔给它一个网址，它就能把对应的 skill 直接下好；
哪怕你说不出 skill 的名字，把需求讲清楚，它也能帮你找、帮你装，甚至给你"定制"一个。
你只动嘴，它动手。

这种"你说目标、它自己干完"的玩法，才是 Claude Code 进阶的精髓。这趟 0 → 1 你已经走完——往后想深挖，方向就在这儿。

返回目录 ⌂