Claude Code 常用 MCP、Skill 全指南

🎯 你的全栈开发工作流

作为一名全栈开发工程师，你的工作流可以拆分为 5 个阶段：

原型图设计 → 前后端代码编写 → 部署上线 → AI浏览器排查问题 → 文档输出

Claude Code 的扩展生态（MCP、Skill、LSP、Hook）可以在这 5 个阶段的每一个环节提供自动化辅助。本文整理了 59 个常用插件，按你的工作流阶段进行筛选和匹配，标注了每个插件的相关性等级，并包含详细的用途介绍、安装命令、官网地址和 CC Switch 配置方式。

💡 相关性等级说明：★ 核心必备（6 个）→ ☆ 强烈推荐（13 个）→ △ 按需选择（40 个）

📊 工作流 × 插件匹配全览

下表帮你快速判断每个插件在工作流中的位置和重要性：

💡 综上，我的核心建议是：优先装 6 个核心（★），再按你的技术栈从推荐（☆）和按需（△）中选配。不必全装——每个插件都会消耗上下文窗口和启动时间，保持 2-3 个 MCP + 3-5 个 Skill 活跃即可。

⭐ 核心必备（6 个 — 建议最先安装）

★ 1. Context7 — 实时最新框架文档

• 类型：MCP
• 提供方：第三方（Upstash 开源）
• 适用阶段：前后端编码
• 用途：根据你项目中实际安装的框架和库版本，自动拉取版本匹配的最新官方文档并注入对话上下文。当你使用 React 19、Next.js 15、Prisma 6 等大版本更新频繁的框架时，Context7 确保 Claude 给出的是对的 API、对的参数、对的用法，而不是基于过时训练数据的幻觉代码。

✅ 推荐理由：API 幻觉是 AI 编程最大的坑之一。Context7 直接解决了”你训练数据里的 API 已经废弃了”这个问题。

# Claude Code 安装
claude mcp add --scope user \
  --header "CONTEXT7_API_KEY: YOUR_API_KEY" \
  --transport http \
  context7 https://mcp.context7.com/mcp

• CC Switch 安装：MCP 页签 → 添加 → 类型选 HTTP → URL 填 https://mcp.context7.com/mcp → Headers 添加 CONTEXT7_API_KEY: 你的Key
• 🔗 官网：https://context7.com

★ 2. Sequential Thinking — 结构化分步推理

• 类型：MCP
• 提供方：Anthropic 官方（Model Context Protocol 项目）
• 适用阶段：全局（架构设计、Bug分析、复杂算法都需要）
• 用途：为 Claude 提供结构化的分步推理框架。当你面对复杂问题时（比如设计架构、分析深层 Bug、优化算法），它让 Claude 像人类专家一样”一步一步想”——支持思维分叉探索不同方向、回溯修正之前的错误判断、动态调整思考深度。显著减少复杂场景下的逻辑跳跃和结论错误。

💡 适用场景：架构选型、Bug 根因分析、算法优化、多方案对比——凡是需要”想清楚再做”的任务都应该开它。

# Claude Code 安装
claude mcp add sequential-thinking -s user \
  -- npx -y @modelcontextprotocol/server-sequential-thinking

• CC Switch 安装：MCP 页签 → 添加 → 类型选 stdio → 命令 npx → 参数 -y @modelcontextprotocol/server-sequential-thinking
• 🔗 官网：https://github.com/modelcontextprotocol/servers

★ 3. Playwright — 浏览器自动化测试与UI排查

• 类型：MCP
• 提供方：第三方（Microsoft）
• 适用阶段：排查问题 + 测试（你的第4阶段核心工具）
• 用途：让 Claude 直接操控真实浏览器——导航页面、点击按钮、填写表单、截图对比、抓取网络请求、检查控制台错误。在你”AI控制浏览器排查开发期间的问题”这个阶段，Playwright 就是你的手和眼睛；开发期可以自动验证 UI 是否正确渲染，调试期可以复现 Bug 场景，测试期可以执行端到端测试。

✅ 推荐理由：你的工作流第 4 阶段（AI浏览器排查问题）的核心工具。不用再手动开 DevTools 了。

# Claude Code 安装
claude mcp add playwright -- npx -y @anthropic-ai/playwright-mcp

