Claude 使用指南 | Wiki | JR Academy
Context7 MCP（Claude Code）
Context7 MCP（Model Context Protocol）提供 实时文档 + 版本化 API 引用，让 Claude Code 在回答时自动拉取最新文档，避免使用过期信息。适合 React / Next.js / Supabase 等变化快的技术栈。
主要能力（Key Capabilities）
- Real-Time Documentation Access（实时文档）
- Version-Specific References（指定版本引用）
- Code Examples Integration（代码示例）
- Migration Guides（升级与 breaking changes）
- Multi-Library Support（JS/TS/Python/DB/UI 等）
- Automatic Fetching（Prompt 中引用即自动拉取）
从定位上看，Context7 更像一个第三方 MCP server，用来补“官方文档实时性”这块短板。
它本身不是 Anthropic 官方的产品能力，但确实很适合搭配 Claude Code 的 MCP 机制一起用。
安装（Installation）
npx claude-code-templates@latest --mcp devtools/context7
安装后生成配置：
your-project/
├── .claude/
│ └── mcp.json
使用方式（How to Use）
在 Prompt 里直接引用库名或功能点：
claude
> How do I use Server Actions in Next.js 14 App Router?
Claude Code 会自动拉取最新文档并给出基于当前版本的回答。
为什么它适合变化快的栈
像 React、Next.js、Supabase 这类技术，文档和最佳实践更新很快。
Claude Code 默认并不会自动保证自己拿到的就是最新资料，而 MCP 的价值正是在这里：给它一个受控的、可查询的外部文档入口。
示例（Usage Examples）
React Server Components
claude
> Create a React Server Component that fetches user data using the async/await pattern. Show me the latest best practices for data fetching in Server Components
Next.js App Router 动态路由
claude
> How do I create a dynamic route with multiple parameters in Next.js App Router? Show me the file structure and implementation
Supabase Auth
claude
> Implement email authentication with Supabase in a Next.js app. Include signup, login, and session management