参考图生成公众号封面与分享图

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

给一张参考图,生成公众号封面 900×383、分享图 1200×960,可选正文横版 1080×720 与竖版 1080×1440 贴图。默认用内置参考图,传 --ref 则用新参考图;先用 Qwen-Image 2.1 参考图编辑生成备选插画,再套 HUD 科技风 HTML 模板精确截屏,中文一个不差,超过 1MB 自动转 JPEG。内含 ComfyUI 生成脚本、四套精确像素模板、参考图回退规则、manifest 与离线回归测试。什么时候用:给公众号文章配封面/分享图、把一张参考图延展成整套视觉、后续写文章时直接调用。不用于:纯排版发布、深度调研、视频生成。

一句话选型结论

按资料字段整理

参考图生成公众号封面与分享图是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_5dea5c46/wechat-ref-visual
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_5dea5c46仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验2026-11-06上游最后核验时间 · 数据更新 2026-11-06
正文体量9.4 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
参考图生成公众号封面与分享图当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

9.4 KB
模型实际读到的说明书原文,来自技能仓库

参考图生成公众号封面与分享图

一句话:参考图 → 备选插画 → 模板截屏 → 封面/分享图/贴图 → manifest 验收。

4 句可直接复制的开场白

  1. 「用这张参考图生成一套公众号封面和分享图:封面 900×383,分享图 1200×960」
  2. 「没有新参考图,就用技能内置的,生成一套 HUD 科技风封面和分享图」
  3. 「参考图在_,主题是_,生成封面、5:4 分享图,再配一张竖版正文贴图」
  4. 「只预演不要出图:参考图____,告诉我用哪些模型、尺寸和提示词」

什么时候用我 / 什么时候别用我

用我:给公众号文章配封面与分享图;把一张人物/产品参考图延展成整套视觉;需要精确像素、中文排版不出错;后续写文章时直接调用参考图视觉流程。

别用我:已有排版 HTML、只想发布;多源深度调研;视频生成;纯平面海报设计。

依赖

  1. ComfyUI + Qwen-Image 2.1(仅 generate 需要):默认 API http://127.0.0.1:8188,模型名在 scripts/config.json 的 comfyui 段。10GB 显存可跑 1344×768 / 768×1344。
  2. Chrome 或 Edge(compose 截屏用),路径在 scripts/config.json 的 chrome 段。
  3. Python 3.8+:pip install pillow。
  4. 在项目根目录运行脚本;输出路径按你传入的 --out 解析。

流程(五步)

① 选参考图 → ② 生成备选插画 → ③ 挑图 → ④ 套模板出封面/分享图 → ⑤ manifest 验收

① 选参考图:有新参考图就传 --ref;没有就省略,自动用内置 assets/reference/sapphire-queen-ref.png。脚本会打印实际使用的参考图、来源(explicit / bundled)和 sha256。SkillHub 包不收二进制文件,内置参考图以 sapphire-queen-ref.b64.txt(JPEG q92 压缩副本)随包分发,首次运行会自动还原成图片文件再使用。

② 生成备选插画(每条 3 张,默认种子已内置):

# 封面:横版 1344×768
python <本skill>/scripts/visual.py generate --kind cover --ref E:\path\新参考图.png --out pic\<slug>\art-cover

# 分享图:竖版 768×1344
python <本skill>/scripts/visual.py generate --kind share --out pic\<slug>\art-share

# 可选:正文横版 / 竖版贴图
python <本skill>/scripts/visual.py generate --kind inline --out pic\<slug>\art-inline
python <本skill>/scripts/visual.py generate --kind inline-portrait --out pic\<slug>\art-inline-portrait

没有新参考图时,去掉 --ref 即可。只想看计划、不联网:

python <本skill>/scripts/visual.py generate --kind cover --out pic\<slug>\art-cover --dry-run

③ 挑图:逐张看原图。优先选主体一致性高、无文字/水印、构图留白符合模板、脸和手没有明显崩坏的那张。封面选主体在左、右侧干净的;分享图选主体完整、竖版构图稳的。

④ 套模板(HTML 截屏,精确像素):

# 封面 900×383
python <本skill>/scripts/visual.py compose --kind cover `
  --art pic\<slug>\art-cover\cover-a-s20261221.png `
  --out pic\<slug>\封面-900x383.png `
  --h1 "标题第一行\n标题第二行" --sub "一句话副标题" --pill "封面" `
  --code "REFERENCE / COVER / 900×383" `
  --meta "COVER 900×383 / SHARE 1200×960 / LOCAL ONLY" `
  --manifest pic\<slug>\封面.manifest.json

