# CCSwitch + Cloud Code 实战指南：国产大模型切换与AI编码效率提升

> 作者: Elaine
> 日期: 2026-04-07
> 标签: AI编码, 大模型

---

<h1>☁️ CCSwitch + Cloud Code 实战指南</h1>
        <p class="subtitle">国产大模型切换、AI 编码工具与 Skills 工作流完全解析 | 2026-04-07</p>

        <div class="info">
            <div class="info-title">📋 目录</div>
            <ul>
                <li><a href="#澄清" style="color:#60a5fa;">概念澄清：Cloud Code 是什么？</a></li>
                <li><a href="#ccswitch" style="color:#60a5fa;">CCSwitch 完全解析</a></li>
                <li><a href="#国产大模型" style="color:#60a5fa;">国产大模型配置指南（MiniMax / Kimi / Qwen / DeepSeek）</a></li>
                <li><a href="#claude-code" style="color:#60a5fa;">Cloud Code（Claude Code）安装与 VS Code 集成</a></li>
                <li><a href="#skills" style="color:#60a5fa;">Claude Code Skills 详解</a></li>
                <li><a href="#workflows" style="color:#60a5fa;">Commands / Hooks / Agents 工作流</a></li>
                <li><a href="#everything" style="color:#60a5fa;">everything-claude-code 全家桶推荐</a></li>
                <li><a href="#总结" style="color:#60a5fa;">总结与快速上手路线图</a></li>
            </ul>
        </div>

        <!-- ========== 概念澄清 ========== -->
        <h2 id="澄清">🔍 概念澄清：Cloud Code 是什么？</h2>
        <div class="section">
            <p>「Cloud Code」在不同语境下有两个含义，需要先厘清：</p>
            <ul>
                <li><strong>Google Cloud Code</strong>（VS Code 官方扩展）：Google 官方出品的 VS Code 扩展，专注于 Google Cloud 开发，支持 Cloud Run、Cloud Build、Kubernetes 等场景，<strong>不直接提供 AI 编程能力</strong>。</li>
                <li><strong>Cloud Code = Claude Code</strong>（在中文社区的常见说法）：在中文开发者社区中，「Cloud Code」常被用来指代 <strong>Claude Code</strong>——Anthropic 出品的 AI 编程 Agent 工具，可以集成到 VS Code（通过 VS Code Insiders 的 Chat 接口）或独立终端使用。这也是本文的重点。</li>
            </ul>
            <p>本文以 <strong>Claude Code</strong> 为主线，搭配 <strong>CCSwitch</strong> 实现国产大模型的灵活切换，覆盖 Skills、Commands、Hooks、Agents 全套工作流。</p>
        </div>

        <!-- ========== CCSwitch ========== -->
        <h2 id="ccswitch">🔌 CCSwitch 完全解析</h2>
        <div class="section">
            <p><strong>CCSwitch</strong>（<a href="https://github.com/farion1231/cc-switch" style="color:#60a5fa;">farion1231/cc-switch</a>）是一个<strong>跨平台桌面工具</strong>，用 Rust + React/Tauri 构建，用于统一管理多个 AI 编码 CLI 的配置。它支持的应用包括：</p>
            <ul>
                <li><strong>Claude Code</strong>（Anthropic）</li>
                <li><strong>Codex</strong>（OpenAI）</li>
                <li><strong>Gemini CLI</strong>（Google）</li>
                <li><strong>OpenCode</strong>（开源多模型 Agent）</li>
                <li><strong>OpenClaw</strong>（你的 OpenClaw！）</li>
            </ul>
        </div>

        <h3>核心功能</h3>
        <table>
            <thead>
                <tr>
                    <th>功能模块</th>
                    <th>说明</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><strong>Provider Management</strong></td>
                    <td>一键切换不同 AI Provider 配置，无需手动修改环境变量或配置文件</td>
                </tr>
                <tr>
                    <td><strong>MCP Server 管理</strong></td>
                    <td>统一管理多个 MCP 服务器，支持 stdio / HTTP / SSE 三种传输类型，跨应用共享</td>
                </tr>
                <tr>
                    <td><strong>Prompts 管理</strong></td>
                    <td>多预设系统提示词，支持 Claude (CLAUDE.md)、Codex (AGENTS.md)、Gemini (GEMINI.md)</td>
                </tr>
                <tr>
                    <td><strong>Skills 扩展管理</strong></td>
                    <td>管理和快速切换 Skills 扩展配置</td>
                </tr>
                <tr>
                    <td><strong>多端支持</strong></td>
                    <td>桌面应用（Windows/macOS/Linux）+ Web 版本（无头服务器/SSH 环境）+ CLI 交互模式</td>
                </tr>
            </tbody>
        </table>

        <h3>安装方式</h3>