• CC Switch 安装：MCP 页签 → 添加 → 类型选 stdio → 命令 npx → 参数 -y @anthropic-ai/playwright-mcp
• 🔗 官网：https://playwright.dev

★ 4. Frontend Design — 生产级前端UI生成

• 类型：Skill
• 提供方：Anthropic 官方（52.7K+ 安装量）
• 适用阶段：原型设计 + 前端编码
• 用途：专门用于生成有独特设计感、可直接投产的前端界面。不同于普通 AI 生成的千篇一律的 UI（”AI 味审美”），它会根据项目的用途定位、目标用户、品牌基调、设计约束来生成差异化的界面代码。内置 67 种 UI 风格预设和 100 条设计推理规则——当你告诉它”做一个面向中国茶饮品牌的会员小程序”，它会生成有东方美学调性的设计，而非泛泛的蓝色按钮+白色背景。

💡 适用场景：快速出原型、需要设计感的页面、避免”AI slop”风格的 UI。

# Claude Code 安装
/plugin install frontend-design@claude-plugins-official

• CC Switch 安装：Skills 页签 → 搜索 frontend-design → 一键安装
• 🔗 官网：https://github.com/anthropics/frontend-design

★ 5. Feature Dev — 7阶段功能开发全流程

• 类型：Skill + Agent
• 提供方：Anthropic 官方（89K+ 安装量）
• 适用阶段：前后端编码 + 文档输出
• 用途：把”从想法到可交付代码”的整个流程标准化为 7 个阶段：需求探索 → 技术选型 → 架构设计 → 代码实现 → 测试编写 → 代码评审 → 文档生成。对于全栈开发来说，这意味着你不必在每一步都手动写 prompt 告诉 Claude 该做什么——Feature Dev 内置了每个阶段的检查清单和最佳实践，Claude 会自动按流程推进，并把每个阶段的产出物（架构图、接口文档、测试报告）保存下来。

✅ 推荐理由：89K+ 安装量的爆款 Skill，把你的工作流第 2-5 阶段全部覆盖了。

# Claude Code 安装
/plugin install feature-dev@claude-plugins-official

• CC Switch 安装：Skills 页签 → 搜索 feature-dev → 一键安装
• 🔗 官网：https://github.com/anthropics/feature-dev

★ 6. Planning with Files — 跨会话持久化任务规划

• 类型：Skill
• 提供方：第三方（OthmanAdi，20K+ GitHub Stars）
• 适用阶段：全局任务管理 + 文档输出（你的第5阶段）
• 用途：实现 Manus 风格的持久化工作规划——自动维护 3 个 Markdown 文件：task_plan.md（目标与任务清单）、findings.md（研究发现与调研笔记）、progress.md（操作日志与遇到的错误）。这个插件的核心价值是解决了长任务上下文丢失的问题：当 Claude Code 的上下文窗口满了触发 compaction 后，它可以从这 3 个文件中恢复之前的工作状态，不用从头开始。特别适合需要跨多个会话完成的复杂全栈项目。

⚠️ 重要：长任务（跨多会话）必备。如果你经常遇到”Claude 忘了之前做了什么”的情况，装它。支持中文版 planning-with-files-zh。

# Claude Code 安装
npx skills add OthmanAdi/planning-with-files --skill planning-with-files -g

# 或通过市场
/plugin marketplace add OthmanAdi/planning-with-files
/plugin install planning-with-files@planning-with-files

• CC Switch 安装：Skills 页签 → 搜索 planning-with-files → 一键安装（中文版用 planning-with-files-zh）
• 🔗 官网：https://github.com/OthmanAdi/planning-with-files

☆ 强烈推荐（13 个 — 装上后效率翻倍）

☆ 7. Figma — 设计稿到代码的桥梁

• 类型：MCP + Skill
• 提供方：第三方（Figma 官方）
• 适用阶段：原型设计（你的第1阶段）
• 用途：直接读取 Figma 设计文件中的图层结构、颜色 token、字体样式、间距系统、组件属性等信息，让 Claude 生成高度还原设计稿的前端代码。不再是”凭描述猜设计”，而是基于真实的设计数据进行代码生成，打通”设计师出图 → 开发者写代码”的效率瓶颈。

# Claude Code 安装
claude mcp add --transport http figma https://mcp.figma.com/mcp

• CC Switch 安装：MCP 页签 → 添加 → 类型选 HTTP → URL 填 https://mcp.figma.com/mcp → 首次使用需 OAuth 认证
• 🔗 官网：https://www.figma.com