# 分享图 1200×960(三张插画;只传 --art1 会三张复用同一张)
python <本skill>/scripts/visual.py compose --kind share `
  --art1 pic\<slug>\art-share\share-a-s20261231.png `
  --art2 pic\<slug>\art-share\share-b-s20261232.png `
  --art3 pic\<slug>\art-share\share-c-s20261233.png `
  --out pic\<slug>\分享图-1200x960.png `
  --h1 "标题第一行\n标题第二行" --badge "公众号 · 视觉套图" `
  --eyebrow "REFERENCE / COVER + SHARE" `
  --code "COVER 900×383 · SHARE 1200×960" `
  --manifest pic\<slug>\分享图.manifest.json

# 可选:正文贴图
python <本skill>/scripts/visual.py compose --kind inline --art <插画> --out pic\<slug>\贴图-1080x720.png --h1 "标题\n贴图"
python <本skill>/scripts/visual.py compose --kind inline-portrait --art <插画> --out pic\<slug>\贴图-1080x1440.png --h1 "标题\n分享图"
  • --h1 支持真实换行和字面量 \n;标题过长会自动缩小字号,缩到下限仍放不下会直接报错,不会静默丢字。
  • 单行建议:封面 ≤6 个汉字、分享图 ≤8 个、横版/竖版贴图 ≤6 个(见排障表)。
  • compose 默认阈值读 scripts/config.json:封面 800KB、其它 1000KB;超过自动转 JPEG 并改用 .jpg;--max-kb 0 关闭。
  • 输出路径写 .jpg 时也会强制转 JPEG;用户文案里的 < > & 会自动转义。
  • 其余文案参数均可省略:--badge --eyebrow --pill --meta --tag --serial --stamp --year --vlabel --meta1 --meta2 --fig --mode --readout-k --readout-num --readout-unit,compose --help 可查全量。

⑤ 验收:

python <本skill>/scripts/visual.py verify --kind cover --file pic\<slug>\封面-900x383.png
python <本skill>/scripts/visual.py verify --kind share --file pic\<slug>\分享图-1200x960.jpg

verify 返回实际尺寸、字节数、sha256 和 ok;尺寸必须是 900×383 / 1200×960 / 1080×720 / 1080×1440 之一。manifest 里记录了参考图、插画、模板和 sha256,可直接回填到文章素材清单的 cover 字段。

与 one-line-wechat-article 的配合

写公众号文章时,在“配图两件套”这一步直接调用本技能:

  1. 用户给了新参考图 → generate --ref <新图>。
  2. 用户没给 → 省略 --ref,用内置参考图。
  3. 先 generate 出备选,挑图后再 compose 出封面/分享图;需要正文贴图时加 inline / inline-portrait。
  4. 把 compose 产出的路径和 sha256 回填到文章素材清单的 cover 字段。

排障

症状 处理
ComfyUI 输出文件不存在 检查 scripts/config.json 的 comfyui.output 是否指向真实 ComfyUI output 目录
提交任务 400 / 节点缺失 确认 Qwen-Image 2.1 工作流可用,模型名与 config.json 一致
上传参考图失败 确认 ComfyUI 在跑,API 地址可访问;参考图必须是 PNG/JPG
截屏失败找不到浏览器 在 scripts/config.json 的 chrome 里补本机 Chrome/Edge 路径
标题溢出 / 丢字 脚本会按模板宽度自动缩字;缩到下限仍放不下会报错。单行建议:封面 ≤6 个汉字、分享图 ≤8 个、贴图 ≤6 个;太长就用 \n 拆行
输出超过限制 默认按类型自动转 JPEG(封面 800KB、其它 1000KB);仍超就降低 --jpeg-quality 或减少插画细节
PowerShell 脚本中文乱码 / unrecognized arguments .ps1 存成 UTF-8 with BOM(PowerShell 5.1 会把无 BOM 文件按 ANSI 读);终端直接粘贴命令不受影响
生成图带文字 提示词已禁止文字;仍出现就换种子重生成,不要用带字的图

本地自检

python -m unittest discover -s <本skill>/scripts/tests -v   # 29 项离线回归,不需要 ComfyUI

目录结构

SKILL.md
scripts/
  visual.py          generate / compose / verify / info 四个子命令
  config.json        Chrome 路径、四套尺寸、ComfyUI 模型名
  tools/shot.py      Chrome 无头精确截屏
  templates/         4 套 HUD 模板(封面/分享图/横版贴图/竖版贴图)
  tests/             29 项离线回归
assets/reference/
  sapphire-queen-ref.png          内置默认参考图
  sapphire-queen-ref.b64.txt      参考图 base64 副本(SkillHub 分发用,首次运行自动还原)
references/
  workflow.md        完整流程、manifest 字段、验收标准
  prompt-recipes.md  四类提示词与覆盖方式

常见问题

5 问
答案由本站依据条目字段整理
参考图生成公众号封面与分享图怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_5dea5c46/wechat-ref-visual。安装方式为未标注。装完刷新技能列表或重开客户端。

参考图生成公众号封面与分享图支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

参考图生成公众号封面与分享图权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

参考图生成公众号封面与分享图收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

参考图生成公众号封面与分享图用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 2026-11-06。