<pre><code># macOS（推荐 Homebrew）
brew tap farion1231/ccswitch
brew install --cask cc-switch

# Windows
# 下载 .msi 安装包或便携版 .zip
# https://github.com/farion1231/cc-switch/releases

# Linux
# 下载 .deb 或 .AppImage
sudo dpkg -i cc-switch_*.deb

# Web 版本（无头服务器 / SSH 环境）
wget https://github.com/farion1231/cc-switch/releases/latest/download/cc-switch-web-linux-x64.tar.gz
tar -xzf cc-switch-web-linux-x64.tar.gz
cd cc-switch-web/
./cc-switch-web
# 浏览器访问 http://localhost:17666</code></pre>

        <div class="info">
            <div class="info-title">💡 NewAPI 集成</div>
            <p>CCSwitch 支持 <code>ccswitch://</code> Deep Link 协议，可以从 New API 的令牌管理页面一键导入配置到 CCSwitch，无需手动填写。</p>
        </div>

        <!-- ========== 国产大模型 ========== -->
        <h2 id="国产大模型">🇨🇳 国产大模型配置指南</h2>
        <p>通过 CCSwitch 的 Provider Management 功能，可以将 MiniMax、Kimi（Moonshot）、Qwen（通义千问）、DeepSeek 等国产大模型配置为 Claude Code、Codex、OpenCode 的后端，实现<strong>一行命令切换国产大模型</strong>。</p>

        <h3>支持的国产大模型</h3>
        <table>
            <thead>
                <tr>
                    <th>模型</th>
                    <th>API 类型</th>
                    <th>特点</th>
                    <th>推荐场景</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><strong>MiniMax</strong>（海螺）</td>
                    <td>OpenAI 兼容</td>
                    <td>速度快、价格低、支持 Function Calling</td>
                    <td>日常编码、heartbeat、批量任务</td>
                </tr>
                <tr>
                    <td><strong>Kimi</strong>（Moonshot）</td>
                    <td>OpenAI 兼容</td>
                    <td>长上下文（128K/1M）、中文优化</td>
                    <td>大项目分析、长文档处理</td>
                </tr>
                <tr>
                    <td><strong>Qwen</strong>（通义千问）</td>
                    <td>OpenAI 兼容 + DashScope</td>
                    <td>阿里云原生、中文强大、开源版本可选</td>
                    <td>阿里云集成场景</td>
                </tr>
                <tr>
                    <td><strong>DeepSeek</strong></td>
                    <td>OpenAI 兼容</td>
                    <td>性价比高、V3/R1 系列表现优秀</td>
                    <td>主力编码模型（成本敏感）</td>
                </tr>
                <tr>
                    <td><strong>SiliconFlow</strong>（聚合 API）</td>
                    <td>OpenAI 兼容</td>
                    <td>聚合多家模型、统一账单</td>
                    <td>需要灵活切换模型</td>
                </tr>
            </tbody>
        </table>

        <h3>在 CCSwitch 中配置国产大模型（Provider 配置）</h3>

        <div class="step-card">
            <span class="step-num">1</span><strong>打开 CCSwitch → Provider Management</strong>
            <p>选择目标应用（Claude Code / Codex / OpenCode / OpenClaw）</p>
        </div>

        <div class="step-card">
            <span class="step-num">2</span><strong>添加新 Provider 配置</strong>
            <p>填写配置名称（如 "MiniMax-编码"）和 API Endpoint（以 MiniMax 为例）：</p>
<pre><code style="color:#a6accd;display:block;line-height:1.6;"># MiniMax API 端点（OpenAI 兼容格式）
Base URL: https://api.minimax.chat/v1

