别让 Claude Code 果奔，用 Claude Code MCP 与 Skills 打造自动化开发（Part 2）

上篇文章梳理了 Claude Code 的基础环境搭建和上下文管理，算是迈出了第一步。但光会跑 hello world 显然不够，开发者在实际项目中总会遇到更棘手的情况。 比如，业务要接入某个刚上线的第三方 API，但模型训练数据还没更新到那一步，AI 写出来的代码就可能还在沿用旧版本的逻辑，各种“幻觉”随之而来。又比如，前端工程师想让机器帮忙看一眼页面样式有没有跑偏，后端工程师想核对一下数据库字段类型，单靠本地的代码读取权限，这些需求根本无法满足。 这篇文章要聊的是 Claude Code 的两个高阶特性：**Claude Skills** 和 **MCP 协议**。前者用来构建内部工作流，后者用来打通外部数据通道。掌握好这两项，单机的代码助手就能进化成全链路的研发协作者。 ## 进阶实操前置准备 在深入配置之前，需要确认几个前提条件： - **基础配置要到位**：建议先读完系列的第一部分，完成环境初始化，熟悉对话上下文的管理方式。 - **Node.js 18+ 环境**：运行 MCP 服务器对 Node 版本有要求。推荐用 ServBay 这类本地 Web 开发管理工具，通过面板一键安装并切换 Node.js 18+ 版本，省去手动配置系统变量的麻烦。 - **带上 UI 界面的项目**：准备一个包含前端页面的本地工程，后面体验 Playwright 插件的视觉测试功能时会用到。 - **GitHub 账号权限**：准备好 GitHub 账号，以及带有仓库访问权限的 Personal Access Token，用来演示 GitHub MCP 的自动化流转。 ## 建立标准规范与 Claude Skills 每次手动输入一长串提示词让 AI 执行特定任务，效率实在太低。Claude Skills 提供了一种机制，可以定义标准化的操作流程。 技能文件本质上是一些存放在特定目录下的 Markdown 规范。开发者用自然语言提出需求时，程序会自动匹配并触发对应的技能，按照预设的专业步骤来执行。 项目专用的技能可以放在项目根目录的 `.claude/skills/` 文件夹下，通用的技能则放在系统级别的 `~/.claude/skills/` 目录中。 ### SKILL.md 怎么写 创建一个实用技能，核心是写一份清晰的配置文件。这里以自动化安全审查为例，看看基本结构是什么样子。 ``` --- name: 安全与规范审查 description: 对提交的代码进行全面的安全漏洞排查和格式校验 triggers: - 审查变更代码 - 执行安全排查 - 检查代码规范 allowed-tools: - Read - Glob - Bash(git diff HEAD) --- # 审查执行准则 ## 步骤解析 1. 运行 `git diff HEAD` 抓取当前未提交的代码差异 2. 筛选出变更的文件并按语言分类 3. 按照下述安全标准进行逐行比对 4. 整理出清晰的审查结论 ## 必须检查的安全项 - 确认没有将数据库连接串或密钥硬编码在文件中 - 所有的外部输入参数是否都经过了类型校验 - 异步请求是否都包含了异常捕获机制 ## 输出排版要求 -