前言¶
做公衆號配圖、案例展示或產品介紹時，經常需要一張像樣的微信聊天截圖。自己用圖片編輯器拼，頭像對不齊、氣泡圓角和陰影不對、狀態欄和導航欄不逼真，改幾輪就很費時間。下面介紹的這個 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。
