1- 用 AI 把微信聊天记录变成可视化报告，酷到封神

原创 作者：数字生命卡兹克

我之前拉了一个 AI 自媒体的群，就…同行交流，互相学习。

很快就 500 人了，然后里面这群人，每天就话不停。

几小时不看，里面就是 99+。

真的，爬楼爬不动了，信息太多也是一种负担。。。（不是打广告，群已经满了，找我加也进不去。。。）

直到前几天，即梦 3.0 内测的那天，突然有个群友，在晚上 11 点，发了一张图出来。那张图是这样的。

是我们整个群一天的聊天记录汇总，还是可视化的，而且分门别类，还有每日金句和云图，超级有意思。

这个群友，叫 @Simon 的精神世界。

他说，他之所以想做这个东西，也是因为群里消息太多了。。。他是在爬楼爬不过来，那不如，就自己手搓一个。

我问他，是怎么做的，他直接给我开了个飞书会议，分享了 20 分钟。

在得到他的授权后，我也想，把这个做法，分享给大家。

不止可以总结群，你跟女朋友、领导、基友的聊天记录，也都可以总结。

真的，酷到封神。

做这样一个可视化的微信聊天记录总结，一共可以分为三步。

1. 导出微信聊天记录。
2. 让 AI 根据聊天记录生成网页代码。
3. 将代码运行变成可视化网页/图片。

我们一步一步来说，保证手把手教会你。很简单的。

1.1- 一. 导出微信聊天记录

中所周知，微信的聊天记录是加密的，很多人其实都卡在这一步，不知道怎么把微信的聊天记录导出出来。

同时，还怕会有数据泄露风险。

@Simon 的精神世界 给我推荐了一个很傻瓜简单的工具。

叫 MemoTrace，留痕。

数据风险肯定也是我非常关心的，所以在用之前，我把作者的播客、过往两年的资料还有一些评论信息全部在网上遍历了一遍，没看到啥负面，同时也进行了断网测试，也找了某实验室做安全的大佬看了一下，没发现有啥问题。

然后，我自己才敢用，也才敢在这里写出来。

项目网址在此：https://github.com/LC044/WeChatMsg/?tab=readme-ov-file

在项目中，可以进入官网直接下载，目前比较蛋疼是，mac 不支持。

所以，需要有一台 Windows 电脑。在网页里面，下载 2.1.1 版本，上面大字写了，小白用户请不要下载测试版。。。

正常下载完成安装。

在保持微信已经打开正在运行的状态，打开软件，你会看到一个没有那么精致的 UI。

别看有那么多乱七八糟的信息，你其实根本不需要管那些东西，正常情况下你没魔改过微信的话，第一次使用，你只需要先点击获取信息。

然后，你就会发现，你的手机号、昵称、微信的 ID 被抓出来了。紧接着，点解析数据这个按钮就行。

速度一般很快，我是 5080 的显卡，几秒就全部解析完了。

然后，它就会给你复刻了一个，使用微信的 UI 界面。

有一说一，虽然安装完刚打开的那个 UI 有点丑，但是这个界面，我还是真的很喜欢的，非常的直观，符合用户的预期，简直就是 UI 设计中所见即所得的典范。。。

第一个聊天框，就是那个天天刷屏的 AI 自媒体群。

我写这篇文章的时间是 4 月 8 日凌晨 1 点 56，他们居然还有人在里面聊天。。。

我们直接点击群聊右上角的导出聊天记录，选择这个 AI 对话专用 TXT。

这个专用的 TXT，你可以理解为做了一些数据清洗，把一些跟 AI 对话无关的信息比如时间等等都给剔除了，只留了每天的日期信息，同时还做了一些格式的排列，让大模型更好识别。

所以，无脑导出这个就行，因为我们总结和可视化聊天记录，也不需要那些精确到几分几秒的时间信息，更多的是看每天的内容总结，这个时间维度几乎就够了。

点击以后，会弹出一个弹窗。可以选择消息类型和时间周期，我一般就会把除了文本、分享卡片、文件啥的都勾掉，那些变成文本以后本身也没用，都是垃圾信息。

时间的话你可以自己选，我建议还是圈定一下范围，不要一次性导出全部时间，要不然…你的电脑可能会卡死。。。

全部搞定以后，点击开始，没几秒就会给你一个弹窗。

你就可以点击打开，跳转到聊天记录存储的文件夹下面，看到那个聊天记录的 txt 文件。

双击打开，你就能看到，这个文件是这样子的。

至此，第一步我们搞定。

你已经有了，能扔给 AI 最牛逼的原料，同时，最难的一步已经完成了。

