本文目录

公众号文章配图和帖图,可以用哪些 Skills?

最后更新:2026-10-31

文章配图、信息图和插图组成的公众号创作示意
SkillHey 原创文章配图流程示意。

一篇公众号文章需要的图片,可能是解释观点的手绘插画、真实的视频字幕拼图或一张流程图。独立发布的帖图则需要让读者离开正文也能看懂重点。先确定图片的作用,再选 Skill,会更容易得到能用的结果。

下面按使用场景整理 6 个 Skills,介绍依据公开说明,并非统一条件下的实测排名。宝玉的工具选取了信息图这一项;其他工具各有不同的侧重点。

克隆仓库查看

下方命令用于下载仓库。在 Codex 中打开并指定根目录 SKILL.md。单独克隆不会自动注册为个人 Skill,需要让 Agent 配置到其 Skills 根目录。

git clone https://github.com/yang0/handraw-style.git
使用通用跨 Agent 安装器安装 Skill。
npx skills add chengyi-ai/native-subtitle-quote-image --skill native-subtitle-quote-image
安装选项
在所选 Python 环境中安装依赖。
python3 -m pip install -r "<SKILL_DIR>/requirements.txt"
只读检查本地视频模式依赖。
python3 "<SKILL_DIR>/scripts/check_environment.py"
额外检查脚本字幕所需字体。
python3 "<SKILL_DIR>/scripts/check_environment.py" --script-mode
按作者指南安装
claude plugin marketplace add lemomo-ai/lemo-wake claude plugin install lemo-wake@lemo-wake
按作者指南安装
npx skills add cathrynlavery/diagram-design
按作者指南安装
npx skills add JimLiu/baoyu-skills --skill baoyu-infographic

Agent 支持情况

由 Skill 作者声明

SkillAgent 支持情况
Handraw Style SkillsCodex CLI
Guizang Social Cards未注明
Native Subtitle Quote ImageClaude Code, Codex CLI, Cursor, GitHub Copilot, DeepSeek Harness, Gemini CLI, Grok Build, Hermes Agent, OpenCode, Pi, Kiro, Rovo Dev, Qoder, Mistral Vibe, Google Antigravity
Lemo-WakeClaude Code
Diagram DesignClaude Code, Codex CLI, Cursor, GitHub Copilot, DeepSeek Harness, Gemini CLI, Grok Build, Hermes Agent, OpenCode, Pi, Kiro, Rovo Dev, Qoder, Mistral Vibe, Google Antigravity
Infographic CreatorClaude Code, Codex CLI

完整列表为作者声明,并非测试结果。

按使用场景选择

你要做的图片 推荐 Skill 典型场景
手绘插画、整篇文章配图 Handraw Style 为知识文章统一画风,规划插图与位置
公众号封面、图文卡片 Guizang Social Cards 把文章重点和截图做成杂志风卡片、封面组合
视频台词、字幕长图 Native Subtitle Quote Image 将访谈或演讲片段拼成可追溯时间点的配图
循环动图、图片分层 Lemo-Wake 让现有插画产生短循环,或拆成可编辑图层
流程图、架构图、数据图表 Diagram Design 用统一品牌风格解释步骤、系统或数据
一张知识信息图 Infographic Creator 将清单、比较或知识要点整理成一张图

1. Handraw Style:手绘插画与整篇配图

Handraw Style 是一套视觉创作工具,包含手绘风格、图型和配色参考,也有文章配图、封面和海报等具体流程。你可以给它全文,让它识别适合用图解释的段落,再规划插图位置与统一画风;也可以只提供一个主题,制作单张手绘信息图或社交卡片。

Handraw Style 作者的手绘信息图版式画廊
Handraw Style 作者 yang0 的手绘信息图画廊。原项目

**适合这样用:**写一篇《如何开始手冲咖啡》,让它在研磨粗细、注水步骤和成品三个位置分别规划配图,统一纸张质感和配色。咖啡粉量、比例与时间由作者提供并核对。

安装时保留完整仓库与共享图库;提示词可以独立生成,实际出图需要可用的图片工具或模型。仓库有署名要求,使用前查看许可条款。

2. Guizang Social Cards:公众号封面与内容卡片

Guizang Social Cards 擅长将文章、产品信息和截图组织成瑞士风或杂志编辑风的图文卡片,也支持公众号封面组合。它的公众号封面流程会同时设计横版主封面和方形封面,便于检查同一主题在不同裁切中的表现。

归藏社交卡片项目中的杂志风图文卡片示例
Guizang Social Cards 原项目展示的社交卡片示例。原项目

**适合这样用:**写一篇产品更新文章,提供产品截图、文章标题和三条核心变化,让它制作一组可独立发布的帖图,再为公众号设计横版与方形封面。真实截图要保持可辨认,不能用示意图冒充产品画面。

按上游说明准备渲染环境与所需素材;交付后在公众号后台检查实际裁切和手机显示。

