Claude Code 零基础终极教程：安装、换模型、插件、Hooks、Skills、Subagents、实战项目一次讲透！

这是你能看到的最完整的 claude code零基础系统教程 我们从安装 接入其他厂商的模型 从而绕过限制 界面介绍 权限系统开始 依次通过理论加实操的形式 掌握tools工具hooks钩子skills技能 subagent子智能体以及自动化这些核心 功能最后 我们综合这些所有的功能 一起制作一个网页AI APP

视频跟到最后 你就能随心所欲的使用 claude code来完成你的日常工作 以及构建你想要的项目 我是木子 我不贩卖焦虑 只提供AI时代的解决方案 我们现在开始 首先我们需要安装claude code 那么一共需要安装三个东西 分别是git vscode和claude code 你不知道这些概念没有关系啊 非常简单 马上解释给你听 首先是Git

Git是代码的版本管理工具 它相当于是AI的后悔药 我们在让AI帮我们代码编程 或者是帮我们写脚本 做自动化任务的过程中 任何不对的地方 不满意的地方 可以随时通过Git回退到前面的版本 同时它可以对比两个 版本之间不同代码的差别 那这里呢 你可能会说哎 又要学Git 我不想学好麻烦 啊这里你不要着急 这个Git这里啊 我们不是给人用的

这是给AI用的 让它做这些工作 你只需要把它安装好就可以 那么如何安装呢 非常简单大家呢 任何的搜索引擎搜索 git安装或者git install 都会来到它的官网 网址是这个 来到之后呢 你可以选择自己的操作系统 你是Windows就点击这里下载安装包 然后直接安装就完了 如果你是macos 你可以点击自己的macos然后呢 通过一行命令直接在终端里安装

这里我们演示一下 复制这行命令 然后呢我们要打开终端 这里呢我们点击APP 搜索Terminal 这里我已经有了 然后我们点击terminal 就是终端 然后我们复制过来 点回车它就会自动的安装好Git 用这个命令安装Git呢 你需要homebrew 如果你这里没有homebrew 你可以点击这里 来进入这个页面 然后呢用这行命令来安装homebrew 好的git安装完之后

我们下面安装一下vscode 我们为什么需要vscode呢 因为如果没有Vscode呀 我们需要工作的页面就会是这样的 就是一个终端 然后呢我们在这里跟claudecode对话 我们如果想开启新的终端呢 还要打开新的窗口 我们也看不见文件树 我们也看不到代码对吧 那么如果有了Vscode 那我们就可以在这个界面工进行工作 可以左边看到我们的文件树 上面能看到我们的代码

当然你不需要改了 可能需要你填入API key等 操作都非常的简单 然后呢下面下面可以看到我们的终端 这里呢可以跟我们的claudecode进行对话 所以非常的方便 那么如何安装呢 大家来到这个网址 这是它的官网 大家可以搜索vscode安装 啊这样的话任何搜索引擎 都能带你来到这个网址 然后呢它会自动检测你的操作系统 如果你是Windows 你是Mac都会来有这个按钮

让我们直接下载安装包 然后我们下载完之后 直接安装就可以了 也是非常的简单 vs code安装包下载下来之后 大家双击安装包 Mac你就拖拽过来进行安装 然后呢因为我已经安装过了 他问我要不要取代现有的 我点击取代为了演示 大家等一会它就会自动安装好 安装好之后怎么找到呢 哎大家这里来到APP 然后大家这里搜索vs code 哎发现已经有了对吧 我们点开

这样我们就有一个全新的vs code了 以后呢我们就会在vs code里面进行工作 如果一开始点开之后 它让你登录 大家可以SKIP跳过登录就可以 那么这两个都安装完之后 我们就可以来安装claudecode了 还是来到claudecode的官网 网址大家可以看看这个 最重要的是它会有一行命令行 我们放到终端里面 就能直接安装claudecode 这里我们点击复制 然后我们来到终端粘贴

大家可以看看啊 这个命令行是这样的 然后我们点击回车 就会自动帮我们安装 claudecode到我们的电脑上 这里我们可以看到installation complete 那这样我们就安装好了claudecode Claude code不仅限于使用 Anthropic自己的Claude模型 大家也可以使用别的厂商的模型 尤其是有很多朋友受限制 没法使用Claude模型对吧 那这时候呢 使用自己想要的其他

厂商的模型就很重要了 有很多开源项目来解决这个问题 这里我们介绍两个 啊一个是CC switch 一个是claudecode Router 这两个大家选一个就好 今天呢我们用CC switch来做演示 非常的简单 大家来到这个开源项目叫做CC switch 来到之后往下拉 它有一个安装的命令 好到这里 我们就可以安装 比方说Windows呢

你可以去release页面下面下载 专门的安装包来进行安装 那Mac呢你可以通过这两行的 命令行直接进行安装 这里我们复制 还是我们来到终端 复制刚才的命令回车 我们等一会它就自动帮我们安装好了 安装好之后啊 大家来到还是APP 我们去找CC switch 大家只要搜索CC就会出来CC switch 我们点击这个APP

进来之后就是到这个界面了 那么如何添加你自己的大模型厂商呢 我们点击右上角的加号 进来之后大家可以选择自己想要的 大模型的提供商以及相应的模型 这里不是广告 我只是为了演示 比如选择minimax 然后呢往下填入API key就可以用了 啊如果你想要选择模型往下拉 大家可以选择自己想用的模型 选择完填完API key 点击添加

这时候回来 大家会发现自己的 页面上会多了这个条目 就是自己刚才添加的大模型厂商的 这里只需要点击启用 这样的话 我们去到claudecode就会使用我们自己 刚才添加的大模型厂商的模型了 比如这里我们再打开终端 输入claudecode 我们打开claudecode 哎大家可以看到 现在默认的模型不再是Claude的模型

而是比方说刚才我们 添加的这个minimax的模型了 这样的话 我们就可以在claudecode里面 随意使用我们想要的模型了 很多朋友啊 有些抵触Claude code需要在 终端里面进行操作 觉得操作终端有点太技术太复杂了 那么今天呢 我们就把Claude code所有的界面 元素在终端里面都过一遍 你会发现其实非常的容易理解 也非常的简单 首先呢 我们打开我们刚才安装过的Vscode

