藏师傅太牛了！
一天时间复刻了 Claude 刚出的生成式 UI 功能！
AI 直接在聊天里画交互式图表，帮你解释和分析相关信息。
流式输出，边生成边渲染。
感兴趣可以在 Codepilot 里面体验，文章里有实现的方案细节：https://mp.weixin.qq.com/s/3IQIs6zP5jfdTwmT5LUJ6g
有哪些好玩的用法：
数据分析：数字终于能看懂了
比如让它画一个"美国和伊朗冲突每天成本估算"的图表。
以前 AI 给你一大段文字，数字关系根本看不清。
现在直接出图表，每部分金额多少一目了然，文字和图表混在一起输出，该解释的解释，该画的画。
小工具：写个可交互的计算器啥的
让它做一个复利计算器。
拖滑块改初始金额、改投资年限，下面的图表和数字实时变化。
这不是静态图片，是真的能交互的小工具。
贷款计算、单位换算这类东西都能做。
架构图：程序员最爱
你可以让他帮你画某个项目的架构，或者某一个实现方案的可视化。
比如这里我让它画 API 到 JWT 身份验证的完整流程。
特性对比、流程图、层级结构全是图形化的，比看文字描述理解架构快太多了。
分析线上数据
还有个玩法直接丢一个 GitHub 仓库链接给它，它自己抓数据然后可视化分析。
比如这里我就把我自己的项目地址 Codepilot 发给他让他分析。
星数、fork 数、技术栈、架构设计、核心模块，全部画成图表。
一眼就能看清楚项目全貌，比读一大段文字强多了。
可以进行交互和深度解释
这个最强的是他跟模型结合的相当紧密，不是一顿输出就完事了。
你可以跟他生成的示意图进行交互，让他进行更详细的解释。
比如这里我让他解释季风和洋流的关系。
如果我们想更详细的了解就可以点击那个洋流机制的按钮。
就会自动向当前的模型发送指令，继续帮你生成洋流机制的示意图。
当然我们可以进行更加复杂的交互，比如常见的物理数学公式的可视化。
这种对于学生来说非常好用，每个参数都可以通过滑块和输入控制，动画立刻会发生变化。
国产模型支持
Codepilot 实现之后不只是 Claude 能用。
Kimi K2.5、Minimax M2.5、Anthropic 原生模型都跑得起来。
K2.5 画的图形我觉得甚至比 Sonnet 4.6 还好看，架构分析也很详细。
如果用这个功能我推荐首选 K2.5 试试。
Invalid media: video
一天时间复刻了 Claude 刚出的生成式 UI 功能！
AI 直接在聊天里画交互式图表，帮你解释和分析相关信息。
流式输出，边生成边渲染。
感兴趣可以在 Codepilot 里面体验，文章里有实现的方案细节：https://mp.weixin.qq.com/s/3IQIs6zP5jfdTwmT5LUJ6g
有哪些好玩的用法：
数据分析：数字终于能看懂了
比如让它画一个"美国和伊朗冲突每天成本估算"的图表。
以前 AI 给你一大段文字，数字关系根本看不清。
现在直接出图表，每部分金额多少一目了然，文字和图表混在一起输出，该解释的解释，该画的画。
小工具：写个可交互的计算器啥的
让它做一个复利计算器。
拖滑块改初始金额、改投资年限，下面的图表和数字实时变化。
这不是静态图片，是真的能交互的小工具。
贷款计算、单位换算这类东西都能做。
架构图：程序员最爱
你可以让他帮你画某个项目的架构，或者某一个实现方案的可视化。
比如这里我让它画 API 到 JWT 身份验证的完整流程。
特性对比、流程图、层级结构全是图形化的，比看文字描述理解架构快太多了。
分析线上数据
还有个玩法直接丢一个 GitHub 仓库链接给它，它自己抓数据然后可视化分析。
比如这里我就把我自己的项目地址 Codepilot 发给他让他分析。
星数、fork 数、技术栈、架构设计、核心模块，全部画成图表。
一眼就能看清楚项目全貌，比读一大段文字强多了。
可以进行交互和深度解释
这个最强的是他跟模型结合的相当紧密，不是一顿输出就完事了。
你可以跟他生成的示意图进行交互，让他进行更详细的解释。
比如这里我让他解释季风和洋流的关系。
如果我们想更详细的了解就可以点击那个洋流机制的按钮。
就会自动向当前的模型发送指令，继续帮你生成洋流机制的示意图。
当然我们可以进行更加复杂的交互，比如常见的物理数学公式的可视化。
这种对于学生来说非常好用，每个参数都可以通过滑块和输入控制，动画立刻会发生变化。
国产模型支持
Codepilot 实现之后不只是 Claude 能用。
Kimi K2.5、Minimax M2.5、Anthropic 原生模型都跑得起来。
K2.5 画的图形我觉得甚至比 Sonnet 4.6 还好看，架构分析也很详细。
如果用这个功能我推荐首选 K2.5 试试。
Invalid media: video