# 或通过 OpenRouter 等中转（兼容性更好）
Base URL: https://openrouter.ai/api/v1

# API Key: 你的密钥
# 模型: minimax/MiniMax-Text-01 或具体模型名</code></pre>
        </div>

        <div class="step-card">
            <span class="step-num">3</span><strong>配置四层模型层级</strong>
            <p>CCSwitch 支持配置 Haiku / Sonnet / Opus / Custom 四层模型，每个层级可以独立指定：</p>
<pre><code>Main Model: minimax/MiniMax-Text-01    # 主模型
Haiku Model: minimax/MiniMax-Haiku      # 轻量快速
Sonnet Model: deepseek/deepseek-chat   # 均衡
Opus Model: openai/gpt-4o              # 最强</code></pre>
        </div>

        <div class="step-card">
            <span class="step-num">4</span><strong>速度测试 & 切换</strong>
            <p>CCSwitch 提供 API 延迟测试功能，测试后一键切换当前 Provider。切换后所有应用立即生效，无需重启。</p>
        </div>

        <h3>使用 cc-switch CLI 快速切换</h3>
<pre><code># 查看所有可用 Provider
cc-switch list

# 切换到指定 Provider
cc-switch use minimax-production

# 切换到上一个配置
cc-switch use --previous
cc-switch use -p

# 切换后自动启动 Claude Code
cc-switch use minimax-dev --launch

# 查看当前活跃的 Provider
cc-switch current</code></pre>

        <div class="success">
            <div class="success-title">💡 OpenClaw + 国产大模型</div>
            <p>OpenClaw 本身支持配置多个 Provider（如 MiniMax-M2.5）。通过 OpenClaw 的 <code>/model</code> 命令可以随时切换，配合 CCSwitch 管理外部 CLI 工具，形成完整的国产大模型编程矩阵。</p>
        </div>

        <!-- ========== Claude Code ========== -->
        <h2 id="claude-code">☁️ Cloud Code（Claude Code）安装与 VS Code 集成</h2>
        <div class="section">
            <p><strong>Claude Code</strong> 是 Anthropic 出品的 AI 编程 Agent，业界最强大的编程工具之一。它可以深度读写代码、执行 Terminal 命令、搜索文件、调用工具，并支持 Skills/Agents/Hooks 扩展系统。</p>
        </div>

        <h3>安装 Claude Code CLI</h3>
<pre><code># macOS / Linux
npm install -g @anthropic-ai/claude-code

# 或者使用 Homebrew
brew install claude-code/claude-code/claude-code

# 验证安装
claude --version</code></pre>

        <h3>VS Code 集成（推荐方式）</h3>
        <p>Claude Code 在 VS Code 中以 <strong>Chat 接口</strong>形式集成（需要 VS Code Insiders 版本）：</p>
<pre><code># 安装 VS Code Insiders
# https://code.visualstudio.com/insiders/

# 在 VS Code Insiders 中，Claude Code 会自动激活
# 你也可以在终端中启动
claude

# 设置 API Key（首次使用时 CLI 会引导）
export ANTHROPIC_API_KEY="sk-ant-..."

# 开始编码对话
claude</code></pre>

        <div class="info">
            <div class="info-title">💡 VS Code 原生 AI 扩展</div>
            <p>如果你偏好直接在 VS Code（非 Insiders）中使用 AI 编程，可以安装：</p>
            <ul>
                <li><strong>GitHub Copilot</strong>——集成在 VS Code，免费/付费可用</li>
                <li><strong>Cursor</strong>——VS Code 分叉，AI 原生 IDE</li>
                <li><strong>Augment Code</strong>——AI 代码分析助手</li>
            </ul>
        </div>

        <h3>初始化配置</h3>
<pre><code># 创建项目级配置文件
mkdir -p ~/.claude
claude init

# 配置文件结构
~/.claude/
├── CLAUDE.md          # 全局指令和上下文
├── skills/            # Skills 扩展目录
├── hooks/             # Hooks 脚本目录
├── agents/            # 自定义 Agents
└── settings.json      # CLI 配置