我们点击APP 搜索Vscode 然后我们打开 打开之后大家来到这个Vscode的界面 首先大家把目光移到右上角 有三个弹出的栏 第一个栏是左边栏 我们点击一下 左边栏主要我们用来看文件树 点击任何的文件呢 我们都可以进到这个 文件里面进行修改和查看 当然不用害怕 代码不用你写 但在这里我们可以查看 除此之外呢

左边栏还有增加插件啊等等功能 我们后来用到的时候会说到 第二个栏就是下边栏 下边栏就是我们的终端了 这里呢一会我们会从这里叫 出来我们的claudecode 在这里进行操作 还有一个就是右边栏 右边栏大家可以自己把 自己想要的栏目放到里面去 啊这个我们用到的时候后面会讲 大家先不用记 总而言之 言而总之 我们就用到最多的3个地方

就是第一我们的终端 这是我们跟claudecode主要的入口 对话的入口 第二就是我们左边的文件树 方便我们查看修改文件 最后一个就是我们这个主区域 可以看我们的代码 可以看我们的文件等等 这个地方大部分时间根本不用我们改 所以我们先把打开的文件关掉 然后我们隐藏左边栏 把我们的终端提上去 这里我们输入claudecode来打开claudecode

打开之后我们就可以 看到claudecode的终端界面了 我们把所有的信息都过一遍 首先claudecode右边这是版本号 然后下面是我们使用的 模型以及它的推理强度 这个很好理解对吧 右边是我们使用的Claude的订阅 如果你使用的不是Claude订阅的话 这里就会显示对应的 啊比方说你是Minimax 就会显示Minimax的什么模型

推理强度以及你是用的API付费 那么它里就会写的API 同时呢在下面是我们当前工作的目录 就是我们在哪个文件夹 下面打开的claudecode进行工作 好的那么这里呢 我尝试问它一句话 比方说你好 哎可以看到下面的状态栏会 有很多的信息进行更新 首先sonnet 4.6还是显示我们的模型

同样的第二个是我们当前 工作的文件夹的位置 第三个0.0k是我们当前 对话消耗的TOKEN数量 由于我们刚才问的这句话哈 消耗的TOKEN太少了 没有到100 所以它这里没有统计 如果这里我们问更长的问题比方说 可以看到我们刚才这个文案呢 就消耗了400TOKEN 600TOKEN 所以这里呢

我们整个对话消耗的 TOKEN数量就变成了0.6k 注意这个0.6k是当前 对话累积的消耗数量 并不是刚才这个回答单独的 而是刚才两个回答在一起的 第三个是一个CTX 9% 也就是说现在我们用了上下文的9% 5有5小时和7D 7天的意思就是我当前Claude订阅 5小时的额度用了32%

而7天一星期的额度我用了28% 这是所有的效果 那么刚才你可以看见 我不用问任何问题呢 Claude code都会有一个专门 思考和工作过程的一个界面 里面会包含很多信息 刚才我问的是你好比如 哎可以看到它这个思考的界面对吧 那么这个界面也会呈现出不同的信息 有的时候大家可能会看到 觉得有些乱 我们现在也解释一下

每行的信息都包含什么意思 首先 如果上面我们可以看到skill(frontend design) 就说明它叫了这个叫做 frontend design skilll来完成这个任务 这个非常好的理解 然后红白点一行字就是它在 工作过程中给我们的回答 下面write demo点html什么意思 write就说它使用了写入这个工具

然后呢写入了这个demo点html这个文件 下面是它写入的整个代码的内容 它进行了一些简略 如果大家想展开 摁Ctrl加o这个快捷键 就可以全部的展开 除此之外呢 大家在给claudecode任务的时候 还会看到上面的这个界面里面的信息 对吧不管是infusion还是其他的词 其实都没有任何的意义 就是说明他在思考而已

24秒就是此次任务执行的时间 501tokens就是此次任务到目前 为止消耗的TOKEN数量而已 那么当你刚刚安装claudecode打开之后 大概率你看到的状态栏不是这些信息 如何拥有这些信息呢 如何显示这些信息呢 就要需要这个提示词 大家看这个提示词 大家可以用来把它给到claudecode 然后让它显示这些

信息在你的状态栏下 我知道有很多朋友还是 觉得在终端里面工作太技术 不太舒服没关系 Claude code还有图形化的操作界面 我们先来看如何安装并且上手使用它 首先我们打开左边栏 没有打开的朋友啊 这个图标就在右上角 我们可以弹出来 然后呢我们点击这个管理插件的图标 这里我们搜索claudecode 第一个Anthropic的蓝标

这个插件就是我们想要的 我们点击 然后我们这里点击安装 安装完之后有两个改变 第一个左边栏大家看到就会 出现claudecode这样一个标志 我们点开之后就可以在这里进行聊天 第二个就是右边栏也自动的 弹出了我们的claudecode标志对吧 右边栏怎么打怎么打开呢 也是右边这个按钮 然后呢现在我们右边栏就有一个

claudecode还有一个chat两个的弹窗 chat弹窗我们为了不影响我们工作 我们只想右边栏有claudecode 所以我们把它移到左边栏 大家可以这样拖拽过来 这样右边栏就只有claudecode了 左边栏这claudecode呢 我们其实并不怎么常用 因为我们需要在左边栏看到文件树 这样的话两边可以同时的工作 所以大家推荐大家 还是用右边栏这claudecode 好的大家可以看到

相比之前我们讲过的终端哎 这个界面是清晰了很多对吧 我们开始讲一下这个 界面包含的所有元素 首先是右上角的这个放大按钮点击它 我们整个右边栏就会完全弹出来 占据整个屏幕 叉号就是关闭右边栏了 我们可以关闭之后再弹开 这个小的按钮呢 是对话历史按钮 我们可以回到之前的对话历史 而加号就是开启一个新的对话线程

比如这里我说一句你好 可以看到他回复了我 这里如果我们点击加号 我们就开始了一个新的对话 这跟网页端跟AI对话是完全一样的 然后呢我们点击这个历史按钮 我们就会发现刚才我们 说的你好就出现在这里 我们点击就会回到刚才的对话 我们再往下看啊 下面这个就很简单了 就是他的对话框对吧 加号我们可以上传任何的文件 而这里add context就是增加上下文