☆ 8. GitHub — 代码仓库全操作

• 类型：MCP
• 提供方：第三方（GitHub 官方）
• 适用阶段：前后端编码
• 用途：在 Claude Code 中直接操作 GitHub 的几乎所有功能：创建和管理 Issue、提交和审查 Pull Request、搜索代码库、查看 Actions CI/CD 状态、管理分支和保护规则。省去在终端和浏览器之间频繁切换的麻烦，你的代码管理和 AI 编程在同一个界面完成。

# Claude Code 安装
claude mcp add-json github '{"type":"http","url":"https://api.githubcopilot.com/mcp","headers":{"Authorization":"Bearer YOUR_GITHUB_PAT"}}'

• CC Switch 安装：MCP 页签 → 添加 → 类型选 HTTP → URL 填 GitHub MCP 端点 → Headers 配置 PAT Token
• 🔗 官网：https://github.com

☆ 9. Serena — 语义级代码分析与编辑

• 类型：MCP
• 提供方：第三方（Oraios AI，2900+ Stars，MIT 开源）
• 适用阶段：前后端编码
• 用途：基于 LSP 协议提供 IDE 级别的语义代码理解能力——按符号查找、查找所有引用、替换符号定义、按符号位置插入/删除代码。与传统的关键词搜索不同，Serena 理解代码的语义结构（比如它知道 UserService.create() 是一个类的实例方法、继承了哪个基类、被哪些文件调用）。在大型项目中，Serena 能节省 30 倍以上的 token 消耗（不需要把整个文件读进来找函数），同时还提供 Web 仪表盘和跨会话项目记忆。

⚠️ 前置依赖：需要先安装 uv（curl -LsSf https://astral.sh/uv/install.sh | sh）

# Claude Code 安装
claude mcp add serena -- uvx --from git+https://github.com/oraios/serena \
  serena start-mcp-server --context ide-assistant --project "$(pwd)"

• CC Switch 安装：MCP 页签 → 类型选 stdio → 命令 uvx → 按上述参数配置
• 🔗 官网：https://github.com/oraios/serena

☆ 10. Superpowers — 工程方法论技能包

• 类型：Skill + Agent + Hook
• 提供方：第三方（Jesse Vincent/obra，20K+ GitHub Stars）
• 适用阶段：前后端编码
• 用途：一套让 AI 遵循严格软件工程方法的技能集合，包含 20+ 个技能：交互式头脑风暴（不直接写代码，先讨论方案优劣）、TDD 驱动开发（先写测试再写实现）、系统化调试（按二分法定位问题而非随机猜测）、计划后执行（先出计划再批量实现）。

💡 核心理念：”让 AI 像有经验的工程师一样工作，而不是像实习生一样随手写代码。”

# Claude Code 安装
/plugin marketplace add obra/superpowers-marketplace
/plugin install superpowers@superpowers-marketplace

# 常用命令
/superpowers:brainstorm      # 交互式头脑风暴
/superpowers:write-plan      # 编写执行计划
/superpowers:execute-plan    # 按计划执行

• CC Switch 安装：Skills 页签 → 搜索 superpowers → 一键安装
• 🔗 官网：https://github.com/obra/superpowers

☆ 11. PR Review Toolkit — 6维度专业代码评审

• 类型：Skill + Agent
• 提供方：Anthropic 官方
• 适用阶段：前后端编码（代码评审）
• 用途：内含 6 个专业评审 Agent，每个负责一个维度 —— Comment Analyzer（检查注释和文档质量）、PR Test Analyzer（分析测试覆盖率和用例质量）、Silent Failure Hunter（发现被吞掉的异常和边界情况）、Type Design Analyzer（评估类型定义的完整性和约束）、Code Reviewer（综合代码质量评审）、Code Simplifier（提出简化建议）。支持并行评审（6 个 Agent 同时跑），大幅缩短 PR 等待时间。

# Claude Code 安装
/plugin install pr-review-toolkit@claude-plugins-official

# 使用方式
/pr-review-toolkit:review-pr all parallel   # 全维度并行评审

• CC Switch 安装：Skills 页签 → 搜索 pr-review-toolkit → 一键安装（需配套 gh CLI）
• 🔗 官网：https://github.com/anthropics/claude-plugins-official

