在使用 Claude Code (CC) 进行辅助编程时，你是否遇到过以下痛点：
- 看不懂图：想让它根据设计稿写代码，或者分析报错截图，它却只能"盲人摸象"。
- 技能受限：面对复杂的任务，它缺乏特定的工具链支持，导致效率低下。
今天，我将手把手教你如何给 Claude Code 配置 Skills（技能库） 和 图片识别能力（MCP），让它真正进化为全能开发助手。
第一部分：配置 Skills 技能库
Skills 是 Claude Code 的扩展能力集合。
通过配置 Skills，我们可以让 Claude 具备更专业的领域知识或执行特定的复杂任务。
1. 为什么要配置 Skills？
原生的 Claude Code 虽然强大，但在特定领域（如特定的前端美化、特定的代码规范检查）可能需要额外的指令集。
通过安装社区维护的 Skills，可以极大地扩展其能力边界。
2. 全局安装 Skills
根据 Vercel Labs 的开源项目，我们可以通过以下步骤进行全局安装。
注意：如果你处于网络受限环境，请确保配置好代理（魔法）
操作逻辑：
- **主仓库位置：**https://github.com/vercel-labs/skills/tree/main/skills/find-skills
- 代理设置： 梯子已开启端口号
7xxx，安装时请临时使用，以免影响其他操作。
你可以直接复制以下 Prompt 发送给 Claude Code：
plain
主仓库位置：https://github.com/vercel-labs/skills/tree/main/skills/find-skills
帮我全局安装这个 skills，我梯子已经开了端口号是 7xxx，你可以临时使用一下，别影响到其他操作。
3. 验证与使用
安装完成后，我们可以尝试寻找特定的技能。
例如，如果你想优化前端界面，可以询问 Claude Code：
plain
你现在能使用 find-skills 去找一下有没有美化前端界面的 skills 吗？
Claude Code 将会检索可用技能列表，并建议安装相关的技能包，从而提升代码生成的质量。
第二部分：配置图片识别能力 (MCP)
Claude Code 默认主要处理文本和代码。
为了让它"看见"图片（如架构图、UI设计图、报错截图），我们需要通过 MCP (Model Context Protocol) 接入支持多模态的模型服务。
这里我们使用 Minimax的 MCP 服务作为示例，因为它提供了强大的多模态理解能力。
1. 复制官网操作指南
首先，你需要登录 Minimax 开放平台获取访问凭证。
- 登录官网 ：访问 Minimax MCP 配置指南
- 复制配置 ：将官网提供的配置信息粘贴给 Claude Code，让它阅读并协助你配置图片识别和网络搜索的 MCP。
2. 配置与授权
在配置过程中，Claude Code 会提示你需要做什么，并要求提供密钥。
- 获取密钥 ：在 CC Switch 中复制你的 API 密钥。
- 粘贴密钥：将密钥直接发送给 Claude Code 完成授权。
粘贴到claude code，让它阅读这个，帮我配置图片识别和网络搜索的mcp，要我做什么，并且把密钥发给他
3. 验证图片识别
配置完成后，Claude Code 就能访问并理解图片中的内容了。你可以尝试发送一张图片给它，看它是否能准确识别。
总结
通过简单的配置，我们完成了两件事：
- 扩展技能 ：通过
<font style="color:rgb(6, 10, 38);">vercel-labs/skills</font>让 Claude 掌握了更多专业领域的"软技能"。 - 赋予视觉：通过 Minimax MCP 协议，打破了文本限制，让 Claude 能够直接理解图片信息。
现在的 Claude Code 已经不再是单纯的代码补全工具，而是一个能看图、懂技能的高级开发伙伴。快去试试吧！