大家可以 at我们现有文件夹里面的所有文件 我们现在只有html 所以呢我们点击at就只有html能弹出来 点击的话 我们就可以跟claudecode对 这个文件来进行对话 进行查看啊修改等任何一系列操作 其实呢除了用at用加号 点击add context之外 还比较常用的就是我们 可以直接点击这个文件

可以看到这个文件在我们 整个的vscode里面出现了对吧 更重要的是大家看到哎 现在claudecode的 我们的下面 这个文件也出现在了这个地方 它的名字 这是什么意思呢 当这个文件出现在 claudecode这个对话框的下面 说明它已经被加入上下文了 我们现在跟claudecode进行对话呢 这个文件就会进入上下文 比如我们现在说

可以看到我问他在看哪一个文件 他说正在看index html 我这里又给他说 我让它加入一行欢迎语 它确实也修改了这个文件 那么可以看到啊其实啊 刚才它思考和给我们对话的 过程是跟我们的终端那个是很像对吧 它有一个思考的过程 点开我们去看它具体思考的一些细节 然后呢read Edit就是它调用工具

进行修改和读取文件的过程 那么在对话过程中呢 比如说我再问它一个问题 当他思考工作的过程中 我们可以点击这个哎 暂停按钮来停住他现在的工作 除此之外呢 我们还有一个按钮 就是这个斜杠按钮 他点开之后就会看到我们所有的指令 对吧他跟我们在终端里面 点击横杠下拉 看到的各种命令就相当于是等价的了 好的 这个界面还剩最后一个元素我没有讲

就是这个Edit automatically 点击之后会发现我们有3个 不同的权限和工作的模式 下面呢我们就仔细讲讲 Claude code的权限系统啊 其实非常简单 从左到右 我们依次介绍四种不同权限的模式 首先是plan mode计划模式 顾名思义啊 就是它只做计划 完全不修改任何东西 第二种模式是ask before Edit 也就是默认的模式

它呢每次动手前 在修改文件前都先征得你的同意 你点yes它才能继续 第三种模式叫Edit automatically accept Edit模式 也就是说呢 很多编辑文件的这些命令 或者常见的系统命令 它都会直接帮你做 不再问你的同意 但是一些中单命令以及网络请求 它依然要问你的同意 第四种模式叫做Bypass permissions 也就是权限全开的模式

有了它之后呢 Claude code能自动的帮你完成工作 它呢效率最高 同时安全的风险也最大 当然多说无益 我们用一个例子走一遍就马上明白了 好的现在我来到Claudecode 然后把模式改成权限 最小的plan mode计划模式 这里我给它一个简单的任务 我让它帮我做一个 简单的个人博客网站 那么它呢 开始在plan mode下进行思考

给我制定计划 我等一会之后啊 Claude code就把整个 开发计划都给我们了 到目前为止 它还没有新建任何一个 文件来执行这个开发计划 它呢给了我们三个不同的选项 分别是一 yes and auto accept也就是 接受我们马上开始执行这个计划 并且任何的编辑命令 不再询问我的意见 对我们刚才讲的第三种权限模式 第二yes and manually approve edit 也就是说啊

它马上会执行这个计划但是呢 任何的编辑命令都要征得我们的同意 都要我们的yes才可以放行 以及3 no keep planning 也就是这个计划我们不开心 我们还要改一下 那这时候我们就选3 那么这里呢我选2 也就是权限第二小的模式 我们来看一下 可以看到右下角 我们的模式从plan mode 自动改成了ask before edit 这里呢它想新建一个文件夹

通过终端的命令问我们的同意 这里我们点yes就会放行 同样的Claude code呢 想要把内容写进index html文件 问我们的同意 可是我们不能每次盯着它工作对吧 要是能它自己同意就好了 我想把权限放得更开一点 这时候呢 我们就可以点击yes allow all edits in this session 点击之后 我们会发现哎 我们右下角的权限 自动改成了Edit automatically

也就是刚才点那个按钮的效果 就相当于批准了那次编辑 并且自动的把我们权限 模式变成了自动编辑 自动同意 不再询问这样一个模式了 也就说呢 直到他做完这个项目 他应该都不会再询问我的意见了 哎话刚说完就被打脸了 不是刚说好我们在Edit automatically模式 怎么他还弹出来问我权限呢

这是因为啊open这个终端 命令不在Edit automatically自动 批准自动执行的这个清单以内 有些终端命令 比如MKDIR创建一个文件夹 它是可以自动批准的 不用再问我们了 但是在Edit automatically这个模式下面 open命令 即还有一些其他的命令 还是要问我们同意的 我们暂且选择所有的

open命令在这个文件夹 这个项目里面都不需要再问我们了 那么这时候呢 它就执行了open命令 直接帮我们打开了 这个创建好的博客页 简单的个人网站 那么下面的问题就是哎 我怎么能让open这样的命令 哎不需要再问我了 我希望给他所有的权限 我知道很危险 但是我不想要每 等他卡住 然后再问我 这时候怎么办呢

你可以注意到右下角这3个 哎没有更高的模式了 我们刚才讲的Bypass permission在哪里呢 我们来到左上角 点击code 点击settings 然后再点击settings 来到这个settings 就是设置面板 我们搜索allow dangerous escape permissions 我们看到extension Claude code 它自动跳出来了这个选项对吧 我们这里打上勾 就打开了全部权限的这样一个模式

那么还有另外一种模式就是终端里 对吧大家打开终端 然后输入这行命令 cloud dangerous SKIP permissions 点击回车 它也会自动的哎 把这个Bypass permission 就是最高权限的模式帮我们打开 可以看到哎 这里已经生效了在终端 生效之后 我们再次做个测试 我们再次让它帮助我们 来重新建立一个网页 对它进行修改

然后重新打开这个网页给我们看 诶可以看到整个的任务就完成了 而且从始至终再也 没有问过我任何的权限 下面我们说一下就智能体里面最 基本的一个概念就是TOOLS工具 大家都跟大模型对话过对吧 大模型只能做推理 只能去告诉我们文字的回答 它本质上没有任何改变环境的能力 这里所谓的环境