☆ 12. Semgrep — 实时安全漏洞扫描

• 类型：MCP + Skill + Hook
• 提供方：第三方（Semgrep 官方）
• 适用阶段：前后端编码（安全）
• 用途：在 Claude 每次编辑代码后自动触发安全扫描，集成三大引擎 —— SAST（静态代码分析，检测 OWASP Top 10 漏洞、SQL 注入、XSS、命令注入等）、SCA（供应链依赖漏洞检测）、Secrets Detection（密钥和敏感信息泄露检测）。发现问题后自动提示 Claude 重新生成代码直到扫描结果干净。

⚠️ 注意：需要先安装 Semgrep CLI（brew install semgrep 或 pipx install semgrep），然后在 Claude Code 中运行 /setup-semgrep-plugin 完成配置。

# 先安装 Semgrep CLI
brew install semgrep       # macOS
pipx install semgrep       # 跨平台

# 在 Claude Code 中安装插件
/plugin                    # → Discover → 搜索 Semgrep → Install

• CC Switch 安装：MCP 页签 → 添加 → 类型选 stdio → 命令 semgrep，或在 Skills 页签搜索安装
• 🔗 官网：https://semgrep.dev

☆ 13. Sentry — 线上错误监控

• 类型：MCP + Skill
• 提供方：第三方（Sentry 官方）
• 适用阶段：排查问题 + 监控（你的第4阶段）
• 用途：在 Claude Code 中直接查看 Sentry 的错误报告——堆栈跟踪、错误上下文、影响用户数、首次出现时间。当你在排查线上问题时，不需要切到 Sentry 网页在浏览器和代码之间来回看，Claude 可以直接读取错误详情并结合代码上下文给出修复方案。

# Claude Code 安装
claude mcp add --transport http sentry https://mcp.sentry.dev/mcp

• CC Switch 安装：MCP 页签 → 添加 → 类型选 HTTP → URL 填 https://mcp.sentry.dev/mcp → 配置 Auth Token
• 🔗 官网：https://sentry.io

☆ 14. Vercel — 一键部署

• 类型：Skill
• 提供方：第三方（Vercel 官方）
• 适用阶段：部署上线（你的第3阶段）
• 用途：在 Claude Code 中管理 Vercel 部署全流程——触发构建、查看构建日志、配置环境变量、管理域名和 DNS、查看部署历史。开发完成后不需要离开终端就可以完成部署和验证。同时包含 React/Next.js 最佳实践规则。

# Claude Code 安装
/plugin install vercel-labs/agent-skills

• CC Switch 安装：Skills 页签 → 搜索 vercel → 一键安装
• 🔗 官网：https://vercel.com ｜ GitHub

☆ 15. Code Review — 带评分的自动代码评审

• 类型：Skill
• 提供方：Anthropic 官方
• 适用阶段：前后端编码（评审）
• 用途：对代码进行多维度量化评分（0-100）——安全性、性能、可维护性、正确性、可读性——并给出每个维度的具体改进建议。

💡 与 PR Review Toolkit 的区别：Code Review 更适合日常开发中”写完一个功能就快速检查一下”的轻量场景；PR Review Toolkit 适合正式的 PR 合并前的全面评审。

# Claude Code 安装
/plugin install code-review@claude-plugins-official

• CC Switch 安装：Skills 页签 → 搜索 code-review → 一键安装
• 🔗 官网：https://github.com/anthropics/claude-plugins-official

☆ 16. Commit Commands — 智能Git工作流

• 类型：Skill
• 提供方：Anthropic 官方
• 适用阶段：前后端编码（Git 操作）
• 用途：自动生成语义化 commit message、智能分组提交文件、一键推送和创建 PR。遵循 Conventional Commits 规范（feat: / fix: / refactor: / docs: 等前缀），不再需要手动想 commit message 怎么写。

# Claude Code 安装
/plugin install commit-commands@claude-plugins-official

• CC Switch 安装：Skills 页签 → 搜索 commit-commands → 一键安装
• 🔗 官网：https://github.com/anthropics/claude-plugins-official

☆ 17. Security Guidance — 实时安全警告

• 类型：Hook
• 提供方：Anthropic 官方
• 适用阶段：前后端编码（安全）
• 用途：在 Claude 编辑代码时自动检测潜在的命令注入、XSS 跨站脚本、SQL 注入、路径遍历等安全风险模式，给出即时警告。

