mcpField
C
cover-image

cover-image

github.com/notedit创意与媒体34083 次安装34 周前更新
代码仓库

关于 cover-image

cover-image 是一款根据文章生成封面图的技能,适合需要制作博客、社交媒体或公众号配图的创作者。它可调整多项视觉参数、支持中文文字,并提供多种图像生成服务商选项。

主要功能

  1. 01根据文章内容生成封面
  2. 02自定义类型、配色与渲染风格
  3. 03设置文字、字体、情绪和宽高比
  4. 04支持中文文字渲染
  5. 05可选 Qwen、OpenAI 或 Google

适用场景

  1. 01为博客文章生成宽屏封面
  2. 02制作公众号或社交媒体配图
  3. 03用参考图指导封面风格与构图

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/notedit/happy-skills --skill cover-image

安装后在 Claude Code 中输入/cover-image确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

references/
auto-selection.md
style-presets.md
types.md
visual-elements.md
references/dimensions/
font.md
mood.md
text.md
references/palettes/
cool.md
dark.md
earth.md
elegant.md
mono.md
pastel.md
retro.md
vivid.md
warm.md
references/renderings/
chalk.md
digital.md
flat-vector.md
hand-drawn.md
painterly.md
pixel.md
references/workflow/
confirm-options.md
prompt-template.md
qwen-api.md
reference-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...>用于风格和构图参考的图片

服务提供方

服务提供方模型文本渲染中文支持价格
qwenqwen-image-plus出色原生支持中文0.2 CNY/张
openaigpt-image-1良好有限~$0.04/张
googlegemini-2.0-flash-exp良好有限提供免费额度
服务提供方选择逻辑
  1. 指定了 --provider -> 使用指定的服务提供方
  2. 检测到中文标题 -> 自动选择 qwen
  3. 提供了参考图片 -> 使用 google 或 openai
  4. 默认 -> 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

适用于结合参考图片进行多模态生成。

环境变量:GOOGLE_API_KEY

支持的尺寸:支持多种宽高比

五个维度

维度取值默认值
类型hero、conceptual、typography、metaphor、scene、minimalauto
调色板warm、elegant、cool、dark、earth、vivid、pastel、mono、retroauto
渲染风格flat-vector、hand-drawn、painterly、digital、pixel、chalkauto
文本none、title-only、title-subtitle、text-richtitle-only
情绪subtle、balanced、boldbalanced
字体clean、handwritten、serif、displayclean

自动选择规则: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 步:分析内容
  1. 保存参考图片(如果有提供)-> references/workflow/reference-images.md
  2. 保存源内容(如果是粘贴的,保存到 source.md)
  3. 分析内容:主题、语气、关键词、视觉隐喻
  4. 深入分析参考资料:提取具体、明确的元素
  5. 检测语言:比较源内容和用户输入
  6. 确定输出目录:遵循文件结构规则
  7. 自动选择提供方:依据语言和参考资料
第 2 步:确认选项

完整确认流程:references/workflow/confirm-options.md

条件跳过仍需询问
--quick6 个维度 + 提供方纵横比(除非指定 --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 步:生成图片
  1. 备份现有的 cover.png(如果重新生成)
  2. 根据语言和选项选择提供方
  3. 处理提示词 frontmatter 中的参考资料:
    • direct 用法 -> 直接传入参考图片(仅限 google/openai)
    • style/palette -> 提取特征并追加到提示词
  4. 通过提供方 API生成:
    • Qwen:向 dashscope API 发送 POST 请求,并轮询结果
    • OpenAI:使用 ImageGen 工具或 API
    • Google:使用带参考图片的 ImageGen 工具
  5. 失败时:自动重试一次
第 5 步:调整平台尺寸

将生成的图片调整为目标平台尺寸:

平台目标尺寸纵横比
公众号封面900x3832.35:1
博客/视频1920x108016:9
小红书1080x10801:1
手机海报1080x14403: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_KEYQwen(默认)https://bailian.console.aliyun.com
OPENAI_API_KEYOpenAIhttps://platform.openai.com
GOOGLE_API_KEYGooglehttps://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

评论

支持 Markdown