就比方说它无法去代替你去操作电脑 无法去改变你项目里的代码 也无法去在你的 文件夹里新建一个文件 或者是修改这个文件对吧 它只能想 只能告诉你文字 那这时候工具就出来了 大部分工具呢 仅仅只是完成特定任务的一些代码 当大模型想要去执行这个任务的时候 哎我们的claudecode呢 就会解析大模型输出 中想要调用哪个工具 怎么调用

然后调用执行相应的工具 就执行相应的代码 来完成对环境的改变 比如比如大模型啊想要 在第3行加上一句话 那这时候呢 Claude code或者其他智能体 就会调用相应的写入的工具 真的在第3行加上这句话 那么我们的项目就由此被改变了 如果说大模型是大脑 那么工具就是他的手 而大脑操纵手 我们举一个简单的例子啊 比方用户啊

现在这里想要改变呃这个字体的颜色 那么呢大模型看到我们用户 的这样一个要求之后它就想哎 想要改变颜色 我需要调用写入工具 来在这个文件第三行加上这么一句 那这时候呢 Claude code呢 就会解析出来ok 它要调用写入工具 它会调用这个写入工具 并且真的在文件里面写入这一行 由此我们的项目就会被改变 那对于用户来说呢

他下达命令改变字体的颜色 他看到整个智能体协同工作 然后把相关的代码改了 最终反映出来就是 字体的颜色也被改了 由此智能体就完成了这样 一个人本来应该完成的一个工作 而claudecode呢 已经带了很多不同的内置工具 可以帮我们使用 比如我们刚才说的 write也就是写入这样一个工具 那么往上拉我们可以看到有 比方说网络搜索工具啊

网络抓取工具等等 都已经内置在我们的claudecode里面了 现在我们实际看一下 claudecode如何调用的工具 还是刚才我们讲权限的那个例子啊 这个网页是刚才生成的 我希望这里的主题 颜色不是红色而是绿色 这时候呢 我可以截图给我们的claudecode说一下 这里提一句啊 大家看到这个界面 我刚才说过了 需要点击右边栏 然后呢 需要点击这个全屏这样一个按钮

这样的话 claudecode就会布满全屏 好的我们给claudecode 可以看到首先啊 他在用了batch就他 执行这个终端的工具 然后看看我们当前工作 文件夹里面有多少的文件 然后呢哎 read就是他又用了 这个读文件这个工具 然后edit又用了这个编辑文件这个工具 从此调用的几工具之后呢 它成功地将我们整个网页

的颜色从红色改为了绿色回来 可以看到变成了绿色 我们总结一下 实际上它就是一个不断思考 大模型思考想要做什么 调用什么工具 然后Claw code呢 就会调用这些工具 从而完成实现我们的要求 而调用的每一个工具都能在 过程里面啊非常清楚的体现 而这里的比方说bash工具 就在刚才我们介绍的 claudecode内置的工具栏里面对吧 可以看到这个bash

就直接帮我们执行终端命令 我们后面会讲 现在我们讲一个很重要 但是大家可能比较少 听到的这样一个功能 就叫做hooks hooks中文就是钩子的意思它呢 在程序运行到某个关键节点的时候 提前预留一个挂钩 一个钩子 让你可以在这时候插入自己的逻辑 它常常用作智能体的监督员 在关键的节点强制检查 诶我们的智能体真的 按照我的话照做了吗

那么你可能有点晕啊 不要着急 我们先看一下钩子都有哪一些 比如这里的列表就列出了几个 比较常见的所谓的关键的节点 在这里我们就可以插入钩 比如stop就是在主 智能体结束它的任务之前 SUB agent stop就是在 子智能体结束任务之前 Pre to use post to use就在调用工具的前 调用工具后 post to use failure就是调用工具失败后 还有的上下文压缩的前后

请求权限前 那么在这些关键节点的时候 我们都可以插入自己的逻辑 不论是直接执行命令 还是给他的你的提示词 让他来根据你的逻辑去跑 确保整个智能体的可控性 那么具体我们会让它来 给我们干什么工作呢 哎别着急 我们接下来往下看 首先一个特别常用的 场景或者是一个痛点吧 就是大家给智能体交代任务的时候 他说他干完了 但是其实他没干完对吧

这时候我们就可以用到stop 在AI准备结束所有的任务之前 我们加入这个钩子 让他去检查测试 让他去确保自己确实完成了任务 如果没有完成 让他继续做 我们再举一个例子SUB agent stop 我们调用子智能体让它完成任务 在它完成所有任务的瞬间 准备结束的时候 我们哎插入这个钩子 让他告诉我他都看了什么文件 改了什么文件 是否真的完成了

来监督子智能体这样一个行为 比如我们再举一个例子 就是第4个 我们调用了工具之后 我们呢插入钩子 让它自动的格式化 让代码更加整洁 并且呢跑相关的测试等等 那么除了这个列表里展现的 所有的钩子和关键节点之外呢 其实claudecode呢也为我们提供 了更多的关于钩子的选择 那么这个呢 我们一会举个例 创建一个钩子 你就能更直观的明白

现在我们一起创建一个hook 其实非常简单 我们只需要用自然语言跟claudecode对话 下达要求即可 大家看我给它的提示词 我让它帮我创建一个hook 作用就是claudecode准备 结束前做交付的验收 规则就是如果本轮改 了代码配置或文档 但是你没有测试 或者是啊你的检查 结果发现有东西没做完 这时候就不允许结束 继续工作 并让claudecode继续完成验证

好的他说他已经创建了这个hook 我们去看看 这里呢为了看所有的hook 这里我们点开左边栏 可以看到我们的文件夹 下面有一个点claude这个文件 我们点进去 然后点这里的settings点json 里面可以看到 它给我们自动创建了一个hook 看到关键节点是stop 也就是它会在我们的任务 完成之前去触发这个hook 触发之后呢 这里的我们的hook的类型是command

也就是它会去跑下面的命令 那么这个命令呢 我们可以看到 它其实就是按照我们的 要求去看看测试有没有跑啊 结果有没有通过 以及我们有没有TODO list没有完成 没有完成的话 你就继续工作 做相关的验证再结束 好的我们还是回到我们的对话界面 可以看到就刚才我们的对话 让它帮我们加hooks这个命令 它最后加完之后也自己