💡 与 Semgrep 的区别：Security Guidance 在”代码还在键盘上”的时候就拦截危险操作（预防）；Semgrep 在代码写完后做完整扫描（检测）。两者互补。

# Claude Code 安装
/plugin install security-guidance@claude-plugins-official

• CC Switch 安装：Skills 页签 → 搜索 security-guidance → 一键安装（Hook 类型）
• 🔗 官网：https://github.com/anthropics/claude-plugins-official

☆ 18. Ralph Loop — 迭代改进循环

• 类型：Skill + Hook
• 提供方：Anthropic 官方
• 适用阶段：前后端编码（迭代开发）
• 用途：让 Claude 循环执行同一个任务直到满足完成标准。灵感来自《辛普森一家》的 Ralph Wiggum 角色——“屡败屡战”的精神。适合有明确验证标准的迭代型任务，比如”修复所有 TypeScript 类型错误”或”让所有单元测试通过”。

# Claude Code 安装
/plugin install ralph-loop@claude-plugins-official

# 使用方式
/ralph-loop "你的任务描述" --max-iterations 20 --completion-promise "DONE"

• CC Switch 安装：Skills 页签 → 搜索 ralph-loop → 一键安装
• 🔗 官网：https://github.com/anthropics/claude-code

☆ 19. Hookify — 自动生成自定义Hook

• 类型：Skill + Agent + Hook
• 提供方：Anthropic 官方
• 适用阶段：全局自动化
• 用途：分析你与 Claude 的交互模式，自动生成自动化 Hook。比如你总是让 Claude 在编辑完文件后运行 npx prettier --write，Hookify 会发现这个模式并生成一个 PostToolUse Hook，从此自动化执行。把”我每次都重复说的那句话”变成”系统自动遵守的规则”。

# Claude Code 安装
/plugin install hookify@claude-plugins-official

• CC Switch 安装：Skills 页签 → 搜索 hookify → 一键安装
• 🔗 官网：https://github.com/anthropics/claude-plugins-official

🔧 按你的技术栈选择

以下是和你的技术栈强相关的插件——不需要全装，按你实际使用的技术选配。

🗄️ 后端技术栈

△ Postman — API全生命周期管理

• 类型：MCP + Skill + Agent
• 用途：在 Claude Code 中直接调用 Postman Collection 测试 API 端点、查看请求/响应、管理 API 文档。如果你主力做 RESTful API 或微服务架构开发，Postman MCP 把 API 调试也融入了 AI 编程流程。
• 安装：claude mcp add --transport http postman https://mcp.postman.com/mcp
• 🔗 官网：https://www.postman.com

△ Supabase — 开源BaaS后端

• 类型：MCP
• 用途：管理 Supabase 的 PostgreSQL 数据库（查询/Schema/RLS策略）、用户认证（邮箱/OAuth/SSO）、文件存储、Edge Functions。如果你用 Supabase 做后端，这个 MCP 让你的 Claude 可以直接操作数据库和执行迁移。
• 安装：claude mcp add supabase -- npx -y supabase-mcp-server
• 🔗 官网：https://supabase.com

△ Firebase — Google后端即服务

• 类型：MCP
• 用途：管理 Firebase 的 Firestore 数据库、Cloud Functions、Authentication、Hosting。Google 生态的全栈项目首选。
• 安装：claude mcp add firebase -- npx -y firebase-mcp-server
• 🔗 官网：https://firebase.google.com

△ Pinecone — 向量数据库

• 类型：MCP + Skill
• 用途：管理向量索引、插入/查询向量数据、实现语义搜索和 RAG（检索增强生成）。如果你在做 AI 应用（如智能客服、知识库问答），Pinecone 是构建 RAG Pipeline 的关键组件。
• 安装：claude mcp add pinecone -- npx -y pinecone-mcp-server
• 🔗 官网：https://www.pinecone.io

△ Stripe — 支付系统开发

• 类型：MCP + Skill
• 用途：Stripe 支付集成——支付意图创建、订阅管理、Webhook 测试。做电商、SaaS 订阅等需要支付的项目时使用。
• 安装：通过 Stripe 官方插件市场
• 🔗 官网：https://stripe.com

△ Laravel Boost — Laravel开发辅助

