这个组件在我刚开始用 Claude Code 的时候其实就用起来了。
只不过今天才来写这篇文章。那它有什么神秘的吗?
这个叫claude-trace的工具,能完全"看透"Claude Code的运行过程,包括系统提示词、工具调用、AI思维过程...
想学习 Claude Code 成为高手的必备工具

这是什么黑科技?
说实话,平时我们用Claude Code都是黑盒操作:
-
不知道Claude收到了什么指令
-
不知道工具是怎么调用的
-
不知道AI是怎么思考的
-
不知道token是怎么消耗的
但这个claude-trace工具,直接把这些全暴露出来了!
原理其实很简单:通过拦截Node.js的HTTP请求,记录所有与Anthropic API的交互,然后生成可视化报告。
PS:这就像给Claude Code装了个"透视镜"!
第一步:安装claude-trace
超级简单,一行命令搞定:
npm install -g @picardd/claude-trace
官方的包是这个:@mariozechner/claude-trace
我做了中文的支持,不然中文会显示乱码,就重新打个一个安装包
小贴士:需要先安装Node.js 16+和Claude Code CLI
第二步:开始"透视"Claude Code
启动很简单:
# 基础使用
claude-trace
# 记录所有请求(包括单次对话)
claude-trace --include-all-requests
# 指定Claude参数
claude-trace --run-with chat --model sonnet-3.5
启动后会自动打开Claude Code,你正常使用就行!

第三步:查看"透视"结果
每次对话结束后,claude-trace会在当前目录生成:
-
.claude-trace/log-YYYY-MM-DD-HH-MM-SS.jsonl - 原始日志
-
.claude-trace/log-YYYY-MM-DD-HH-MM-SS.html - 可视化报告
打开HTML文件,看到的内容让我惊了:
1、Claude Code 的端倪
可以看到每次对话并不是一开始就用了 claude 4 模型的,而是用了 3.5 的模型。
到第三次的时候,才开始用 claude 4 的模型。

这个是第三次的请求参数,可以看到并不是纯用户输入的提示词,还有 <system-reminder> 附加了一些信息。

这也就是Claude Code 采用了 LLMs 调用其他 LLMs 的模式,这也是其消耗大量 tokens 的原因之一。
这份完整版的大模型 AI 学习和面试资料已经上传CSDN,朋友们如果需要可以微信扫描下方CSDN官方认证二维码免费领取【保证100%免费】

2、系统提示词完全暴露
You are Claude Code, Anthropic's official CLI for Claude.
You are an interactive CLI tool that helps users with software engineering tasks. Use the instructions below and the tools available to you to assist the user.
看到没,这就是Claude Code的"DNA",平时完全看不到!

3、工具调用全过程
能看到每个工具的:
-
工具定义和参数
-
输入数据
-
执行结果
-
错误信息

4、AI的思维过程
最神奇的是能看到Claude的"thinking blocks":

5、Token使用详情
详细的token消耗分析:
-
输入token
-
输出token
-
缓存命中率
-
成本计算
这效率,一目了然!

6、使用工具清晰明了
很容易看到,我当前可以用的工具有 94 个,当然也包含了 MCP 的工具使用。

主要是每个工具的详细使用都有记录。
也就是这里就是一份权威的工具学习资料。

7、不同角色身份
从下面的图中可以看到,有 user 和 assistant 的两种身份。
user 代表的就是用户输入的提示词
assistant其实就是代表claude code 给用户辅助的提示词

更牛的高级功能
1、对话索引生成
claude-trace --index
会自动:
-
扫描所有日志文件
-
用AI生成对话标题和摘要
-
创建搜索索引
-
生成master页面
看到没,用AI来分析AI的对话,这递归操作绝了!

2、请求过滤机制
默认情况下只记录"有意义"的对话(超过2条消息),但你可以:
# 记录所有请求
claude-trace --include-all-requests
3、原始调试视图
除了友好的界面,还能看:
-
原始HTTP请求/响应
-
JSON调试数据
-
未过滤的所有API调用


