Claude Code 是 Anthropic 推出的 AI 编程助手，基于强大的 Claude 大模型，能够直接在终端中帮助你编写、调试和重构代码。

一、Claude Code 基础入门

Claude Code 不仅仅是一个代码补全工具，它更像是一个坐在你旁边的资深开发搭档。你可以直接用自然语言描述需求，它会帮你完成代码编写、Bug修复、架构设计等工作。

安装方式：
npm install -g @anthropic-ai/claude-code
claude

二、Skills 技能系统详解

Skills 是 Claude Code 最核心的扩展机制。简单来说，Skills 就是为 Claude 预装的"专业知识包"，让它在不同领域表现出专家级别的能力。

核心安装命令：
npx skills find 关键词    # 搜索技能
npx skills add 技能名 -y -g  # 安装技能
npx skills list -g          # 查看已安装技能

推荐必装的 Skills：

1. find-skills：技能发现神器，相当于给 Claude 装了个应用商店
npx skills add find-skills -y -g

2. frontend-design：前端界面设计，生成的页面可直接使用
npx skills add frontend-design -y -g

3. technical-writer：技术文档专家，自动生成规范的 README
npx skills add technical-writer -y -g

4. planning-with-files：任务规划工具，会话中断也不丢进度
npx skills add planning-with-files -y -g

5. pdf：PDF万能工具，合并拆分OCR全搞定
npx skills add pdf -y -g

三、MCP 服务器能力扩展

MCP（Model Context Protocol）是 Claude Code 的工具扩展协议。如果说 Skills 让 Claude 更聪明，那么 MCP 让 Claude 更能干——它能让 Claude 访问本地文件系统、操作浏览器、调用外部API。

配置方式：在项目根目录创建 .claude/mcp.json 文件，添加需要的服务器配置。

常用 MCP 服务器推荐：

1. filesystem：文件系统访问，读写本地文件
2. fetch：HTTP 请求工具，调用外部 API
3. puppeteer：浏览器自动化，做网页测试和数据抓取
4. github：GitHub 操作，创建 PR、管理 Issue
5. database：数据库访问，直接查询和管理数据

四、实战场景演示

场景一：用一句话生成完整项目

你只需要说："帮我创建一个 React + TypeScript 的后台管理系统，包含登录、用户管理、数据看板"

Claude Code 会自动：
- 分析需求并拆解任务
- 初始化项目结构
- 生成所有组件代码
- 配置路由和状态管理
- 编写基础样式

场景二：智能代码审查

你可以说："审查一下 src/utils 目录下的代码，找出潜在问题并优化"

场景三：技术文档自动生成

你可以说："根据这个项目代码，帮我生成完整的 README 和 API 文档"

五、最佳实践建议

1. Skills 和 MCP 搭配使用，效果最大化
2. 安装 Skills 时务必加 -g 参数（全局安装）
3. 复杂项目先用 planning-with-files 做任务规划
4. 写代码前先让 Claude Code 理解项目上下文
5. 善用 /clear 清理会话，但重要信息用文件持久化

Claude Code + Skills + MCP 的组合，正在重新定义 AI 辅助开发的方式。无论你是前端、后端还是全栈开发，这套工具链都能显著提升你的开发效率。