mcpField
B
baoyu-cover-image

baoyu-cover-image

github.com/tentacle-pro创意与媒体437 次安装12 周前更新
代码仓库

关于 baoyu-cover-image

baoyu-cover-image 是根据 Markdown 内容生成文章封面的技能。它引导内容创作者选择视觉参数、编写提示词、处理参考图并保存生成结果。

主要功能

  1. 01分析文章内容以确定视觉方向
  2. 02自定义图像类型、配色和渲染方式
  3. 03设置文字、氛围、字体和宽高比
  4. 04使用参考图提供视觉指导
  5. 05按指定结构保存提示词和图像

适用场景

  1. 01为文章制作封面图
  2. 02让封面风格参考指定图片
  3. 03生成无标题或含文字的封面
  4. 04更改视觉选项后重新生成封面

安装

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

$npx skills add https://github.com/tentacle-pro/skills --skill baoyu-cover-image

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

包含的文件

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

references/
auto-selection.md
base-prompt.md
compatibility.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
reference-images.md

详细介绍

封面图生成器

生成优雅的文章封面图,并支持 5 个维度的自定义。

用法

# Auto-select dimensions based on content
/baoyu-cover-image path/to/article.md

# Quick mode: skip confirmation
/baoyu-cover-image article.md --quick

# Specify dimensions
/baoyu-cover-image article.md --type conceptual --palette warm --rendering flat-vector

# Style presets (shorthand for palette + rendering)
/baoyu-cover-image article.md --style blueprint

# With reference images
/baoyu-cover-image article.md --ref style-ref.png

# Direct content input
/baoyu-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
--style <name>预设简写(参见 样式预设)
--text <level>none、title-only、title-subtitle、text-rich
--mood <level>subtle、balanced、bold
--font <name>clean、handwritten、serif、display
--aspect <ratio>16:9(默认)、2.35:1、4:3、3:2、1:1、3:4
--lang <code>标题语言(en、zh、ja 等)
--no-title--text none 的别名
--quick跳过确认,使用自动选择
--ref <files...>用于风格/构图参考的图像

五个维度

维度取值默认值
类型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

文件结构

输出目录必须为:Assets/Cover-Images/{topic-slug}/
(由于此知识库用于文本和图像内容创作,所有生成的封面图及其资源都统一存放在此处,以便与文章解耦。)

Assets/Cover-Images/{topic-slug}/
├── 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) ⚠️ unless --quick
- [ ] Step 3: Create prompt
- [ ] Step 4: Generate image
- [ ] Step 5: Completion report
流程
Input → Analyze + Save Refs → [Output Dir] → [Confirm: 6 Dimensions] → Prompt → Generate → Complete
                                             ↓
                               (skip if --quick or all specified)
  1. 保存参考图像(如果提供)→ references/workflow/reference-images.md
  2. 保存源内容(如果已粘贴,保存为 source.md)
  3. 分析内容:主题、语气、关键词、视觉隐喻
  4. 深入分析参考图像 ⚠️:提取具体、明确的元素(参见 reference-images.md)
  5. 检测语言:比较源内容和用户输入
  6. 确定输出目录:遵循文件结构规则
第 2 步:确认选项 ⚠️

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

条件跳过项仍会询问
--quick6 个维度宽高比(除非指定了 --aspect)
已指定全部 6 个维度和 --aspect全部无
步骤 3:创建提示词

保存到 prompts/cover.md。模板:references/workflow/prompt-template.md

重要:Frontmatter 中的参考资料:

  • 保存到 refs/ 的文件 → 添加到 frontmatter 的 references 列表
  • 口头提取的风格(无文件)→ 省略 references,在正文中描述
  • 写入前 → 验证:test -f refs/ref-NN-{slug}.{ext}

正文中的参考元素必须详细说明,以“MUST”/“REQUIRED”开头,并说明整合方式。

步骤 4:生成图像(使用 baoyu-image-gen)
  1. 如果要重新生成,先备份现有的 cover.png
  2. 处理提示词 frontmatter 中的参考资料:
    • direct 用法 → 通过 --ref 传入(使用支持参考图的后端)
    • style/palette → 提取特征并追加到提示词中
  3. 环境:务必明确使用共享的 .env(位于 .agents/skills/.env)来配置模型。
  4. 生成:通过统一命令执行 baoyu-image-gen:
    bun .agents/skills/baoyu-image-gen/scripts/main.ts --promptfiles <output-dir>/prompts/cover.md --image <output-dir>/cover.png --ar <aspect>
    
  5. 失败时:自动重试一次
步骤 5:完成报告
Cover Generated!

Topic: [topic]
Type: [type] | Palette: [palette] | Rendering: [rendering]
Text: [text] | Mood: [mood] | Font: [font] | Aspect: [ratio]
Title: [title or "visual only"]
Language: [lang] | Watermark: [enabled/disabled]
References: [N images or "extracted style" or "none"]
Location: [directory path]

Files:
✓ source-{slug}.{ext}
✓ prompts/cover.md
✓ cover.png

图像修改

操作步骤
重新生成备份 → 先更新提示词文件 → 重新生成
更改尺寸备份 → 确认新值 → 更新提示词 → 重新生成

构图原则

  • 留白:40-60% 的空间
  • 视觉焦点:主要元素居中或偏左
  • 人物:采用简化的剪影;禁止出现写实人物
  • 标题:使用用户/源内容中的准确标题;不得自行编造

配置

使用 .agents/skills/.env 配置模型/提供商设置。

参考资料

尺寸:text.md | mood.md | font.md 调色板:references/palettes/ 渲染效果:references/renderings/ 类型:references/types.md 自动选择:references/auto-selection.md 风格预设:references/style-presets.md 兼容性:references/compatibility.md 视觉元素:references/visual-elements.md 工作流:confirm-options.md | prompt-template.md | reference-images.md

评论

支持 Markdown