技术原理解析
架构设计
claude-trace采用两部分架构:
1、后端拦截器
-
注入到Claude Code进程
-
拦截fetch()等HTTP调用
-
记录到JSONL文件
2、前端可视化
-
处理原始数据
-
重构SSE消息
-
生成交互式界面
核心技术
-
HTTP拦截:hook Node.js原生HTTP方法
-
数据处理:解析Anthropic API格式
-
可视化:嵌入式HTML+CSS+JS
-
AI索引:使用Claude CLI生成摘要
这技术栈,简直完美!
总结
claude-trace这个工具真的让我大开眼界:
-
透明化AI操作:第一次看清Claude Code的运行机制
-
学习AI思维:通过thinking blocks理解AI决策
-
优化开发流程:发现token使用和工具调用的优化点
-
技术研究价值:深入了解大模型应用架构
说实话,这对我们理解和使用AI工具帮助太大了!
写在最后
AI时代,工具的透明度变得越来越重要。claude-trace给我们提供了一个全新的视角,让我们不再"盲目"使用AI。
通过理解AI的工作原理,我们可以:
-
写出更好的prompt
-
优化工具使用策略
-
提升开发效率
-
降低使用成本
这就是技术进步的魅力,不仅要会用工具,更要理解工具!
好了,今天的分享就到这里。
安啦,各位!
最后的最后,我把提示词都提炼出来成一个文档了。
后台回复 提示词 领取这份系统提示词。

之前商界有位名人说过:“站在风口,猪都能吹上天”。这几年,AI大模型领域百家争鸣,百舸争流,明显是这个时代下一个风口!
那如何学习大模型&AI产品经理?
我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。
只要你是真心想学AI大模型,我这份资料就可以无偿共享给你学习。大模型行业确实也需要更多的有志之士加入进来,我也真心希望帮助大家学好这门技术,如果日后有什么学习上的问题,欢迎找我交流,有技术上面的问题,我是很愿意去帮助大家的!
如果你也想通过学大模型技术去帮助就业和转行,可以点扫描下方链接👇👇
大模型重磅福利:入门进阶全套104G学习资源包免费分享!

01.从入门到精通的全套视频教程
包含提示词工程、RAG、Agent等技术点

02.AI大模型学习路线图(还有视频解说)
全过程AI大模型学习路线


03.学习电子书籍和技术文档
市面上的大模型书籍确实太多了,这些是我精选出来的

04.大模型面试题目详解


05.这些资料真的有用吗?
这份资料由我和鲁为民博士共同整理,鲁为民博士先后获得了北京清华大学学士和美国加州理工学院博士学位,在包括IEEE Transactions等学术期刊和诸多国际会议上发表了超过50篇学术论文、取得了多项美国和中国发明专利,同时还斩获了吴文俊人工智能科学技术奖。目前我正在和鲁博士共同进行人工智能的研究。
所有的视频由智泊AI老师录制,且资料与智泊AI共享,相互补充。这份学习大礼包应该算是现在最全面的大模型学习资料了。
资料内容涵盖了从入门到进阶的各类视频教程和实战项目,无论你是小白还是有些技术基础的,这份资料都绝对能帮助你提升薪资待遇,转行大模型岗位。


智泊AI始终秉持着“让每个人平等享受到优质教育资源”的育人理念,通过动态追踪大模型开发、数据标注伦理等前沿技术趋势,构建起"前沿课程+智能实训+精准就业"的高效培养体系。
课堂上不光教理论,还带着学员做了十多个真实项目。学员要亲自上手搞数据清洗、模型调优这些硬核操作,把课本知识变成真本事!

如果说你是以下人群中的其中一类,都可以来智泊AI学习人工智能,找到高薪工作,一次小小的“投资”换来的是终身受益!
应届毕业生:无工作经验但想要系统学习AI大模型技术,期待通过实战项目掌握核心技术。
零基础转型:非技术背景但关注AI应用场景,计划通过低代码工具实现“AI+行业”跨界。
业务赋能 突破瓶颈:传统开发者(Java/前端等)学习Transformer架构与LangChain框架,向AI全栈工程师转型。
👉获取方式:
😝有需要的小伙伴,可以保存图片到wx扫描二v码免费领取【保证100%免费】🆓

974

被折叠的 条评论
为什么被折叠?



