想真正理解 Claude Code 是怎么工作的？不是停留在”它能帮你写代码”的层面，而是深入到它的每一个决策链路——从接收指令、组装系统提示、调用工具，到管理记忆、分裂子 Agent、判断权限？
Claude 101 就是为此而生的。
它是什么？
Claude 101 是一个交互式学习网站，用 16 章内容系统性地拆解 Claude Code 的完整架构。它不是官方文档的搬运，也不是泛泛的介绍——每一章都深入到源码级别，带你看 Claude Code 真正的实现。
最特别的是它的叙事方式：一切从 AI 的第一人称视角展开。不是”Claude Code 如何处理 Prompt”，而是”你收到了第一条指令”。你就是那个 Agent，你需要理解你的操作系统是如何装配的、你的记忆是如何持久化的、你的分身是如何工作的。
核心特色
这不是又一个 Markdown 文档站。
其中带注释的真实源码是 Claude 101 的核心卖点。每一章的核心内容都围绕从 Claude Code 源码中提取的关键函数展开——getSystemPrompt() 是怎么装配 6 层系统提示的、queryLoop() 里的 Agentic Loop 到底长什么样、loadMemoryPrompt() 如何决定加载哪些记忆。代码旁边的注释支持自动播放，像”导游”一样带你逐行走过关键逻辑。
16 章课程全景
课程覆盖了 Claude Code 架构的方方面面，从最基础的 Prompt 处理到最隐秘的实验性功能。在下面的地图中，你可以逐层探索每个分类、每个章节的内容和亮点。
从基础概念开始——一条 Prompt 如何被接收、System Prompt 的 6 层装配、QueryEngine 的上下文管理；到工具与执行——50+ 工具的动态注册、Agentic Loop 的 Think-Act-Observe 循环、MCP 的外部连接；再到记忆与知识——跨会话记忆的三种模式、ripgrep 驱动的代码搜索；扩展能力——Hooks 事件系统、Skills 的 Fork 隔离、Plugin 市场；最终到达协作与治理——子 Agent 的生命周期、7 阶段权限瀑布、洋葱模型配置——以及一章专门揭秘 Hidden Features：KAIROS、AutoDream、Daemon 等你可能从未听说过的实验性功能。
每一章都有对应的核心函数源码解析和你不一定知道的设计亮点。点击上面的地图，自己探索吧。
Claude Code 源码结构
Claude 101 的内容来自对 Claude Code 源码的深度阅读和拆解。下面是 Claude Code 的完整源码架构——565+ 文件、200K+ 行代码是如何组织的：
从最大的 main.tsx（803KB 的 CLI 入口）到最精巧的 mailbox.ts（16KB 的队友邮箱），每个模块都有清晰的职责边界。Claude 101 的 16 章内容就是沿着这个架构逐一展开的。
技术栈
项目基于 Astro 6 的岛屿架构构建——首屏是纯静态 HTML，零 JavaScript 开销；当你滚动到交互组件时，React 才按需加载。动画使用 Framer Motion 和 GSAP，样式用 Tailwind CSS。全站支持中英双语切换，语言选择保存在 localStorage。
为什么做这个？
市面上关于 Claude Code 的内容不少，但大多停留在”怎么用”的层面。Claude 101 想回答的是一个更根本的问题：它是怎么工作的？
当你理解了 Agentic Loop 的思考-行动-观察循环，你就知道为什么有时候 Claude Code 会”想太多”；当你理解了 Permission Waterfall 的 7 阶段权限流，你就知道为什么某些操作会被阻止；当你理解了 Memory 系统的写入-检索-整合机制，你就知道为什么 Claude Code 能越用越”懂你”；当你看到 Hidden Features 里的 Daemon 和 Bridge，你能感受到 AI 编码工具正在往什么方向演化。
理解工具的内部原理，是高效使用它的前提。
如果你觉得这个项目有价值，欢迎访问 Claude 101 体验，也欢迎在 GitHub 给个 Star。
Comments
0 comments