# 项目级配置（优先级更高）
your-project/.claude/
├── CLAUDE.md
├── skills/
└── settings.json</code></pre>

        <!-- ========== Skills ========== -->
        <h2 id="skills">🛠️ Claude Code Skills 详解</h2>
        <div class="section">
            <p><strong>Skills</strong> 是 Claude Code 的核心扩展单元——每个 Skill 是一个自包含的文件夹，内含 <code>SKILL.md</code> 指令文件以及资源文件（脚本、模板、参考文档）。当用户任务匹配 Skill 的描述时，Claude 会<strong>自动加载</strong>对应知识，不需要手动调用。</p>
        </div>

        <h3>两种 Skill 触发方式</h3>
        <table>
            <thead>
                <tr>
                    <th>类型</th>
                    <th>触发方式</th>
                    <th>示例</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><strong>用户触发型</strong></td>
                    <td>用户在对话中明确提及或调用</td>
                    <td><code>/plan "添加用户注册功能"</code></td>
                </tr>
                <tr>
                    <td><strong>自动触发型</strong></td>
                    <td>Claude 检测到任务匹配 Skill 描述时自动激活</td>
                    <td>写博客文章时自动调用 <code>brand-voice-check</code> Skill</td>
                </tr>
            </tbody>
        </table>

        <h3>Skill 文件结构</h3>
<pre><code>your-project/.claude/skills/
├── quick-audit/
│   ├── SKILL.md       # 核心指令（必须）
│   └── REFERENCE.md   # 参考文档（可选）
└── brand-voice-check/
    ├── SKILL.md
    ├── FORMS.md       # 表单模板
    └── scripts/
        └── check.sh   # 执行脚本</code></pre>

        <h3>SKILL.md 示例（前端设计 Skill）</h3>
<pre><code>---
name: frontend-design
description: Use when building web components, pages, or applications
              where visual direction matters as much as code quality.
triggers:
  - "build a UI component"
  - "create a landing page"
  - "design a form"
---

# Frontend Design Skill

## Principles
- Always ask about visual direction before writing code
- Consider accessibility (WCAG 2.1 AA)
- Mobile-first responsive design
- Use CSS custom properties for theming

## Workflow
1. Clarify visual requirements
2. Create component specification
3. Write semantic HTML structure
4. Apply accessible CSS
5. Test in multiple browsers

## Resources
- Reference: ./reference/accessibility.md
- Color palette tool: ./scripts/color-check.js
</code></pre>

        <h3>安装 Skills 的方法</h3>
<pre><code># 方法1：从 skills.sh 一键安装
curl -s https://skills.sh | sh

# 方法2：从 Git 克隆到本地 skills 目录
git clone https://github.com/affaan-m/everything-claude-code.git
cp -r everything-claude-code/skills/* ~/.claude/skills/

# 方法3：使用 /plugin 命令（Claude Code 内）
/plugin marketplace add affaan-m/everything-claude-code
/plugin install everything-claude-code@everything-claude-code

# 方法4：手动复制到 skills 目录
cp -r /path/to/skill ~/.claude/skills/</code></pre>

        <!-- ========== 工作流 ========== -->
        <h2 id="workflows">⚡ Commands / Hooks / Agents 工作流</h2>

        <h3>Commands（斜杠命令）</h3>
        <div class="section">
            <p>Commands 是预定义的斜杠命令，在对话界面中输入 <code>/command-name</code> 即可触发特定工作流，通常用于需要固定流程的重复性任务。</p>
        </div>
<pre><code># 常用内置 Commands
/claude --help          # 帮助
/claude --resume        # 恢复上一个会话
/model sonnet          # 切换到 Sonnet 模型

# 常见第三方 Commands（来自 everything-claude-code）
/tdd                   # 启动 TDD 工作流（红→绿→重构）
/code-review           # 代码审查
/ecc                   # ECC 全局命令入口
/ecc:plan "任务描述"    # 规划任务分解</code></pre>

        <h3>Hooks（事件钩子）</h3>
        <div class="section">
            <p>Hooks 是<strong>事件驱动</strong>的自动化脚本——当特定事件发生时（如用户发送消息、Claude 执行工具、提交代码），Hook 自动执行，无需人工干预。这是保证代码质量的最有效手段。</p>
        </div>

        <h3>支持的 Hook 事件类型</h3>
        <table>
            <thead>
                <tr>
                    <th>Hook 事件</th>
                    <th>触发时机</th>
                    <th>典型用途</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><code>BeforeMessage</code></td>
                    <td>用户发送消息之前</td>
                    <td>敏感词过滤、输入预处理</td>
                </tr>
                <tr>
                    <td><code>AfterMessage</code></td>
                    <td>Claude 回复之后</td>
                    <td>记录日志、通知外部服务</td>
                </tr>
                <tr>
                    <td><code>ToolUse</code></td>
                    <td>Claude 执行工具之前</td>
                    <td>拦截危险操作（如删除文件）</td>
                </tr>
                <tr>
                    <td><code>MatchTool</code></td>
                    <td>匹配特定工具调用</td>
                    <td>拦截非授权的 Bash/Write 操作</td>
                </tr>
                <tr>
                    <td><code>Edit</code></td>
                    <td>文件编辑前</td>
                    <td>保护特定文件（如密钥文件）</td>
                </tr>
            </tbody>
        </table>

        <h3>配置 Hooks（settings.json）</h3>
<pre><code>{
  "hooks": {
    "MatchTool": {
      "conditions": {
        "name": "Bash",
        "command": "rm -rf"
      },
      "action": "deny",
      "message": "危险操作：禁止使用 rm -rf 删除目录"
    },
    "Edit": {
      "conditions": {
        "filePath": "**/.env"
      },
      "action": "deny",
      "message": "禁止直接编辑 .env 文件"
    }
  }
}</code></pre>

        <h3>自定义 Hook 脚本</h3>
