前言¶
做公众号配图、案例展示或产品介绍时，经常需要一张像样的微信聊天截图。自己用图片编辑器拼，头像对不齐、气泡圆角和阴影不对、状态栏和导航栏不逼真，改几轮就很费时间。下面介绍的这个 Skill 用 Puppeteer 直接渲染出高保真的 iOS/Android 微信聊天截图，能自定义对话内容、头像、时间线、导航栏和状态栏，还能截数据对比图表。
这是什么¶
微信聊天截图生成器，坐标 @user_f5fb4ad1/wechat-screenshot，由社区开发者 user_f5fb4ad1 发布并维护，当前版本 1.0.0，来源标记为 community，分类是 design-media。它解决的问题是：用代码生成风格统一、可复现的聊天截图，而不是每次手动修图。
这个 Skill 基于通用 SKILL.md 格式，标签里带有 requires_api_key=false，也就是说不需要配置 API key 就能使用。
核心功能¶
下面这些能力来自该 Skill 的官方简介，已核实：
- 使用 Puppeteer 渲染，输出高保真 iOS/Android 微信聊天截图。
- 支持自定义对话内容，也就是左右气泡的文本可以自己填。
- 支持自定义头像，两侧联系人头像可替换。
- 支持自定义时间线，即聊天里那条分割时间的横线。
- 支持自定义导航栏和状态栏，也就是顶部标题栏和系统状态条。
- 支持数据对比图表截图，适合把图表放进聊天语境里展示。
简介里列出的适用方向是公众号文章配图、案例展示、产品介绍。
安装与启用¶
这里需要说明：已抓取的官方资料里只给出了名称、坐标、版本、来源、分类、评分和标签，没有给出具体的安装命令、目录结构或配置文件字段。因此下面不写命令，避免编造。
核实到的信息只有这些：
- 坐标：
@user_f5fb4ad1/wechat-screenshot - 官方地址：
https://api.skillhub.cn/user_f5fb4ad1/wechat-screenshot - SkillHub 页面：
https://www.skillhub.cn/skills/user_f5fb4ad1/wechat-screenshot - 版本：1.0.0
- 来源：community
- 分类：design-media
- 标签：
requires_api_key=false
要实际安装，建议打开上面的 SkillHub 页面，按页面上的安装入口操作；命令以官方页面为准。Cursor、Codex CLI、Claude Code 三类环境是否有差异，资料里没有说明，这里不写。
典型用法¶
已抓取资料没有提供可复现的调用示例或参数表，所以下面只根据简介里列出的可自定义项，说明使用时一般会涉及哪些输入。具体参数名和调用方式请以官方页面为准。
一般会用到的输入项：
- 对话内容：左右两侧气泡的文本。
- 头像：左右两侧联系人头像。
- 时间线：是否显示、显示在哪。
- 导航栏：标题文字。
- 状态栏：时间、信号、电量等显示内容。
- 平台：iOS 还是 Android，影响整体样式。
- 图表：需要数据对比图表截图时传入图表数据。
上面是能力清单，不是已核实的命令示例。
适用场景与注意¶
适合这几类人：
- 写公众号、做案例展示，需要批量出风格一致的聊天截图。
- 做产品介绍，想用聊天语境演示功能。
- 需要把数据图表放进聊天截图里做对比展示。
需要注意的点：
- 这是 community 来源的 Skill，安装前建议看一眼官方页面的最新说明。
- 它渲染的是微信聊天界面风格，不是真实聊天记录，别拿去做误导性内容。
- 渲染依赖 Puppeteer，运行环境需要能正常启动浏览器，具体环境要求以官方资料为准。
- 资料里显示安装量为 0，说明还没看到公开的大规模使用反馈，遇到问题以官方渠道为准。
结尾¶
这个 Skill 的价值在于把聊天截图从手工修图变成代码渲染，风格统一、可复现、可批量。它能自定义对话、头像、时间线、导航栏、状态栏和图表，适合公众号配图、案例展示和产品介绍。官方地址是 https://api.skillhub.cn/user_f5fb4ad1/wechat-screenshot，SkillHub 页面是 https://www.skillhub.cn/skills/user_f5fb4ad1/wechat-screenshot。
