Claude Code Vibe Coding 学习笔记(二):实用工具箱——MCP、Skills、Plugins 与Resume/Rewind 系列第二篇。上一篇聊了 vibe coding 是什么、为什么选 Claude Code以及第一次完整体验。这一篇原打算写 CLAUDE.md但写着写着发现得先把 Claude Code 的工具版图讲清楚不然很多概念会打架。所以我们先把工具箱打开看看CLAUDE.md 放到第三篇慢慢聊。刚开始用 Claude Code 的时候我经常被一堆名词绕晕MCP、Skill、Plugin、斜杠命令、Hook、Subagent……它们看起来都在扩展 Claude 的能力到底谁是谁这一篇就想把这件事讲明白顺便聊聊两个特别容易搞混的功能——rewind 和 resume。一个管倒退一个管重回用错了场景体验会差很多。一、三个概念一次说清MCP、Skills、PluginsMCP给 AI 接上外部世界的插座MCPModel Context Protocol是 Anthropic 在 2024 年底推出的一个开放协议解决的问题很朴素AI 模型关在自己的房间里怎么安全地使用外面的工具和数据理解 MCP 最省力的方式是记住它的三个角色Host宿主就是 Claude Code 本身是发起对话、调度一切的那一方。Client客户端住在 Host 里面每个 Client 和一个 Server 保持一对一的连接负责传话。Server服务端真正提供能力的那一方比如一个连接 GitHub 的服务、一个查询数据库的服务、一个操作浏览器的服务。打个比方Claude Code 是你的电脑HostMCP 就是电脑上的 USB-C 接口规范Client 遵循它而各种 MCP Server 是插上来的外设——移动硬盘、显示器、手绘板。因为有了统一的接口规范外设厂商只需要按规范做一次开发就能插到所有支持 MCP 的电脑上。GitHub 官方做了一个 MCP ServerClaude Code 能用Cursor 也能用就是这个道理。在 Claude Code 里添加一个 MCP Server 也很简单以 GitHub 官方的远程版为例claude mcp add --transport http github https://api.githubcopilot.com/mcp/加完之后用/mcp命令可以查看连接状态、完成登录授权。Skills教 AI 怎么做事的说明书如果说 MCP 给 AI 的是工具那 Skill 给的是手艺。一个 Skill 本质上就是一个文件夹里面有一个 SKILL.md 文件用自然语言写清楚这类任务应该按什么流程做、有什么讲究、输出要长什么样。比如做 PPT这个 Skill 里会写清楚版式怎么设计、母版怎么用、有哪些常见的坑。Claude 在发现当前任务和某个 Skill 匹配时会自己去读这份说明书然后照着做。我很喜欢 Skill 的一个设计细节渐进式加载。平时它只占一行简介的位置几十个字告诉 Claude 我存在、我管什么事只有当任务真的匹配时完整的说明书才会被读进上下文。你可以装很多 Skill又不用担心它们把上下文塞爆。这个思路和第一篇聊过的把上下文当稀缺资源精管是一脉相承的。Plugins把上面这一切打包带走的盒子Plugin 就很好理解了它是一个打包好的插件包可以把斜杠命令、子 agent、Skills、Hooks、MCP 配置统统装在一起一键分发。一个插件的目录长这样这是官方的标准结构plugin-name/ ├── .claude-plugin/ │ └── plugin.json # 插件的身份证必需 ├── .mcp.json # 附带的 MCP 配置可选 ├── commands/ # 斜杠命令 ├── agents/ # 子 agent 定义 ├── skills/ # Skill 定义 └── README.md插件通过“市场”marketplace来发现和安装。官方市场claude-plugins-official会在你启动 Claude Code 时自动就绪。如果你想浏览可用的插件可以输入以下命令/plugin这会打开一个插件管理界面可以浏览、安装、管理。看到喜欢的也可以直接用命令装/plugin install feature-devclaude-plugins-official一句话总结三者的关系MCP 管连接外部工具Skill 管传授做事方法Plugin 管把这些能力打包带走。它们并不互相竞争更像一个工具箱里不同层格的东西。二、官方出品的几个好东西官方市场里的东西不少我挑自己真正用过、觉得值回票价的每类说一两个。MCPGitHub MCP这是我日常使用频率最高的 MCP。它是 GitHub 官方维护的能力按工具集toolset分组仓库repos、议题issues、拉取请求pull_requests、Actions、代码安全等等默认开启最常用的几组。安装命令很简单claude mcp add --transport http github https://api.githubcopilot.com/mcp/装上之后很多原本要切到浏览器里做的事直接在对话里就完成了帮我把当前的改动 commit 并 push然后创建一个 PR 到 main 分支 标题和描述根据这次的改动来写它会自己完成提交、推送、创建 PR 的整条链路PR 描述也写得有模有样。再比如看看我们仓库里标了 bug 的 issue帮我按严重程度排个序帮我 review 一下 #87 这个 PR重点看错误处理和测试覆盖一个小提醒这类 MCP 功能很全但也很吃上下文。如果你只用得到 issue 和 PR建议只开这两个工具集给上下文省点地方。另外如果只是看看、不需要写操作可以开只读模式多一分安心。如果还想再装一个我会推荐浏览器自动化方向的 MCP比如 Playwright MCP让 Claude 能自己打开页面、点按钮、截图验证——做前端的时候让它亲眼看看页面效果比纯靠它想象靠谱多了。Pluginsfeature-dev 与 commit-commands你只需要输入一个/plugins命令就能看到anthropic插件市场的推荐插件。feature-dev是官方插件里我觉得最能体现工程化 vibe coding的一个。你给它一句话需求/feature-dev 给用户系统加上头像上传功能它会启动一个七阶段的引导式工作流先理解需求然后派出专门的 code-explorer 子 agent 去并行探索你的代码库搞清楚现有代码的结构和惯例接着列出所有需要澄清的细节问题等你逐一回答然后由 code-architect 设计出两三个架构方案把各自的权衡摆给你看你拍板之后才开始写代码写完还有 code-reviewer 做质量审查最后把整个过程的决策整理成文档。有没有发现这其实就是把资深工程师接需求时的那套心路历程固化成了流程。它特别适合跨多文件、需要架构决策的复杂功能反过来如果只是改一行 bug用它就属于杀鸡用牛刀了。commit-commands则是个小而美的插件提供/commit、/push、/create-pr这样一组命令把 git 收尾工作变成一句话的事。如果你对 MCP 的配置还有点发怵先从它开始就很友好。Skillsdocument-skills 与 skill-creator官方的anthropics/skills仓库可以注册成插件市场里面最实用的是document-skills——一组处理办公文档的 Skill覆盖 docx、pdf、pptx、xlsx 四种格式。装好之后你说用 PDF skill 把这个文件里的表格提取出来它就知道该怎么稳稳地处理这些二进制格式。对于经常要写报告、整理数据的人来说这组 Skill 很省心。另一个值得一提的是skill-creator一个教你怎么写 Skill 的 Skill。当你发现自己反复在对 Claude 解释同一套工作流程时就可以让它帮你把这套流程沉淀成一个自己的 Skill。工具用到这个份上就开始有复利的味道了。三、斜杠命令你的快捷键也可以自己造在 Claude Code 的输入框里敲一个/会弹出所有可用的斜杠命令。我用得最多的内置命令有这些/help 查看帮助迷路时的第一站 /init 为项目生成 CLAUDE.md下一篇的主角 /clear 清空当前对话重新开始 /compact 把前面的对话压缩成摘要给上下文腾地方 /model 查看或切换模型 /cost 看看这个会话花了多少 token /mcp 管理 MCP 连接和授权 /plugin 插件市场 /rewind 回退到之前的检查点下面细讲 /resume 找回历史会话下面细讲 /branch 从当前会话分叉出一个平行会话尝试不同思路更有意思的是斜杠命令可以自己做。在项目里建一个.claude/commands/目录往里放一个 markdown 文件文件名就是命令名文件内容就是这条命令要执行的提示词。比如建一个.claude/commands/review.md请 review 当前暂存区的改动重点关注 1. 有没有潜在的空指针和边界情况 2. 错误处理是否完整 3. 是否符合项目的命名规范之后在会话里输入/review这段话就会自动发出。团队里约定俗成的检查项用这种方式固化下来特别合适——新人来了也不用背规范敲个命令就行。四、rewind 和 resume一字之差天壤之别这两个功能我一开始一直混着用直到有一次想回退代码却点成了重开会话才痛下决心把它们彻底搞清楚。它们看起来都和回到过去有关实际上管的是两件完全不同的事。/rewind会话内的读档Claude Code 有一个检查点checkpoint机制你每发一条消息它都会悄悄给当时的代码状态拍一张快照最多保留最近 100 个。/rewind或者在输入框为空时连按两下 Esc会打开一个列表列出你在这个会话里发过的每条消息选一个时间点之后可以选三种恢复方式恢复代码和对话代码和聊天记录都回到那个时间点相当于整体读档只恢复对话保留现在的代码只让对话退回去——适合代码改得对但后来的讨论把它带偏了的情况只恢复代码保留聊天记录只把文件改回去——适合讨论过程有价值但代码改砸了的情况。这个功能最妙的地方在于它管的不只是文件。AI 对话有一个很真实的麻烦一旦它在错误的方向上走了一段那些错误的上下文会留在对话里继续影响它后面的判断你纠正它也未必拉得回来。/rewind把对话一起退回去相当于连它的错误记忆也一并抹掉了这是单纯git checkout做不到的。不过它有三个边界一定要知道它只追踪 Claude 用自己的文件编辑工具做的修改。如果 Claude 是通过 bash 命令动的文件比如mv、rm、命令行生成器这些改动 rewind 救不回来。它只管当前会话范围内的事你在会话外手动改的文件、数据库里写进去的数据、已经 push 出去的提交都不在它的能力范围内。它是本地撤销Git 才是永久历史。重要节点记得 commit这个习惯第一篇就说过这里再唠叨一次。/resume找回一个已经存在的会话/resume干的则是另一件事它列出你在这个项目目录下的历史会话让你挑一个重新打开从上次结束的地方接着聊。典型的场景是这样的昨天调一个 bug 调了一半今天打开终端想继续/resume找到昨天那个会话之前聊过的所有上下文都还在无缝衔接。它不会回退任何代码也不会删掉任何对话——它是重回时间依然是向前走的。会话记录会保存在本地默认保留 30 天可以配置所以隔几天回来也找得到。另外提一句在终端里启动时也可以用claude --continue直接接着最近一次会话继续或者claude --resume先弹出列表再挑。一张表分清它们/rewind/resume管的什么事倒退回到会话内的某个时间点重回重新打开一个历史会话代码会回退吗可以三选一不会对话会回退吗可以三选一不会只会续上时间方向向后退向前走典型场景刚才这几步改砸了读档重来昨天的活儿还没干完今天接着来我自己的口诀是rewind 是后悔药resume 是书签。想撤销找 rewind想继续找 resume。还有个小补充如果你不想丢弃现在的会话只是想岔开一条路试试别的方案可以用/branch分叉出一个平行会话两边互不干扰。比起 rewind 的破釜沉舟这种方式更温柔一些。五、再塞给你几个顺手的小工具篇幅关系这几个简单说后面有机会单独展开子 agent/agents可以让 Claude 把重活儿派给独立上下文的子 agent 去做主对话保持干净。第一篇提到的大型重构不翻车一半功劳在它。Hooks在特定事件上自动触发脚本比如每次编辑完文件自动跑一遍 lint。它是团队规范自动化的利器先记住这个名字就好。 提及文件输入加上文件路径直接把文件内容带进对话比如src/api.ts这个文件的鉴权逻辑帮我看看省得它自己满项目找。! 前缀跑命令输入框里以!开头可以直接执行 bash 命令输出会进入上下文比如!git status让它一边看状态一边帮你写提交信息。# 快速记仇褒义以#开头输入的内容会被直接写进记忆文件比如# 这个项目禁止使用 any 类型。这个小入口特别好用具体写到哪个文件下一篇讲 CLAUDE.md 的时候会细说。六、这篇的小结MCP 管连接Host/Client/Server 三个角色Skill 管方法Plugin 管打包分发三者各司其职。官方出品里GitHub MCP、feature-dev、document-skills 是我最推荐的三个分别代表了 MCP、Plugin、Skill 的典型用法。斜杠命令不只是快捷键还可以在.claude/commands/里自己造把团队约定固化下来。rewind 管倒退后悔药resume 管重回书签一个改历史一个续前缘别再用混啦。

本月热点