跑了一下我们的要求对吧 它说本轮无改动 仅文字回复 未触碰任何文件 可以结束 也就是这个hooks已经生效了 它在每个任务的时候都会检查一下 我有代码改动的话要跑验 然后看看我们所有的todo list待做清单有没有都完 现在我们讲一下skills技能 我们会先讲它的概念 然后我们仔细的拆解一个skills 保证你100%能够理解和掌握这个

现在非常重要的概念和功能 skills是什么呢 其实很好理解啊 就是为了完成某一个特定的任务 比方说制作PPT 把反复使用的提示词和 正确的流程打包成claudecode 可以自动调用的这样一个能力包 那么下次你再去做 这个特定的任务的时候 它呢会自动的调用skills 或者你指定它用这个skills 这样就不用重复说了 它就会按照你给它的流程和最佳

实践来完成这一类特定的工作 它本质上就是一个文件夹 那么里面最核心的就是一个Markdown文件 叫做tasteskill点MD 大家不用怕 我们马上会拆解一个例子 保证你完全理解 skill MD它主要是告诉cloud这个能力啊 你什么时候用 怎么用按照什么步骤做 最后输出的格式是什么样的其中 如果你要做这个流程 做这个任务 里面需要一些相关的资源 参考资料

或者是些代码脚本 你可以打包进skills这个文件夹里面 然后在skill MD走到相关步骤的时候啊 调用这些资源和代码 现在我们看一个例子 Anthropic官方他们有一个skills的仓库 是官方的一些skills 我们用其中的一个skill叫做PPTX 就是生成PPT 修改阅读PPT的skills 那么这里呢 我其实已经让它安装了这个skills

现在我们看一下它是什么样子的 我们还是打开左边栏 首先我们看点儿claud文件下面 会多了这样一个skills文件夹 我们打开之后 里面有这个PPTS 我刚安装的这个skills对吧 我们继续打开这个文件夹里面 会发现有不同的文件 其中最醒目的skill点MD 我们刚才谈过了 除此之外还有两个Markdown文件 不同的Markdown文件以及scripts 也就是代码的脚本

可以打开 就是刚才我们说的 如果在这个skills里面 走到相应的步骤 需要一些额外的操作 说明或者是代码 那么他们也可以打包进这个skills里面 我们先看scale点MD 打开OK 我们往上拉 首先前面的它就定义 了它的名字叫PPTX 然后description就说明了 什么时候要调用这个skill 那么这里的就是我们在任何 处理PPTX

处理PPT这些文件的时候 都要用这个skills 不管你是编辑也好 阅读也好 我们继续往下拉 它呢给了我一个quick reference 有快速的这样一个参考 尤其我们注意下面两个 当你在编辑或者是从一个 模板开始创建PPT的时候呢 请你去阅读editing点MD下面的内容 如果你想要从0开始创建一个PPT

请你去阅读PPTX gin js点MD 下面内容 那这两个Markdown文件都在 我们这个skills文件夹下面 比方这里的editing点MD和PPTX JSON js点MD 比如Edit MD 刚才我们说了对吧 需要修改PPT的时候 它就会阅读这里面的操作 那么这里面就规定它怎么 一步一步修改现有的PPT 我们可以看到他说

比方说你如果想要复制一个PPT 或者是从layout从排版开始 创建PPT的页面的时候呢 这时候你就需要用到这个Python文件 对吧x slide点MD 而这个脚本文件就在我们的脚本下面 可以看到 skills点MD里面定义了整体的流程 该怎么做 如何处理PPT 能做到什么 然后除此之外还有一些注意事项

比方这里不要重复相同的排版对吧 你要有一些变化 关于设计 他也说了不要创建无聊的PPT 同时他也规定了一些 关于颜色搭配的最佳实践 这里也意味着我们可以修改 这个我们已下载下来的taste点MD 改成自己想要的PPT的风格 这样的每次生成PPT 修改PPT都是按照我们的风格来了 所以scale点MD是总的指挥 总的指导 里面用到不同模块

它就会参考其他的MD文件 其中其他MD文件里面需要 用到执行代码的时候 它就会执行我们scale 文件夹里面的代码 这些打包在一起 我们就有了这样一个能综合处理PPT 无论是新建阅读复制 等所有功能在一起 包含最佳实践的这样一个PPT的技能 那么如何创建自己的skill呢 也非常的简单 这里啊我们就直接回到claude

一句话就可以创建 比如比如这里我们让 它生成这样一个skill 就是research to slide 用户给主题后啊 先去网上仔细搜寻 然后把搜寻来的信息整理 调用刚才我们这个PPT的技能来生成PPT 这样就完成了这样一个调研 然后自动生成PPT的这样一个流程 好的等了一会之后呢 它完成了这个skills创建 我们去看一下 还是打开我们的文件树啊

可以看到skills下面除了刚才的PPT s 还有这个新建的skills research to slides 我们点开这个skill 非常简单 只有一个skill点MD 那他这里就规定了 我们给他一个主题对吧 他就会先在网上仔细搜索 然后调用PPTX这个技能 skill来完成PPT的生成 这里我们测试一下 看到我们这里给他一个任务对吧 让他先调研做个PPT 他就成功的调用了我们

这个research to slide这个skills 等一会之后 PPT就生成完了 我们可以看一下 现在我们来讲一下越来越多被 提到的一个概念就是plugin插件 我们之前讲过skills对吧 它呢帮助我们为了完成特定的任务 把固定的提示词啊模板啊流程啊 包成能力包 让claudecode在需要做这个 任务的时候自动的调用 我们呢也讲过hooks

在claudecode运行到一些关键节点的时候 比方说调用工具的前后啊 比方说完成任务之前 插入我们给它的规则 比方说在结束前进行验收 那么还有一个就是MCP Server 这是一个老概念了 相信大家或多或少都听过了 就是能让我们的Claude code呢 连接到外部的工具和数据源 让它有调用外部工具 获取外部数据的能力 比方说连接外部的一些APP

连接我们的邮箱 或者是连接notion来获取里面的信息 并且写笔记或者写邮件 还有一些MCP Server 本质上就是一些API来专门 获取一些外部的数据等等 那么这三个skills hooks和MCP Server 打包在一起就是plugin插件 它呢相当于是我们给Claudecode 安装了一整套的工作能力 比方说一个视频生成的plugin