• 类型：MCP
• 用途：专为 Laravel 开发者打造——Artisan 命令智能提示、Eloquent ORM 关系辅助、路由文件生成、迁移文件管理、Blade 模板提示。PHP/Laravel 技术栈必备。
• 安装：claude mcp add laravel-boost -- npx -y laravel-boost-mcp
• 🔗 官网：npm 包 laravel-boost-mcp

△ HuggingFace Skills — AI模型与数据集

• 类型：MCP + Skill
• 用途：连接 HuggingFace 生态——搜索开源 AI 模型、数据集、Spaces 应用。当你的项目需要集成 AI 模型（文本分类、图像识别、语音处理等）时，可以直接在 Claude Code 中查找和引用 HuggingFace 模型。
• 安装：通过 HuggingFace MCP 接入
• 🔗 官网：https://huggingface.co

🔍 代码搜索与分析

△ Greptile — 自然语言代码搜索

• 类型：MCP
• 用途：用自然语言（中文也行）搜索和理解大型代码库。不需要知道确切的函数名——问”用户注册流程在哪些文件里？”就能找到相关代码。适合大型单体项目或多仓库场景。
• 安装：npx greptile-mcp-server --api-key=YOUR_KEY --github-token=YOUR_TOKEN
• 🔗 官网：https://app.greptile.com

🕷️ 数据抓取

△ Firecrawl — 网页转Markdown

• 类型：Skill
• 用途：将任意网站转换为 LLM 友好的 Markdown 格式——支持搜索、单页抓取、整站爬取、页面交互。当你需要让 Claude 参考某个网站的内容或文档时（比如爬取竞争对手的公开页面做竞品分析），Firecrawl 把网络变成知识源。
• 安装：npx -y firecrawl-cli@latest init -y --browser
• 🔗 官网：https://www.firecrawl.dev

✅ 代码质量增强

△ Qodo Skills — 代码质量/测试/安全/合规

• 类型：Skill
• 用途：一组专注于代码质量、测试用例生成、安全检查和合规性的技能。帮助 Claude 写出更健壮的测试（边界情况覆盖）、检查代码规范一致性、确保行业合规要求（如 GDPR、SOC2）。
• 安装：/plugin install qodo-skills@claude-plugins-official
• 🔗 官网：https://www.qodo.ai

△ Coderabbit — 40+分析器的AI代码评审（免费）

• 类型：Skill + Agent
• 用途：聚合 40+ 个静态分析器（包括各语言的 Linter、安全扫描器、复杂度分析器）的结果，由 AI 整合成一份综合评审报告。免费使用，提供比单一工具更全面的代码质量画像。
• 安装：通过 Coderabbit MCP 接入
• 🔗 官网：https://www.coderabbit.ai

📈 监控与产品分析

△ PostHog — 产品分析

• 类型：MCP + Skill + Agent
• 用途：查询用户行为数据、管理 Feature Flags（功能开关灰度发布）、查看 A/B 测试结果。在部署上线后验证新功能的效果——多少用户点击了新按钮、转化率有没有提升。
• 安装：claude mcp add --transport http posthog https://mcp.posthog.com/mcp
• 🔗 官网：https://posthog.com

△ PagerDuty — 部署风险评分

• 类型：MCP + Skill
• 用途：在 git commit / push 前对比 PagerDuty 的历史告警数据和当前变更 diff，预估部署风险。如果当前变更的文件最近在生产环境出过事故，它会给出高风险提示。
• 安装：通过 PagerDuty MCP 接入
• 🔗 官网：https://www.pagerduty.com

△ Sonatype Guide — 依赖漏洞分析

• 类型：MCP
• 用途：扫描项目依赖的已知 CVE 漏洞，推荐安全升级版本。基于 Sonatype 的全球最大漏洞数据库之一，确保供应链安全。
• 安装：通过 Sonatype MCP 接入
• 🔗 官网：https://www.sonatype.com

👥 按你的团队工具选择

以下插件用来连接你团队已经在用的协作工具——没有对应的工具就不用装。

• △ Linear：Linear Issue 管理、Sprint 看板。MCP，HTTP 类型。🔗 linear.app
• △ Atlassian：Jira Issue + Confluence 文档。MCP+Skill，HTTP 类型。🔗 atlassian.com
• △ Asana：Asana 任务和项目管理。MCP，HTTP 类型。🔗 asana.com
• △ Notion：Notion 页面和数据库操作。MCP+Skill，HTTP 类型。🔗 notion.so
• △ Slack：Slack 消息搜索、频道浏览。MCP+Skill，HTTP 类型。🔗 slack.com
• △ GitLab：GitLab 仓库、MR、CI/CD。MCP，HTTP 类型。🔗 gitlab.com
• △ Circleback：会议记录、邮件、日历检索。MCP，HTTP 类型。🔗 circleback.ai

