关于 cover-image
cover-image 是一款根据文章生成封面图的技能,适合需要制作博客、社交媒体或公众号配图的创作者。它可调整多项视觉参数、支持中文文字,并提供多种图像生成服务商选项。
主要功能
- 01根据文章内容生成封面
- 02自定义类型、配色与渲染风格
- 03设置文字、字体、情绪和宽高比
- 04支持中文文字渲染
- 05可选 Qwen、OpenAI 或 Google
适用场景
- 01为博客文章生成宽屏封面
- 02制作公众号或社交媒体配图
- 03用参考图指导封面风格与构图
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ notedit/ happy-skills --skill cover-image安装后在 Claude Code 中输入/cover-image确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
references/auto-selection.mdstyle-presets.mdtypes.mdvisual-elements.mdreferences/dimensions/font.mdmood.mdtext.mdreferences/palettes/cool.mddark.mdearth.mdelegant.mdmono.mdpastel.mdretro.mdvivid.mdwarm.mdreferences/renderings/chalk.mddigital.mdflat-vector.mdhand-drawn.mdpainterly.mdpixel.mdreferences/workflow/confirm-options.mdprompt-template.mdqwen-api.mdreference-images.md详细介绍
封面图片生成器
通过 5 个维度自定义,生成精美的文章封面图片。支持中文文本渲染。
用法
# Auto-select dimensions based on content
/cover-image path/to/article.md
# Quick mode: skip confirmation
/cover-image article.md --quick
# Specify dimensions
/cover-image article.md --type conceptual --palette warm --rendering flat-vector
# WeChat Official Account cover
/cover-image article.md --aspect 2.35:1
# Specify provider
/cover-image article.md --provider qwen
# Use style preset
/cover-image article.md --style tech-dark
# Large font for better visibility
/cover-image article.md --font-size large
# Generate multiple options
/cover-image article.md --n 3
# With reference images (Google/OpenAI only)
/cover-image article.md --ref style-ref.png
# Direct content input
/cover-image --palette mono --aspect 1:1 --quick
[paste content]
选项
| 选项 | 说明 |
|---|---|
--type <name> | hero、conceptual、typography、metaphor、scene、minimal |
--palette <name> | warm、elegant、cool、dark、earth、vivid、pastel、mono、retro |
--rendering <name> | flat-vector、hand-drawn、painterly、digital、pixel、chalk |
--text <level> | none、title-only、title-subtitle、text-rich |
--mood <level> | subtle、balanced、bold |
--font <name> | clean、handwritten、serif、display |
--font-size <size> | small、medium(默认)、large、xlarge |
--aspect <ratio> | 16:9(默认)、2.35:1(公众号封面)、4:3、3:2、1:1、3:4 |
--provider <name> | qwen(默认)、openai、google |
--style <preset> | tech-dark、tech-clean、lifestyle-warm、business-elegant、announcement-bold、minimal-zen、creative-playful、retro-vintage |
--lang <code> | 标题语言(en、zh、ja 等) |
--no-title | --text none 的别名 |
--n <count> | 要生成的图片数量(1-4) |
--quick | 跳过确认,使用自动选择 |
--ref <files...> | 用于风格和构图参考的图片 |
服务提供方
| 服务提供方 | 模型 | 文本渲染 | 中文支持 | 价格 |
|---|---|---|---|---|
qwen | qwen-image-plus | 出色 | 原生支持中文 | 0.2 CNY/张 |
openai | gpt-image-1 | 良好 | 有限 | ~$0.04/张 |
google | gemini-2.0-flash-exp | 良好 | 有限 | 提供免费额度 |
服务提供方选择逻辑
- 指定了
--provider-> 使用指定的服务提供方 - 检测到中文标题 -> 自动选择
qwen - 提供了参考图片 -> 使用
google或openai - 默认 ->
qwen
Qwen-Image(默认)
最适合中文文本渲染。原生支持中文字符。
API 端点:https://dashscope.aliyuncs.com/api/v1/services/aigc/text2image/image-synthesis
环境变量:DASHSCOPE_API_KEY
支持的尺寸:1664*928、1024*1024、928*1664、1472*1104、1104*1472
OpenAI
适用于英文文本和创意设计。
环境变量:OPENAI_API_KEY
支持的尺寸:1024x1024、1536x1024、1024x1536
适用于结合参考图片进行多模态生成。
环境变量:GOOGLE_API_KEY
支持的尺寸:支持多种宽高比
五个维度
| 维度 | 取值 | 默认值 |
|---|---|---|
| 类型 | hero、conceptual、typography、metaphor、scene、minimal | auto |
| 调色板 | warm、elegant、cool、dark、earth、vivid、pastel、mono、retro | auto |
| 渲染风格 | flat-vector、hand-drawn、painterly、digital、pixel、chalk | auto |
| 文本 | none、title-only、title-subtitle、text-rich | title-only |
| 情绪 | subtle、balanced、bold | balanced |
| 字体 | clean、handwritten、serif、display | clean |
自动选择规则:references/auto-selection.md
图库
类型:hero、conceptual、typography、metaphor、scene、minimal
-> 详情:references/types.md
调色板:warm、elegant、cool、dark、earth、vivid、pastel、mono、retro
-> 详情:references/palettes/
渲染风格:flat-vector、hand-drawn、painterly、digital、pixel、chalk
-> 详情:references/renderings/
文本级别:none(纯视觉)| title-only(默认)| title-subtitle | text-rich(含标签)
-> 详情:references/dimensions/text.md
情绪级别:subtle(低对比度)| balanced(默认)| bold(高对比度)
-> 详情:references/dimensions/mood.md
字体:clean(无衬线)| handwritten(手写体)| serif(衬线体)| display(粗体装饰字体)
-> 详情:references/dimensions/font.md
文件结构
根据 default_output_dir 偏好设置输出目录:
same-dir:{article-dir}/imgs-subdir:{article-dir}/imgs/independent(默认):cover-image/{topic-slug}/
<output-dir>/
├── source-{slug}.{ext} # Source files
├── refs/ # Reference images (if provided)
│ ├── ref-01-{slug}.{ext}
│ └── ref-01-{slug}.md # Description file
├── prompts/cover.md # Generation prompt
└── cover.png # Output image
Slug:2-4 个单词,使用 kebab-case。若发生冲突:追加 -YYYYMMDD-HHMMSS
工作流
进度清单
Cover Image Progress:
- [ ] Step 1: Analyze content + save refs + determine output dir
- [ ] Step 2: Confirm options (6 dimensions + provider) unless --quick
- [ ] Step 3: Create prompt
- [ ] Step 4: Generate image
- [ ] Step 5: Resize for platform (if needed)
- [ ] Step 6: Completion report
第 1 步:分析内容
- 保存参考图片(如果有提供)-> references/workflow/reference-images.md
- 保存源内容(如果是粘贴的,保存到
source.md) - 分析内容:主题、语气、关键词、视觉隐喻
- 深入分析参考资料:提取具体、明确的元素
- 检测语言:比较源内容和用户输入
- 确定输出目录:遵循文件结构规则
- 自动选择提供方:依据语言和参考资料
第 2 步:确认选项
完整确认流程:references/workflow/confirm-options.md
| 条件 | 跳过 | 仍需询问 |
|---|---|---|
--quick | 6 个维度 + 提供方 | 纵横比(除非指定 --aspect) |
已指定全部 6 个维度 + --aspect + --provider | 全部 | 无 |
第 3 步:创建提示词
保存到 prompts/cover.md。模板:references/workflow/prompt-template.md
重要 - Frontmatter 中的参考资料:
- 保存到
refs/的文件 -> 添加到 frontmatter 的references列表 - 通过口头描述提取的风格(无文件)-> 省略
references,在正文中描述 - 写入前 -> 验证:
test -f refs/ref-NN-{slug}.{ext}
正文中的参考元素必须详细说明,使用“MUST”/“REQUIRED”作为前缀,并说明整合方式。
第 4 步:生成图片
- 备份现有的
cover.png(如果重新生成) - 根据语言和选项选择提供方
- 处理提示词 frontmatter 中的参考资料:
direct用法 -> 直接传入参考图片(仅限 google/openai)style/palette-> 提取特征并追加到提示词
- 通过提供方 API生成:
- Qwen:向 dashscope API 发送 POST 请求,并轮询结果
- OpenAI:使用 ImageGen 工具或 API
- Google:使用带参考图片的 ImageGen 工具
- 失败时:自动重试一次
第 5 步:调整平台尺寸
将生成的图片调整为目标平台尺寸:
| 平台 | 目标尺寸 | 纵横比 |
|---|---|---|
| 公众号封面 | 900x383 | 2.35:1 |
| 博客/视频 | 1920x1080 | 16:9 |
| 小红书 | 1080x1080 | 1:1 |
| 手机海报 | 1080x1440 | 3:4 |
第 6 步:完成报告
Cover Generated!
Provider: [provider]
Topic: [topic]
Type: [type] | Palette: [palette] | Rendering: [rendering]
Text: [text] | Mood: [mood] | Font: [font] | Aspect: [ratio]
Title: [title or "visual only"]
Language: [lang]
References: [N images or "extracted style" or "none"]
Location: [directory path]
Files:
- source-{slug}.{ext}
- prompts/cover.md
- cover.png
- cover-{platform}.png (if resized)
构图原则
- 留白:40-60%,营造呼吸感
- 视觉锚点:主体居中或偏左
- 人物:简化的剪影;禁止使用写实人物
- 标题:使用用户/源内容中的确切标题;绝不自行编造
纵横比
| 比例 | 平台 | 使用场景 |
|---|---|---|
2.35:1 | 微信公众号封面 | 公众号首图,900x383px |
16:9 | 通用宽屏 | 博客、视频封面 |
1:1 | 社交媒体 | 微博、小红书、Instagram |
4:3 | 经典比例 | 演示文稿、传统媒体 |
3:2 | 摄影标准 | 照片风格封面 |
3:4 | 竖版 | 手机端、海报 |
环境变量
| 变量 | 适用对象 | 获取地址 |
|---|---|---|
DASHSCOPE_API_KEY | Qwen(默认) | https://bailian.console.aliyun.com |
OPENAI_API_KEY | OpenAI | https://platform.openai.com |
GOOGLE_API_KEY | https://aistudio.google.com |
References
Dimensions: text.md | mood.md | font.md Palettes: references/palettes/ Renderings: references/renderings/ Types: references/types.md Style Presets: references/style-presets.md Auto-Selection: references/auto-selection.md Visual Elements: references/visual-elements.md Workflow: confirm-options.md | prompt-template.md | reference-images.md | qwen-api.md