解剖 Claude Code

深入浅出分析 Anthropic 的 AI 编程助手。1,902 个源文件,512,000 行代码,一个交互式可视化带你理解它的全部设计。

🎮 像素小游戏 →

0

源文件

0K+

代码行数

0+

内置工具

0

核心系统

一次对话的旅程

当你输入 "帮我修复这个 bug",Claude Code 在幕后做了什么?

Step 1

⌨️用户输入

你在终端输入 '帮我修复这个 bug'。PromptInput 组件捕获输入,附加当前目录、git 状态等上下文信息。

Step 2

🛡️权限检查

三层防线启动:ML 分类器快速判断安全性 → 规则引擎匹配用户自定义策略 → 必要时弹出确认对话框。

深入了解 →
Step 3

📋系统提示构建

拼装完整上下文:默认系统提示 + 用户环境信息 + 45 个工具定义 + 记忆附件 + 项目规则。像服务员把你的简单点单翻译成厨房能懂的完整订单。

深入了解 →
Step 4

🌊流式 API 调用

通过 Anthropic API 发送请求。响应以流式返回 — 每个 token 到达时立即渲染到终端,不用等完整回复。async generator 是这一切的骨架。

深入了解 →
Step 5

🔧工具调用

Claude 决定需要读文件、搜索代码、执行命令。工具调度器启动:读操作并行执行(快),写操作串行执行(安全)。

深入了解 →
Step 6

🔄循环与返回

工具执行结果返回给 Claude,它分析结果后可能再次调用工具。这个循环持续到任务完成,最终将结果流式渲染到你的终端。

系统架构全景

15 个子系统,4 个架构层级。悬停查看简介,缩放探索细节。

核心层 UI 层 扩展层 集成层