里面可能有skills教claudecode 怎么写视频脚本和分镜对吧 里面也有hook来检查渲染前我们 整个的所有的文件是不是完整的 还可能有MCP Server来 连接视频渲染的工具 在claudecode里面 我们斜杠plugin 这时候就会看出来 这个manage plugin的选项 我们点击回车 可以看到我们目前 install就是已经安装的plugin

以及available可以安装的plugin 我们往下滑可以看到有 非常多不同的plugin了 其中可以看到这个front end design 已经在默认情况下被安装了 它是一个让我们的前端 设计更好的这样一个插件 现在我们还是去我们的文件树 这时候你可能会纳闷了 说刚才你不是说我们这个plugin front end design已经被安装了吗 怎么在点Claude文件夹下面只有skills

没有plugin 看不到我们刚才安装的这插件呀 这是因为呢 默认情况下我们安装skills 和插件都会直接安装到根 目录下点Claude文件夹下面 而不是在项目的文件夹下 当然我们可以显性的让claudecode 迁移到我们项目的文件夹下面 这样的话就只作用在目前项目中了 但是在根目录的这个点 文件夹作用在我们所有的

文件夹下面 只要你跟claudecode进行工作对吧 这时候在根目录点claudecode 我们点击plugins 然后呢会看到我们这个 front end design这个plugin 我们点开看它里面有什么内容 可以发现内容相当的简单 它呢没有MCP Server 没有hooks 只有skills 我们再把skills点开 发现只有一个skill 而且这还是最简单的skill 只有Markdown文件

SUB agent子智能体这个 概念相信大家都不陌生 今天我们就把它吃透 而且用claudecode一步一步 带你做一个子智能体 首先我们看一下它的概念 首先什么是agent智能体啊 简单来说就是能带你做 决定和执行任务的AI工具 在一开始的chatgpt或者其他 的聊天都是一问一答 无法完成工作 那时候呢 只能说是AI聊天软件 没法说是智能体

而现在不论是网页端的GPT 还是我们用的cloud code Codex等等应用 都已经演化为了能为 我们工作的智能体 这个概念好理解 任何AI能替你真正的完成工作 而不只是回答你 都是智能体 接下来什么是子智能体呢 首先子智能体也是智能体 它呢是主智能体 我们对话的这个智能体派 出去的一个专门的助手

来完成某一类特定的工作 它呢最重要的一点是有独立的上下文 还有独立的工作权限 这也就意味着 我们主智能体把一个子任务交给它 它在独立的上下文里完成然后啊 只把它完成的结果汇报给主智能体 其中呢整个过程里面 它的一些上下文 它的思考过程 都不会进入到主智能体里面 也就是它不会污染我们

现在主要智能体的上下文 那么这个性质也决定了我们可以 多个智能体一起平行完成工作 一个主要对话的智能体 另外的是子智能体 然后最终我们把所有的结果都汇总在 好的这是概念啊 现在我们一步一步在claudecode 里面创建这样一个子智能体 创建子智能体 大家可以直接在claudecode 里面给它进行对话 说我要创建这个子智能体 然后这是我的要求 这是第一种方法 第二种方法

如果你想控制整个过程呢 可以一步一步的来 这时候就需要用到下划线agent命令 但这里呢 需要在终端里面操作 这就是为什么在视频教程的开头 我们先介绍了终端这个 claudecode的对话界面了 因为很多功能确实在终端里才能用 好的我们打开终端 这里我们输入claw来打开claudecode 打开之后

我们输入下划线agents agents命令 OK 进来之后看到他说no agents are currently running 就是现在没有agent 没有子智能体在跑 这里我们需要向右 然后来到这个library 我们一起创建一个新的智能体 这里有两个选项 第一个project就是放在我们 当前项目的点Claude文件夹下面 只对当前项目生效

而第二个personal就是对 我们所有的项目都生效 放在我们根目录的点Claude文件下面 这里我们选择project 大家根据自己的需求 和喜好来进行选择 那么这里呢 有两个选项 第一个是generate with Claude 这个最简单 我们给Claude我们的要求 它自己去生成 推荐用这个 第二个就是自己去 手动写agent相关的文 我们还是用第一个 这里呢我们告诉他我们的要求 我让他创建这样一个帮我们搜索信息

然后自己查证信息的 这样一个SUB agent子智能体 要求搜索阅读资料 而且使用可靠的来源 要交叉验证信息的可靠性等等 我们把要求给他 他正在帮助我们 根据我们的描述来 创建这样一个智能体 这里呢他会问我们 你让他允许使用哪些工具 这里我就全部的工具都让他用了 来保证效果 但是如果你想限制他使用的工具

比如说有些子agent可能你 不想给他写入的权限 这里呢可以就只勾选read only tools对吧 这里我还是给他所有的权限 然后最后我们选择模型 我这个任务不需要用最好的模 同时也为我节省一些TOKEN 这里用sonnet就可以了 然后它会让我们选择 就是叫这个agent的时候 它的颜色是什么样的 大家可以看看啊 这里我就随便选一个粉色

好后面他接着问我们 你这个子智能的记忆是要存在哪里 第一个就是你存在这个项目里面 只在这个项目里面能用 第二个就是你没有持久记忆 第三个就是啊 你的这个子智能体的记忆呢 是跨所有的项目都可以通用的 是你一个个人的助手 第四个只是在本地能用 通常不涉及Git和Git Hub 那这个概念大家如果 现在不理解没有关系 大家只需要现在理解 就是这里让你选择

你要不要有让这个agent有记忆 有记忆的话是只在这个项目里有 还是让这个记忆能够在 其他的项目里面也能用 这里呢我们就选择 因为刚才我们一开始的 直接选择就是这个agent 我们只在这个项目里用对吧 那这个记忆呢 我们也只放在这个项目里 就选第一个project scope 这里呢 它让我们看一下所有的信息对不对 我们查一下觉得没问题之后 我们点击enter去来保存我们

这个刚创建的子智能体 OK现在我们可以看到project agent 就是在我们项目里面多了一个智能体 叫做evidence researcher 就是我们刚才搜索信息 然后交叉验证的这样一个智能体对吧 现在我们打开我们的文件树 我们会发现有一个明显的区别 就是我们点Claude文件夹 里面多了两个文件夹 一个是agents 包含了刚才我们创建的那个agent对吧 可以看到呢 它会告诉我们

