CodeKitHub工具介绍
这款工具会渲染一个实时预览，样式模仿 iPhone 的 iMessage 对话——你发送的消息显示为蓝色气泡，收到的消息显示为灰色气泡。
设置联系人姓名，然后逐条添加消息，并选择每条消息是"我发送"还是"收到"。
预览会随着你添加或删除消息即时更新，方便你在保存前调整出想要的对话内容。
为什么使用它？
- 在给抖音或B站剪一条“短信故事”类视频，需要一段逼真的多条消息对话来录屏滚动展示，而不是用真的短信App加一个小号对话来凑。
- 在写一个围绕虚构短信对话展开的搞笑段子或表情包，希望它看起来像是真的iMessage截图，而不是一张简单堆叠文字框的图片。
- 在做演示文稿或博客文章，需要一张示例对话截图——比如客服场景、用户体验案例分析——又不想用真人的实际聊天记录。
- 想和已经知情、愿意配合的朋友策划一个恶作剧短信对话，需要一张逼真的截图来提前布置这个玩笑。
- 想自由添加、删除、调整消息，直到对话读起来自然为止，然后自己截图就行，不需要账号、不用上传，也没有水印。
使用方法
- 在"联系人姓名"字段中输入联系人姓名。
- 输入一条消息，选择"我发送"或"收到"，然后点击"添加消息"。
- 重复操作以构建完整对话，使用"删除"移除你不需要的任何消息。
- 预览效果满意后，使用系统自带的截图工具将其保存为图片。
示例
输入
联系人：Alex——"嘿，明天我们还约吗？"（收到），"好的！6点见"（我发送）输出
一段包含两条消息的 iMessage 风格对话预览，一个灰色的接收气泡和一个蓝色的发送气泡，可以直接截图。预览会在你添加消息时实时更新，方便你在保存前查看完整对话。
对话是如何生成的
你添加的每条消息都会在实时预览中显示为一个带样式的聊天气泡。
| 消息类型 | 气泡样式 |
|---|---|
| 我发送 | 蓝色气泡，右对齐 |
| 收到 | 灰色气泡，左对齐 |
相关工具
如需更多文本和内容工具，可以试试以下这些。
让截图看起来更自然
一段模拟对话是否可信，不只取决于消息气泡本身，还取决于周围的细节是否符合真实短信对话的样子。
- 像真实对话那样让消息长度有所变化——如果来回都是长度差不多的消息，容易显得像是照着剧本打的。
- 把一个较长的想法拆成两三条连续发送的短消息，模仿人们实际发短信时的节奏，而不是一次性打一大段。
- 使用系统自带的截图工具（Windows上按Win+Shift+S，Mac上按Cmd+Shift+4）紧贴对话预览区域裁剪，而不是把整个浏览器窗口（带标签页和工具栏）都截进去。
- 做视频内容时，建议缓慢滚动录屏展示完成后的对话，而不是只截一张静态图，这样更符合“短信故事”类视频的呈现方式。
常见问题
我可以直接把对话下载为图片文件吗？
这款工具不会直接导出图片文件——预览效果满意后，请使用系统自带的截图工具（Windows 上按 Win+Shift+S，Mac 上按 Cmd+Shift+4）。这样可以让工具运行更快，也避免了服务器端的图像处理。
这款工具是用来欺骗别人的吗？
不是——这款工具旨在用于内容创作、讲故事、制作表情包，以及在双方都知道这不是真实对话的情况下进行无伤大雅的恶作剧。请负责任地使用，切勿用虚假截图来欺骗、骚扰或诈骗他人。
添加消息后可以编辑吗？
不能直接编辑——请使用列表中该消息旁的"删除"按钮将其删除，然后重新添加修改后的版本。
这款工具会保存或跟踪我的对话内容吗？
不会。对话完全在你的浏览器中生成和渲染——不会发送到服务器，也不会存储在服务器上。
这个样式是模仿特定手机或应用程序的吗？
预览样式模仿了苹果的 iMessage 应用，发送的消息显示为蓝色气泡，收到的消息显示为灰色气泡——这是一种广为人知的消息样式。
可以在消息下面加时间戳或“已送达/已读”状态吗？
不可以——工具只保留消息气泡的核心要素（联系人姓名、发送/接收样式和文字内容），不包含时间戳或送达状态这类细节，让模拟图保持简洁，而不是力求还原每一个UI元素。
一段对话能添加的消息数量有限制吗？
没有硬性上限——可以添加任意数量的消息，实时预览会随着你的编辑逐渐展示出完整的对话内容。
添加消息后可以调整顺序吗，还是只能删除重加？
目前只能删除某条消息，再在想要的位置重新添加——暂不支持拖拽调整顺序，所以最好边加边规划好顺序，如果需要在中间插入内容，可以删除并重建后面那部分。
支持多个联系人的群聊吗？
不支持——工具是围绕单个联系人姓名以及发送/接收双向对话设计的，对应的是标准的一对一iMessage对话，而不是多人参与的群聊。
可以在消息里加表情符号或表情回应吗？
由于消息内容是普通文本框，可以直接在消息文字里输入表情符号，但针对某条气泡的“轻点回应”（心形、点赞等）暂不支持——如果需要，可以之后用图片编辑工具自行添加。