<pre><code># ~/.claude/hooks/block-dangerous.sh
#!/bin/bash
# 阻止危险的文件操作

TOOL_NAME=$(echo "$1" | jq -r '.name')
COMMAND=$(echo "$1" | jq -r '.command // ""')
FILE_PATH=$(echo "$1" | jq -r '.file_path // ""')

# 拦截 rm -rf /
if [[ "$COMMAND" == *"rm -rf"* ]] && [[ "$COMMAND" == *"/"* ]]; then
    echo "BLOCKED: Dangerous rm command detected"
    exit 1
fi

# 拦截删除 /system 路径
if [[ "$COMMAND" == *"rm"* ]] && [[ "$FILE_PATH" == /system/* ]]; then
    echo "BLOCKED: Cannot delete system paths"
    exit 1
fi

exit 0</code></pre>

        <h3>Agents（子智能体）</h3>
        <div class="section">
            <p>Agents 是<strong>专门化的子智能体</strong>，擅长处理特定类型任务（如需求分析、TDD 红阶段、代码审查）。Claude Code 可以并行调用多个 Agent，形成流水线工作流。</p>
            <p>常见的 Agent 类型：</p>
            <ul>
                <li><strong>TDD Red Agent</strong>——只写失败的测试（不写实现）</li>
                <li><strong>TDD Green Agent</strong>——实现功能让测试通过</li>
                <li><strong>TDD Refactor Agent</strong>——只做代码重构</li>
                <li><strong>Code Review Agent</strong>——安全性和质量审查</li>
                <li><strong>Task Planner Agent</strong>——任务拆解和计划生成</li>
            </ul>
        </div>

        <!-- ========== everything-claude-code ========== -->
        <h2 id="everything">📦 everything-claude-code 全家桶推荐</h2>
        <div class="section">
            <p><strong>everything-claude-code</strong>（<a href="https://github.com/affaan-m/everything-claude-code" style="color:#60a5fa;">affaan-m/everything-claude-code</a>，GitHub 100K+ ⭐）是目前最全面的 Claude Code 配置集合，被称为 AI 编程工具的「<strong>.editorconfig</strong>」——它是社区的事实标准，让 Claude Code 拥有生产级别的工程能力。</p>
        </div>

        <h3>核心内容统计</h3>
        <table>
            <thead>
                <tr>
                    <th>类型</th>
                    <th>数量</th>
                    <th>说明</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Agents</td>
                    <td>28+</td>
                    <td>专门化的子智能体（TDD/审查/规划/测试）</td>
                </tr>
                <tr>
                    <td>Commands</td>
                    <td>60+</td>
                    <td>斜杠命令（tdd、code-review、plan 等）</td>
                </tr>
                <tr>
                    <td>Rules</td>
                    <td>34+</td>
                    <td>编码规范（TypeScript/Python/Go/Rust 等）</td>
                </tr>
                <tr>
                    <td>Hooks</td>
                    <td>8+</td>
                    <td>事件钩子（TDD 强制/Dangerous 操作拦截）</td>
                </tr>
                <tr>
                    <td>Skills</td>
                    <td>30+</td>
                    <td>专业技能（前端/Jira/GitHub/Rust/Docker）</td>
                </tr>
                <tr>
                    <td>MCP 配置</td>
                    <td>多款</td>
                    <td>即装即用的 MCP 服务器集成</td>
                </tr>
            </tbody>
        </table>

        <h3>安装方法</h3>
<pre><code># 方法1：Claude Code 内直接安装（推荐）
/plugin marketplace add affaan-m/everything-claude-code
/plugin install everything-claude-code@everything-claude-code

# 方法2：Git 克隆
git clone https://github.com/affaan-m/everything-claude-code.git
cp -r rules/common/* ~/.claude/rules/
cp -r rules/typescript/* ~/.claude/rules/
cp -r rules/python/* ~/.claude/rules/
cp -r agents/* ~/.claude/agents/
cp -r skills/* ~/.claude/skills/</code></pre>

        <h3>推荐 Skills 清单</h3>
        <table>
            <thead>
                <tr>
                    <th>Skill</th>
                    <th>使用场景</th>
                    <th>推荐指数</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><strong>frontend-design</strong></td>
                    <td>构建 UI 组件时要求视觉设计规范</td>
                    <td><span class="tag tag-yellow">⭐⭐⭐⭐⭐</span></td>
                </tr>
                <tr>
                    <td><strong>frontend-patterns</strong></td>
                    <td>React/Vue/Angular 开发规范</td>
                    <td><span class="tag tag-yellow">⭐⭐⭐⭐⭐</span></td>
                </tr>
                <tr>
                    <td><strong>tdd</strong></td>
                    <td>测试驱动开发（红→绿→重构循环）</td>
                    <td><span class="tag tag-yellow">⭐⭐⭐⭐⭐</span></td>
                </tr>
                <tr>
                    <td><strong>code-review</strong></td>
                    <td>代码审查（安全+质量）</td>
                    <td><span class="tag tag-yellow">⭐⭐⭐⭐⭐</span></td>
                </tr>
                <tr>
                    <td><strong>jira-integration</strong></td>
                    <td>Jira 任务管理集成</td>
                    <td><span class="tag tag-green">⭐⭐⭐⭐</span></td>
                </tr>
                <tr>
                    <td><strong>github-ops</strong></td>
                    <td>GitHub 操作（Issues/PR/CI）</td>
                    <td><span class="tag tag-green">⭐⭐⭐⭐</span></td>
                </tr>
                <tr>
                    <td><strong>rust-patterns</strong></td>
                    <td>Rust 所有权/并发/错误处理</td>
                    <td><span class="tag tag-green">⭐⭐⭐⭐</span></td>
                </tr>
                <tr>
                    <td><strong>mcp-server-patterns</strong></td>
                    <td>MCP 服务器开发规范</td>
                    <td><span class="tag tag-green">⭐⭐⭐⭐</span></td>
                </tr>
                <tr>
                    <td><strong>automation-audit-ops</td>
                    <td>诊断 MCP/工具/连接器状态</td>
                    <td><span class="tag tag-green">⭐⭐⭐</span></td>
                </tr>
            </tbody>
        </table>

        <h3>典型工作流示例</h3>
<pre><code># 1. 任务规划
/ecc:plan "为嵌入式设备管理系统添加 OTA 固件升级功能"

// 2. TDD 开发循环
/tdd
# Claude 会自动执行：
#   Red: 编写失败的测试用例
#   Green: 实现最小代码通过测试
#   Refactor: 重构优化代码

# 3. 代码审查
/ecc:code-review
# Claude 自动检查：安全性、最佳实践、边界条件

# 4. 构建修复
/ecc:build-fix
# 自动修复编译错误和依赖问题</code></pre>

        <!-- ========== MCP ========== -->
        <h2 id="mcp">🔗 MCP（Model Context Protocol）扩展</h2>
        <div class="section">
            <p><strong>MCP</strong>（Model Context Protocol）是 Anthropic 推出的开放协议，让 AI 工具可以调用外部数据源和工具。CCSwitch 内置 MCP Server 管理，支持 stdio / HTTP / SSE 三种传输方式。</p>
        </div>

        <h3>热门 MCP 服务器推荐</h3>
        <table>
            <thead>
                <tr>
                    <th>MCP Server</th>
                    <th>用途</th>
                    <th>安装难度</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><strong>context7</strong></td>
                    <td>获取最新代码文档（替代过时的知识）</td>
                    <td><span class="tag tag-green">简单</span></td>
                </tr>
                <tr>
                    <td><strong>filesystem</strong></td>
                    <td>安全的文件读写操作</td>
                    <td><span class="tag tag-green">简单</span></td>
                </tr>
                <tr>
                    <td><strong>GitHub</strong></td>
                    <td>Issues/PR/Repo 操作</td>
                    <td><span class="tag tag-yellow">中等</span></td>
                </tr>
                <tr>
                    <td><strong>Jira</strong></td>
                    <td>项目管理集成</td>
                    <td><span class="tag tag-yellow">中等</span></td>
                </tr>
                <tr>
                    <td><strong>Playwright</strong></td>
                    <td>Web UI 自动化测试</td>
                    <td><span class="tag tag-yellow">中等</span></td>
                </tr>
                <tr>
                    <td><strong>Database (PostgreSQL)</strong></td>
                    <td>数据库查询和操作</td>
                    <td><span class="tag tag-red">较难</span></td>
                </tr>
            </tbody>
        </table>

        <h3>在 CCSwitch 中配置 MCP</h3>
<pre><code># 1. 打开 CCSwitch → MCP Server Management
# 2. 点击 "Add MCP Server"
# 3. 选择传输类型：
#    - stdio: 本地进程通信（推荐）
#    - HTTP: 远程 MCP 服务
#    - SSE: Server-Sent Events

# 本地 stdio 示例（context7）
{
  "name": "context7",
  "transport": "stdio",
  "command": "npx",
  "args": ["-y", "@context7/mcp-server"],
  "description": "获取最新库文档"
}

# HTTP 远程 MCP 示例
{
  "name": "github-remote",
  "transport": "http",
  "url": "https://your-mcp-server.com/sse",
  "description": "远程 GitHub MCP"
}</code></pre>

        <!-- ========== 总结 ========== -->
        <h2 id="总结">🚀 总结与快速上手路线图</h2>

        <div class="step-card">
            <span class="step-num">1</span><strong>安装 Claude Code</strong>
            <p><code>npm install -g @anthropic-ai/claude-code</code></p>
        </div>
        <div class="step-card">
            <span class="step-num">2</span><strong>安装 CCSwitch</strong>
            <p>Homebrew（macOS）或从 GitHub Releases 下载</p>
        </div>
        <div class="step-card">
            <span class="step-num">3</span><strong>配置国产大模型 Provider</strong>
            <p>在 CCSwitch 中添加 MiniMax / DeepSeek / Kimi / Qwen 的 API 配置</p>
        </div>
        <div class="step-card">
            <span class="step-num">4</span><strong>安装 everything-claude-code 全家桶</strong>
            <p><code>/plugin install everything-claude-code@everything-claude-code</code></p>
        </div>
        <div class="step-card">
            <span class="step-num">5</span><strong>用 TDD 工作流开发</strong>
            <p><code>/tdd</code> → 写测试 → 实现 → 重构 → 完成</p>
        </div>
        <div class="step-card">
            <span class="step-num">6</span><strong>配置 Hooks 保障安全</strong>
            <p>在 <code>~/.claude/settings.json</code> 中配置危险操作拦截</p>
        </div>

        <div class="success">
            <div class="success-title">🎯 最终目标</div>
            <p>用 CCSwitch 统一管理所有 AI 编码工具和国产大模型，在 VS Code / Claude Code 中享受：国产大模型（MiniMax/Kimi/DeepSeek）的低成本 + Claude Code / Codex 的强大能力 + everything-claude-code 的工程规范 + TDD/Code Review 的质量保障。</p>
        </div>