唉这个名字是什么然后呢 什么时候它会告诉cloud 你什么时候该用这 个子智能体来完成任务 往下拉可以看到有它 的具体的角色的声明 把它认为是这个子 智能体的一个系统提示词了 然后下面也规定了 一步一步如何完成工作 这些都是claudecode根据我们给 它的一个要求自动生成的 大家呢也可以随时的修改 同时呢

还多了一个文件夹叫做agent memory 那么这个呢 就是我们这个子智能体的 一个在项目里的持久记忆了 现在是空的 是因为我们目前还没有跟它对话 它还没有形成任何的记忆 好的现在我们试一下这个子智能体 哎可以看到他就用了我们刚才 设定的粉色来调用了我们 这个子智能体evidence researcher 我们可以看到他正在工作 不一会主智能体调用我们的

子智能体完成了工作 并且告诉我们了今天的AI简报 他也说他已经做了交叉验证 像刚才这种搜索并且交叉验证的工作 我们每天都需要干 总不能每天都手动 输入让它去完成工作吧 这也太麻烦了对吧 这时候就需要自动化任务了 那么在claudecode里面 我们只需要告诉它我们的要求 使用下划线schedule命令 比如这里啊 我给他说

你帮我创建一个这样 一个每天的定时任务 每天早上8点使用 我们刚才的子智能体 搜索前一天的AI新闻 并且交叉验证信息源 最后总结给我 好的他已经帮我们创建了 这样一个定时任务 现在我们让他触发一次 看看效果 这里我们点击他给我们的链接 这里必须要说明一点 就是claudecode自动化 任务是在云端运行的 而不是在本地运行的

于是如果刚才我们用Claude模型那还好 走的就是Claude订阅的额度 如果我们刚才换了自己的模型 其他厂商的模型 那么这个云端的 自动化任务是无法执行 这是一个claudecode的限制了 可以看到他给我们这个链接 我们点进来 发现哎他给我们创建的这个routines 一个自动化任务的界面 他现在是激活的状态 每天就会在8点跑一次

然后这是它的提示词 最终我可以看到有一个正在跑 可以看到这个runs对吧 就是刚才我要求它跑的那一次 这次跑完之后 我们点进去看一下效果 可以看到他就把今天的 AI新闻都收集起来了 并且都验证了信息的来源 而没有核实的传闻他都排除了 现在我们把刚才学过的掌握的 所有知识和功能都运用起来

一起做一个网页AI APP 首先我们需要用到一个插件 这个插件就是Superpowers 为了安装呢 我们首先下划线plugin 这里会出现manage plugin选项 我们点击回车 然后就能看到我们目前安装的plugin 就是刚才我们说过的front end 以及可以安装的plugin 第一个就是Superpowers 它相当于是一个开发的最佳实践了 它会让我们先讨论开发的需求 再写计划

再分批次执行 再做review等等 这里我们点击安装 选择install for you 这样的话我们所有的项目都能共享到 好的可以看到它已经安装上了 这里啊我让它做一个真实可用的AI 文案网页APP叫做AI hook club 功能就是用户输入一个主题 选择平台和内容类型 AI一次性生成10个 不同风格的爆款开头

这里呢我还有一些技术要求 这个大家不懂没有关系 你可以不写这些 你可以只写你的要求 claudecode会根据你的要求做最佳的实践 然后下面我有一些网页功能的要求 让他输入主题之后 选择平台 选择内容类型 然后生成10个hook 之后支持复制收藏 查看历史这些功能 这里最后一句 我们要求他先用刚才安装 的Superpowers进行头脑风暴对吧

只做产品和技术的梳理 先不要写代码 不要创建文件 还有啊这里我把权限改成Bypass permissions 让我的开发过程更加顺畅一些 可以看到他调用了我们superpowers这个 插件里面的brainstorming头脑风暴这个skill OK他首先发现了 就是我们现在项目 里面有一些残留的代码 他想要问我们是继续做 推倒重来

还是看看现有代码再做决定 这里为了演示 我选择推倒重来了 好的可以看到我们的superpowers 这个插件开始生效了 它呢开始问我们的问题 在开发之前先确定需求再动手 第一个问题 它先问我们生成hook的文案语言 啊这个问的相当的好 因为我这里我只想要中文 所以我这里选择a 好第二个问题也非常的贴切 他现在问我们大模型的提供商是哪个

对吧因为刚才我们给他提示词 要求里面完全没有提到 如果没有 他默认应该是走自家的Claude模型 但这里呢 其实我并不想用Claude模型 我想用Deepseek 但是这是我刚才忘了 所以这里我选择c 好的现在他问我们 你生成这个10个的开头文案怎么返回 要么就是等10个都生成完 之后一起在前端展示 要么就是流式的输出 那这里我们选择a 最简单的就可以

目前我们可以看到啊 它根据我们的要求提的这 几个问题都非常的贴切 也是我们最初要求里面的盲点 第四个问题问我们这10个开头 怎么保证他们之间是不同的 要么就完全交给模型它自己写10个 要么是你自己预设10个不同的风格 根据10个风格进行选择 所以我们选择b 可以看到它每一个问你 的问题都有自己的倾向

来建议你用哪一个比较好 现在他把10个问题都问完了 这样做的目的就是细化我们的要求 确保里面没有模糊的成分 出来的结果就是我们想要的之后呢 他开始帮我们设计一些怎么架构 那这里如果你有些技术背景 可以根据你的想法进行调整 如果没有 大家就可以默认选ok就可以 可以看到从这里开始就 有一些偏技术的部分 不懂大家就用默认他

推荐的最好的方法就可以 那么第三个设计就是问我们 这个页面大概的排版行不行 这里呢可以根据自己 的想法进行调整了 这一步他给出了我们要交给我们 后端AI写文案的这个系统提示词 大家可以看一下是不是符合要求 好的完成工作了 它给了我们这样一个SPEC 里面就包括了刚才 superpowers问我们的几个问题 来确定我们的要求和偏好