💡 安装方式均为：claude mcp add --transport http <名称> <MCP端点URL>，在 CC Switch 的 MCP 页签中添加对应 HTTP 类型服务器。

📝 LSP语言服务器（12 个 — 按你的编程语言选择）

LSP 服务器为 Claude Code 提供真实的 IDE 级类型检查、智能补全和跳转定义能力。按你的项目语言选对应的一个即可，不需要全装：

💡 CC Switch 配置：所有 LSP 可在 CC Switch 的 LSP 管理页签中一键启用/禁用。

🧩 其他辅助类

以下插件用于特定场景——创建插件/自定义 Skill、教学引导、配置管理：

• △ Agent SDK Dev：Claude Agent SDK 应用开发脚手架（TypeScript/Python）。Skill+Agent。/plugin install agent-sdk-dev@claude-plugins-official
• △ Plugin Dev：Claude Code 插件开发套件（含 7 个子 Skill：MCP集成/Hook/Skill创建/测试/安全审计/发布）。Skill+Agent。/plugin install plugin-dev@claude-plugins-official
• △ Skill Creator：自定义 Skill 的创建、改进和效果评估工具。Skill。/plugin install skill-creator@claude-plugins-official
• △ Code Simplifier：3 个并行 Agent（复用检查/质量检查/效率检查）重构最近变更。Agent。内置命令 /simplify
• △ Playground：生成交互式 HTML/CSS/JS 原型演示页面。Skill。/plugin install playground@claude-plugins-official
• △ Claude Code Setup：自动分析代码库并推荐最优的 MCP/Skill/Hook 配置。Skill。/plugin install claude-code-setup@claude-plugins-official
• △ Claude MD Management：CLAUDE.md 文件的定期质量审计和自动更新。Skill。/plugin install claude-md-management@claude-plugins-official
• △ Explanatory Output Style：教学模式——Claude 会解释每个实现选择背后的”为什么”。Hook。/plugin install explanatory-output-style@claude-plugins-official
• △ Learning Output Style：在关键决策点暂停，引导你主动编写代码。Hook。/plugin install learning-output-style@claude-plugins-official

🚀 推荐安装顺序

📅 第一天：最小可用（6 个核心）

# === MCP ===
claude mcp add sequential-thinking -s user -- npx -y @modelcontextprotocol/server-sequential-thinking
claude mcp add context7 --transport http --header "CONTEXT7_API_KEY: xxx" context7 https://mcp.context7.com/mcp
claude mcp add playwright -- npx -y @anthropic-ai/playwright-mcp

# === Skill ===
/plugin install frontend-design@claude-plugins-official
/plugin install feature-dev@claude-plugins-official
npx skills add OthmanAdi/planning-with-files --skill planning-with-files-zh -g

📅 第一周：加上推荐（共 19 个）

# === MCP ===
claude mcp add --transport http figma https://mcp.figma.com/mcp
claude mcp add --transport http sentry https://mcp.sentry.dev/mcp

# === Skill ===
/plugin marketplace add obra/superpowers-marketplace && /plugin install superpowers@superpowers-marketplace
/plugin install pr-review-toolkit@claude-plugins-official
/plugin install code-review@claude-plugins-official
/plugin install commit-commands@claude-plugins-official
/plugin install security-guidance@claude-plugins-official
/plugin install ralph-loop@claude-plugins-official
/plugin install hookify@claude-plugins-official
/plugin install vercel-labs/agent-skills

# === LSP ===
/lsp add typescript    # 或你用的语言

📅 后续：按需添加

每个迭代回顾：哪个环节重复劳动最多？装对应的插件。

💡 综上，我的核心建议是：**不要追求”装全”**。每个 MCP/Skill 都会消耗上下文窗口和启动时间。建议保持 2-3 个 MCP + 3-5 个 Skill 处于活跃状态。一个精心编写的 CLAUDE.md（定义你的项目规范、技术栈、代码风格）比 20 个插件更有价值。