后面的步骤，更加简单傻瓜。

1.2- 让 AI 根据聊天记录生成网页代码

得益于之前 Claude 3.7 的更新，以及藏师傅的发明和教程，AI 把任意信息，转成可视化网页这一流派发扬光大。

它能做到传统拼图或者总结，所远远达不到的精致效果。

而这次的思路，其实也是基于藏师傅可视化网页的基础上，继续生根发芽。

把聊天记录，给可视化。

只不过，跟之前的 PDF、word 等等不同的是，微信聊天记录信息太多了，在 Simon 的测试中，Claude 3.7、DeepSeek v3 这些有能力做出漂亮网页的模型，几乎都吃不下微信聊天记录这么大的文本，更别提要按格式输出一段很棒的代码了。

但是有一个模型，却在这个场景上完美的不可置信。

这就是前几天发布，但是被 GPT4o 画图爆火给淹了的 Google Gemeni 2.5 pro…

AI 界汪峰实锤。

我们可以在两个地方用到 Gemeni 2.5 pro，一个是他们的 AI Studio，一个是 Gemini 助手官网。

AI Studio：https://aistudio.google.com/

Gemini：https://gemini.google.com/app

我个人还是推荐使用 AI Studio。

一是 Gemini 上面不知道为啥，我给进去聊天记录和 Prompt，这玩意就开始乱码输出，虽然最后的 Html 代码没啥问题，但是强迫症看着是真难受。

而是 AI studio 可以直接下载 Html 代码文件，而 Gemini 只能复制，保存成文件我还得打开 Trae 自己手动处理，就非常呆逼。

所以，我们打开 AI studio，在右边把模型选成 Gemini 2.5 pro。然后，把我们的聊天记录，和 Prompt 扔进去。

Prompt 的话，Simon 直接写了一个模板，为了固定样式，他直接把样式代码也写进去了。。。

因为实在太太太太长了，763 行，我就不贴在文章里面了，我给他放到了一个 txt 里。

你直接在公众号后台，对着公众号发送消息 “wx” 就会自动发给你了。

还记得我们在第一步里，导出的微信聊天记录 txt 吗。

直接把两个文件，一起扔进去就行。

啥都不用说，你就直接扔进去就完事了。

然后 Gemini 2.5 pro 就会自己嘟嘟的推理了，你啥也不用管，喝杯咖啡尿泡尿，回来的时候，他就把代码写好了。

你拉倒最后，有复制和下载两个按钮，直接点下载就行。

你的下载文件夹里，就会出现一个名叫 code 的 HTML 文件。

至此，第二步完成。

1.3- 三. 将代码运行变成可视化网页/图片

其实如果你装了 Chrome 的话，上面那个 html 文件，是可以直接双击点开运行的。

但是它有个很大的问题，就是是个本地链接，你想把这个东西分享给别人，要么从头到尾截一张长图，要么把这个文件发给别人让别人打开。

怎么看怎么都不够优雅。

所以，我们有两种方式，分享给别人。

1. 转成一个在线的网页。
2. 直接把 html 文件转成一张长图。

转成在线的网页很简单，用之前我安利过很多次的小众产品 yourwar 就行。

网址在此：https://www.yourware.so/

直接切换到 Upload tab，把你的 html 文件上传上去。

几秒时间，一个在线的网页就搞定了。

直接点 Share，就能把这个在线的网址，分享给你的朋友，你的朋友们，也都可以打开了。

比如我总结的 4 月 7 号的聊天记录，就是这样的，你们也可以打开看看。

https://z5gw1aprhd.app.yourware.so/

另一种方式，是直接把 html 文件，转成长图，可以少几步操作步骤。

这个小公举也是在线的。

https://cloudconvert.com/html-to-png

你什么都不用管，只需要，把你的 html 文件，传上去。

点击 Convert。

等十几秒钟。它就会给你一个下载链接。

主打一个方便快捷。

除了头部的 emoji 给我干没了，其他的都挺好。。。

1.4- 写在最后

这个小教程，我个人还是觉得蛮有趣的。

感谢 @Simon 的精神世界 提供的这么棒的点子。

让大家再一次眼前一亮，哇 AI 还能做这么好玩的事。

可视化的 Prompt，别忘了直接在公众号后台，对着公众号发送消息 “wx” 就会自动发给你了。

希望大家，都能把 AI 玩出花来。

去做一些，属于自己的故事。

以上，既然看到这里了，如果觉得不错，随手点个赞、在看、转发三连吧，如果想第一时间收到推送，也可以给我个星标⭐～谢谢你看我的文章，我们，下次再见。