以及它的使用的一些技术栈目录 结构数据类型等等技术相关的问题 都是跟我们刚才的回答一一相关的 所以推荐大家真的是走一遍Superpowers 走这一套之后 我们更加的确定了我们的需求对吧 消除了模糊的部分 并且确定了技术细节 就算你不懂 你可以在这过程中 看看最终会出什么样的 并且在这过程中进行学习 这是Superpowers 那么确定了之后

我们就可以让它直接 执行来做我们的网页APP了 这时候它会调用superpowers 另一个skill技能叫做writing plans 来给我们一个具体的开发计划 一步一步如何执行 如何完成 好可以看到这里他说我们没有额度了 那这里我们可以切换模型继续工作 啊这里我们还是来到CC switch 然后我们启动我们的Deepseek模型回来 那这里呢

在他写完整个开发计划之后 他给我们推荐了两种 进行开发的执行的模式 第一种就是SUB agent driven 就是子智能体驱动的模式 他呢会下达命令 让子智能体去完成任务 并行执行 保证速度中间呢 我们的主智能体对代码进行一些review 也就是一些审核和审查 这样他也自己说了对吧 这样并行的快 而且隔离的好 另外一种第二种就是 只有跟他在对话里

他自己主智能体去完成任务 然后不断的对话 然后我们可以中间插话 中间看进度 这里呢他自动选择了第一种 那这里呢 他自动选择了第一种进行开发的执行 然后呢可以看到他写出了 这个巨大的待做清单 它会一步一步的完成这个 待办清单里的所有开发任务 我们不需要插手 好的它自动的把我所有的 开发工作都完成了 现在我让它本地跑起来 我们验收一下效果

这里它在local host3,000这个 地址啊帮我们跑起来了 但这里需要注意一点 就是我们还没有配置我们Deepseek API key 对吧因为我们是需要AI功能的 这里需要联通Deepseek的API 这里呢我们来到点env点local文件 点左边的文件树 可以看到我们这里有一个点env点example 对吧我们啊将它复制

重命名为点env点local文件 然后我们在这里填入 我们的Deepseek API key 我们来到Deepseek的API平台啊 这里我们可以创建一个新的API key 就为我们这个APP所用 然后复制我们这个API key 填入我们这里 然后选择Ctrl s保存 现在我们去到这个 网址验收一下我们的APP 好的可以看到我们的APP就是这样的

现在我们给它一个主题 看看它能不能生成10个不同的hook 可以了那这里啊 我们可以选择不同的平台和类型 我就使用默认 我们看一下效果 那一会之后 它就帮我们生成了 10个不同的视频开头 可以看到上面有这个视频开头的类型 对吧还有它的得分 下面还有三个按钮 分别是复制收藏和重新生成 我们一个一个测试一下 点击复制

我们看看能不能粘贴没问题 我们点击这个收藏按钮 然后我们点击收藏 看到哎它确实收藏在我们 这个收藏列表里面了 最后我们点一下历史 可以看到哎 就是我们这个生成的历史了 所有的功能都ok 都一次性通过了 非常的好 在完成我们项目的基本功能之后 我们还是来到左边的这个文件树 我们打开这个点claud文件夹

从之前我们讲的所有功能 你大概能猜到点claud 这个文件夹是干什么对吧 其实它就是用来管理和包含所有 claudecode拓展能力的这样一个文件夹 比方说这里我们有agent 是我们自己创建的这个搜索 并且交叉验证的子智能体对吧 agent memory呢 又包含了它里面的所有记忆 skills里面就包含了我们所有的技能 包括我们刚才从官方

安装的做PPT的这个技能 以及我们自己创建的 自动调研生成PPT的技能对吧 那么如果我们之前的plugin 就是我们插件是项目级别的 那它也会有plugin插件 这样一个文件夹在这里 讲了这么多 我们还剩最后一块重要的拼图 那就是claudecode点MD这个文件 这个Markdown文件里面写的是 这个项目给claudecode的说明书 技术栈是什么

怎么运行 哪些功能不能做 完成前要检查什么 以及我们的一些风格和我们的偏好 这样的话 claudecode接手这个项目进行工作的时候 就不需要必须每次扫描所有代码 并且每次都问我们问题了 那么如何生成这样一个文件呢 我们呢还是打开我们的claudecode 这里我们下划线init命令 这个命令它就会自动扫描代码

然后自动帮我们生成claud点MD文件 好的 我们可以看到在项目的根目录里面 它帮我们创建了这样一个claud点MD文件 我们打开它 这里就直接说啊 这个Claude MD提供了一个说明给claudecode 当它在这个项目里进行工作的时候 我们往下拉就会看到各种各样的信息 比方说如何在本地运行这个项目啊 比方说它的架构啊

比方说啊我们用的是Deepseek这个Apik 值得注意的是啊 Claude点MD会每次在claudecode在这个 项目里工作的时候进入上下文 但是它是一个软性的规定 因为它只是进入上下文 并不像我们之前讲的hooks 那么hooks是一个硬性的规定了 由于它进入上下文 所以尽量是越简短越好 你不想长篇大论 同时大家可以根据自己的喜好

自己编辑一下Claud点MD 也可以借鉴网络上其他的开发者 他们使用的Claud点MD是什么样子的 那么我们总结一下 Claude点MD相当于是告诉Claude code 这个项目的一些基本信息 它该怎么做 而点claude文件夹里面就告诉 这个项目都有哪些技能可以用 都有哪些插件可以用 以及哪些子智能体可以用 这个视频里面我们涵盖了

claudecode所有的主要功能 但是我想说一下 有一些好的功能我们并没有讲到 这些功能往往是需要cloud云服务 也就是需要他的订阅 才能够用的 比方说之前啊说的自动化功能 比方说claudecode功能等等 我知道很多朋友由于权限的限制 用不了claudecode模型 那这里我就没有讲 但是如果大家感兴趣 可以告诉我 我可以把它补上去

还有一点就是我们这个编程的项目啊 是一个比较简单的项目 因为这次视频的主要目的 还是介绍claudecode的所有功能 如果大家感兴趣的话呢 我可以做一个更完整的AI APP制作教程 从一个空文件夹开始 我们有前端 有后端有登录接APP 我们要部署 我们要买域名 最终把它变成完全的AI APP 进行上线 这期就到这里 如果你看到这都没有关注我

是不是有点过分了