我做了一个Claude Code模拟器，可视化呈现与AI的每一步交互！
大家好，我是轩辕。
上周我写了一篇 Claude Code 源码分析的文章，你们是不是都直接丢进收藏夹吃灰了？
我估计很多同学看的云里雾里，Claude Code到底是怎么跑起来的？
脑子里死活就是拼不出那个完整画面。
所以我做了个东西：Claude Code 模拟器！
把 Claude Code 的完整工作流程，做成了可交互的动画演示。
点点鼠标就能看懂它到底是如何工作，实现AI编程的。
左边是一个实时更新的交互时序面板。
标注了AI大模型、Claude Code，以及其内部工具三者之间的消息流转。
右边则是一个高度还原的 Claude Code 终端界面。
整个模拟器内置了一个使用案例，模拟了从用户输入提示词到实现代码编写的完整过程。
操作也非常简单，一路点"下一步"就行。
每点一次，右边终端前进一步，左边时序图同步展示当前步骤产生的通信内容。
包括Claude Code如何封装用户的提示词发给AI，AI返回的又是什么，如何调用工具，Agent循环如何工作等等。
点击时序图中的每一个通信消息块，可以查看这个请求或者响应的完整内容。
比如上面Claude Code发送给大模型的一次完整JSON请求：
我通过折叠JSON+备注信息的形式，把关键内容进行了备注。
系统提示词、用户消息、工具列表一目了然。
想查看哪个，就直接展开对应的JSON结构：
比如在这里你就可以看到完整的Claude Code的系统提示词了。
在消息JSON结构的下方，还有一个版块，对这个消息里面的一些关键内容进行解析说明，帮助我们更好理解这个消息的内容：
不管是看文章还是看源码，很容易就晕头转向，现在通过这套工具直接清晰的看到完整的交互过程，对新手简直不要太友好。
这你要是都学不会，那我只能说···我还要继续努力迭代！
这个工具我本身也是使用Claude Code来开发，我让它深入分析Claude Code的源码，然后开发这样一个工具。
但光是这样弄出来我心里还是没底，Claude Code真正工作的时候，是不是按照这套流程在进行呢？
为了进一步核实，我选择了抓包分析，把它发给大模型的内容记录下来与当前流程进行对比。
这不比不知道，比较过后发现果然出入很大。
比如工具列表并不是50多个工具一股脑儿全发给AI，它是有选择性的。
而且接Anthropic自己的模型和第三方模型它还不一样。
系统提示词部分，AI分析得出的和实际发送的也存在一些差异。
所以啊，咱们在用AI提升效率的同时，还是不能全信它，最好结合一些其他传统手段相辅助佐证，否则一不小心可能被它带沟里去。
在我继续多轮引导之后，在源码+抓包双重加持之下，终于搞出了现在这一版本。
为什么要开发这个工具
前几天Claude Code源码泄露之后，我第一时间在我的网站上增加了一套Claude Code源码学习教程，目前已经累计有7000+人观看了：
现在我又做了一个这样的学习模拟器工具，学习起来更方便了。
可能有人好奇，我为什么要做这些事情呢？AI编程时代，我还需要学习源码干什么呢？
AI编程确实极大提升了工作效率，代码在这个时代已经贬值得非常厉害。
那程序员的核心竞争力在哪里呢？
我个人觉得，是系统性的设计、规划、架构能力，以及对AI给出的结果的判断能力。
前者是正向思维，如何驾驭AI实现项目需求。
后者是逆向思维，如何判断AI做出的东西能不能用。
尤其是后者，绝不是简单看看页面功能那么简单，它背后的设计架构是否合理，是否存在隐形的坑，这些没有经验的新手根本无法判断。
我最近就被AI坑惨了，写出来的产品上线后，因为设计不合理，导致一天烧了我100多块，幸好我发现早，及时止损。如果大家感兴趣，我单独写一篇文章聊聊这件事，欢迎点个关注蹲一波。
回到刚刚讲的，想要提升系统性的设计、规划、架构能力，就得去学习优秀的项目源码汲取营养，光空想是没有用的。
我们学习Claude Code源码，并非去像研究八股文一样去探究它使用了什么高级语法特性，而是学习它的架构设计，它的提示词工程，它的Harness工程设计。
都说2025年是Agent元年，2026年Agent大爆发之年，越来越多的创业和就业机会聚焦在了各种通用和垂类Agent产品赛道，前阵子的龙虾就是一个典型的例子。
所以程序员现在找工作，面试的不再是以前那些编程知识，而是问你提示词怎么写，上下文怎么管理，记忆机制怎么设计，分级压缩怎么做，多Agent如何编排等等。
而Claude Code，这个我目前认为地球上做的最成熟最优秀的Agent产品，无疑是最值得深入学习了解的对象。
你把Claude Code吃透了，做Agent开发还不是手拿把掐。
因为这样的原因，所以我选择了做这样的一套免费教程，以及这样一个免费工具，帮助更多人去深入学习Claude Code的工作原理。
模拟器地址：
https://www.xuanyuancode.com/learn-claude-code/simulator
如果之前看过源码分析文章，搭配着看效果更好。
源码分析在这里：10分钟速通Claude Code泄露源码核心架构。
One more thing
在这个模拟器页面下方，我也把所有tools工具，以及Claude Code所有的命令都完整的罗列了出来，便于大家在学习过程中随时查阅：
上面的每一个块都是可以点击查看详情的。
最后要说一下，这个模拟器目前只演示了一个简单的例子，包含两轮工具调用，对于理解基础工作流程是足够的。
但目前缺少会话压缩、子Agent、Plan模式等过程的模拟。
我也是想着先做一个版本出来看看效果，如果大家觉得这种方式学起来很不错的话，我后面再考虑逐步迭代，把这个模拟器做的更完善。
大家可以戳下面公众号卡片，点个关注，第一时间获得新文章的推送。
也欢迎大家把我的这个网站 https://www.xuanyuancode.com 加个书签保存，后续会陆续增加AI方面的内容，记得随时过来逛逛。
好了，今天就分享到这里。
如果觉得还不错的话，求个点赞和转发。
我是轩辕，我们下期再见。