Claude Code 架构图

ARCHITECTURE DIAGRAM · CLAUDE CODE · 2026

① 用户交互层
👤 用户 / Developer
通过自然语言输入指令,无需了解底层实现
键盘输入 自然语言 中文 / English
🖥️ 终端 / Terminal
原生终端环境,支持 iTerm2、Warp、VSCode Terminal 等
ANSI 渲染 流式输出 React Ink
🔌 IDE 集成
VSCode、JetBrains 等 IDE 插件,底层仍调用 CLI
VSCode Extension JetBrains
▼ 命令输入
② CLI 核心层(TypeScript + Bun)
Claude Code CLI 主进程
CommanderJS
解析 CLI 命令和参数
claude -p "..." --model
React Ink
终端 UI 渲染引擎
React 组件 → ANSI 字符
Bun Runtime
高性能 JS 运行时
比 Node.js 启动更快
会话管理
多轮对话上下文
自动压缩 / 摘要
权限系统
工具调用授权
allowedTools 白名单
Hooks 引擎
事件钩子执行
pre/post 工具调用
※ 90% 代码由 Claude Code 自身生成
▼ API 调用(流式 SSE)
③ AI 模型层(Anthropic Cloud)
🧠 Claude 模型(claude-sonnet-4-6 / opus-4-6)
接收用户意图 + 上下文 + 工具定义 → 推理 → 生成文本 / 工具调用指令
核心能力
✦ 代码理解 & 生成
✦ 多步骤推理规划
✦ 自然语言理解
✦ Tool Use(工具调用)
上下文窗口
✦ 系统提示(角色定义)
✦ 对话历史(自动摘要)
✦ 工具结果注入
✦ MEMORY.md 内容
输出类型
✦ 文本回复(流式)
✦ Tool Call JSON
✦ 思维链(Thinking)
✦ 结构化数据
▼ 工具调用指令下发 ▲ 执行结果返回
④ 工具执行层(本地 & 远程)
📁 文件系统工具
Read Write Edit Glob Grep
直接操作本地文件,读写代码、配置等
💻 Shell 执行工具
Bash npm/bun run git gh CLI
执行终端命令,运行测试、构建、git 操作
🌐 网络工具
WebSearch WebFetch HTTP API
搜索网络、抓取页面、调用外部 API
🤖 Agent 工具
子 Agent 并行任务 Worktree
派生子 Agent 并行处理复杂任务
▼ 集成扩展
⑤ 扩展 & 集成层
🔧 MCP 服务器
Model Context Protocol,挂载自定义工具和数据源
数据库 Slack Jira 自定义
⚙️ CI/CD 集成
无头模式运行,嵌入自动化流水线
GitHub Actions Jenkins -p 标志
💾 持久记忆层
跨会话的知识持久化,自动加载到上下文
MEMORY.md CLAUDE.md settings.json
📡 外部服务
与开发生态深度集成
GitHub / GitLab npm Registry Docker
用户交互层
CLI 核心层
AI 模型层
工具执行层
扩展集成层
持久记忆层
数据流说明 DATA FLOW
用户输入 → CLI 解析 → 上下文构建(历史+记忆+工具定义)→ Anthropic API(SSE流式)→ 模型推理
→ 若输出 Tool Call:CLI 执行工具 → 结果注入上下文 → 再次调用模型(多轮 agentic loop)
→ 若输出文本:React Ink 实时渲染到终端 → 用户看到结果
Generated by Claude Code · claude-sonnet-4-6 · 2026-03-19