3. Native Subtitle Quote Image:把视频片段做成字幕长图

Native Subtitle Quote Image 从视频中选取真实画面,将关键台词拼成图片,适合访谈、演讲、课程和纪录内容的摘录。原生模式裁切画面里已烧录的字幕,不重新绘字;脚本模式则在真实画面上添加核对过的台词或翻译,并标明是后期字幕。输出图片带有对应时间点,便于回查上下文。

Native Subtitle Quote Image 官方封面中的视频字幕拼图示例
作者提供的字幕拼图示例墙,包含原生字幕和后期添加的字幕。原项目

**适合这样用:**公众号文章引用一段访谈时,提供有权使用的视频和想引用的时间范围,制作一张主画面加数条字幕的拼图。核对说话人、台词顺序及前后语境,较长内容分成多张,避免字幕太小。

本地处理需要 Python 3.10+、Pillow 和 FFmpeg 或 imageio-ffmpeg;链接输入另需相关下载工具。素材使用权应单独确认。

4. Lemo-Wake:让现有图片动起来

Lemo-Wake 包含两个流程:Wake 把现有图片制作成约五秒的无缝循环,Layers 将人物、物体或文字拆分为 PSD、PNG 图层和位置清单。它适合已经有一张满意的图片,希望增加轻微动作或继续分层调整的情况。

Lemo-Wake 作者提供的图片动画示例合集
Lemo-Wake 作者提供的动态示例;项目采用非商业许可。原项目

**适合这样用:**给文章中的手绘咖啡杯加一点蒸汽或轻微晃动,导出循环动图;也可以把一张海报拆成图层,交给设计师继续调整。输出后检查循环接缝、文字清晰度和公众号后台实际支持的格式。

作者支持的宿主是 Claude Code,本地运行需要 Node.js、FFmpeg、Python 依赖和无头 Chromium 等。该项目采用 CC BY-NC 4.0,要求署名且仅限非商业使用;商业用途须联系作者取得授权。

5. Diagram Design:把关系画清楚

Diagram Design 适合制作流程图、架构图、时间线和数据图表,并能按品牌配色和字体统一风格。它可以从文字需求开始,也可以重绘已有 Mermaid、draw.io 或 Excalidraw 源文件。主要输出是包含 SVG 的 HTML,也支持导出 SVG 和 PNG。

Diagram Design 作者演示架构图制作与图解重绘
Diagram Design 作者提供的图解制作与重绘演示。原项目

**适合这样用:**写一篇解释 AI 产品工作流程的文章,把“用户输入 → 模型处理 → 人工审核 → 发布”画成一张流程图;较复杂的内容可以拆成总览和局部详图。检查箭头方向、术语和手机上的字号。

默认字体可能来自 Google Fonts;需要离线使用可要求系统字体。官方 PNG 导出流程需要 Python、Playwright 和 Chromium。

6. Infographic Creator:把要点压缩成一张信息图

Infographic Creator 是宝玉工具集中适合这篇文章的一个选择:它将已有资料整理为信息图,并提供不同布局和视觉风格,适合在文章中做步骤总结、知识对比或概念总览。

宝玉信息图工具的家具组装步骤图示例
宝玉项目提供的家具组装步骤信息图示例。原项目

**适合这样用:**把一篇关于居家应急准备的文章整理成“事前准备、遇到状况、事后检查”三栏图,插入文章或作为独立帖图发布。先给出经过核实的原文和关键数字,再明确哪些信息必须保留;生成后逐项核对标签与内容。

生成图片需要可用的图片工具或受支持的服务,权限和费用取决于服务商。信息较多时拆成几张,避免为了塞入一张图而牺牲可读性。

文章配图和帖图:怎样组合使用

一篇访谈文章可以用 Native Subtitle Quote Image 保留受访者的真实画面和台词,再用 Diagram Design 解释受访者提到的流程,最后用 Guizang 制作封面。知识科普文章或独立帖图则可以用 Handraw Style 统一插画风格,用 Infographic Creator 总结重点;如果需要动图,再考虑 Lemo-Wake 的许可和输出格式。

无论选择哪一种,先给 Agent 文章、目标读者、用途、希望保留的文字和视觉参考。让它先列出图片的位置与内容,再制作;交付前检查事实、字幕、授权、清晰度和手机预览。

请为这篇公众号文章或独立帖图规划图片,读者是[目标读者]。
我希望使用[手绘插画/字幕拼图/流程图/信息图/封面],
用于[正文位置、独立帖图或封面],风格参考是[描述或已有素材]。
先列出每张图的位置、用途、内容和必须准确保留的文字,
不要添加原文没有的事实。确认方案后再制作,
最后检查图片文字、素材来源和手机上的可读性。

[粘贴文章]

如果还需要选题、写作和排版,可继续阅读公众号文章 Skills:从选题到排版。

相关文章

浏览所有 Images AI Skill →