cover-image
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseCover Image Generator
封面图生成器
Generate hand-drawn style cover images for articles with rich style and composition options.
为文章生成手绘风格的封面图，提供丰富的风格与构图选项。
Usage
使用方法
bash
undefinedbash
undefinedFrom markdown file (auto-select style based on content)
从markdown文件生成（根据内容自动选择风格）
/cover-image path/to/article.md
/cover-image path/to/article.md
Specify a style
指定风格
/cover-image path/to/article.md --style tech
/cover-image path/to/article.md --style gradient
/cover-image path/to/article.md --style tech
/cover-image path/to/article.md --style gradient
Specify a composition
指定构图
/cover-image path/to/article.md --composition hero-center
/cover-image path/to/article.md --composition hero-center
Without title text
生成无标题版本
/cover-image path/to/article.md --no-title
/cover-image path/to/article.md --no-title
Combine options
组合选项
/cover-image path/to/article.md --style editorial --composition split --no-title
/cover-image path/to/article.md --style editorial --composition split --no-title
From direct text input
从直接文本输入生成
/cover-image
[paste content or describe the topic]
undefined/cover-image
[paste content or describe the topic]
undefinedOptions
选项说明
| Option | Description |
|---|---|
| Specify cover style (see Style Gallery below) |
| Specify layout composition (see Composition Gallery below) |
| Generate cover without title text (visual only) |
| 选项 | 描述 |
|---|---|
| 指定封面风格（见下方风格库） |
| 指定布局构图（见下方构图库） |
| 生成无标题文本的封面（仅视觉图） |
Style Gallery
风格库
Core Styles
核心风格
| Style | Description | Best For |
|---|---|---|
| Refined, sophisticated, understated | Business, thought leadership, professional |
| Modern, clean, futuristic with glow effects | AI, coding, digital, algorithms |
| Friendly, approachable, human-centered | Personal growth, lifestyle, education |
| High contrast, attention-grabbing, energetic | Opinion pieces, controversial, urgent |
| Ultra-clean, zen-like, maximum whitespace | Philosophy, focus, essentialism |
| Fun, creative, whimsical doodles | Tutorials, beginner guides, casual |
| Organic, calm, earthy tones | Sustainability, wellness, outdoor |
| Vintage, nostalgic, aged textures | History, retrospectives, classic topics |
| 风格 | 描述 | 适用场景 |
|---|---|---|
| 精致、考究、低调 | 商业、思想领导力、专业类文章 |
| 现代、简洁、带发光效果的未来感风格 | AI、编程、数字技术、算法类文章 |
| 友好、亲切、以人为本 | 个人成长、生活方式、教育类文章 |
| 高对比度、吸睛、充满活力 | 观点类、争议性、紧急主题文章 |
| 极简、禅意、留白最大化 | 哲学、专注力、极简主义类文章 |
| 有趣、创意、奇趣涂鸦风格 | 教程、入门指南、休闲类文章 |
| 有机、平和、大地色系 | 可持续发展、健康养生、户外类文章 |
| 复古、怀旧、带岁月质感 | 历史、回顾、经典主题类文章 |
Extended Styles
扩展风格
| Style | Description | Best For |
|---|---|---|
| Smooth color transitions, dreamy, modern | Product launches, announcements, branding |
| Magazine-quality, sophisticated typography | Long-form essays, deep dives, journalism |
| Technical drawing aesthetic, grid paper | Architecture, system design, engineering |
| Soft washes, organic bleed, painterly | Art, culture, creative writing, poetry |
| Sharp shapes, tessellations, mathematical | Data science, math, structured thinking |
| Dark background with vivid glowing elements | Nightlife, gaming, cyberpunk, startup |
| Layered paper cutout depth effect | Storytelling, children's content, craft |
| East Asian brush ink aesthetic (水墨风) | Chinese culture, philosophy, calligraphy |
Detailed style definitions:
references/styles/<style>.md| 风格 | 描述 | 适用场景 |
|---|---|---|
| 平滑色彩过渡、梦幻感、现代风格 | 产品发布、公告、品牌类内容 |
| 杂志级质感、精致排版 | 长篇随笔深度报道、新闻类文章 |
| 技术图纸美学、网格纸风格 | 建筑、系统设计、工程类文章 |
| 柔和晕染、自然渗透、绘画质感 | 艺术、文化、创意写作、诗歌类文章 |
| 锐利形状、镶嵌图案、数学感 | 数据科学、数学、结构化思维类文章 |
| 深色背景搭配鲜艳发光元素 | 夜生活、游戏、赛博朋克、初创企业类内容 |
| 分层剪纸立体效果 | 故事讲述、儿童内容、手工艺类文章 |
| 东亚水墨美学风格 | 中国文化、哲学、书法类文章 |
详细风格定义：
references/styles/<style>.mdComposition Gallery
构图库
Compositions define how elements are arranged in the cover image.
| Composition | Description | When to Use |
|---|---|---|
| Single focal visual centered, title above or below | General purpose, strong single concept |
| Left/right or top/bottom split, visual one side, text other | Comparison, before/after, dual concepts |
| Elements scattered with depth, floating in space | Abstract topics, multiple related concepts |
| Decorative border framing the central content | Formal, announcement, certificate-like |
| Dynamic diagonal division or flow | Movement, progress, transformation |
| Dark background with a single illuminated subject | Focus, highlight, key insight |
| Wide scene spanning the full width | Landscape, journey, timeline |
| Grid of small related visuals forming a bigger picture | Collection, variety, ecosystem |
| Soft fade from edges to center focus | Intimate, personal, memoir-style |
| Overlapping planes creating depth | Complex topics, multi-layered ideas |
构图定义了封面图中元素的排列方式。
| 构图 | 描述 | 使用场景 |
|---|---|---|
| 单个核心视觉元素居中，标题位于上方或下方 | 通用场景、单一强概念主题 |
| 左右或上下分割，一侧为视觉元素，另一侧为文字 | 对比类、前后对比、双概念主题 |
| 元素分散排列并带有层次感，悬浮于空间中 | 抽象主题、多个相关概念 |
| 装饰边框围绕核心内容 | 正式场合、公告、证书类风格 |
| 动态对角线分割或流动布局 | 运动、进步、转型类主题 |
| 深色背景搭配单个高亮主体 | 聚焦重点、核心洞察类内容 |
| 宽幅场景横跨整个画面 | 风景、历程、时间线类主题 |
| 由小尺寸相关视觉元素组成的网格，构成整体画面 | 合集、多样性、生态系统类内容 |
| 从边缘到中心的柔和渐变聚焦 | 私密、个人化、回忆录风格 |
| 重叠平面营造层次感 | 复杂主题、多层概念类内容 |
Composition Tips
构图技巧
- hero-center + title: Place visual slightly left, title right
- hero-center + no-title: Center the visual fully, let it breathe
- split: Use contrasting colors or concepts on each side
- floating: 3-5 elements max, vary sizes for depth
- diagonal: Direction implies progress (bottom-left → top-right = growth)
- spotlight: Keep background very dark, subject vivid
- mosaic: Use 4-9 tiles, maintain consistent style across tiles
- layered: Use opacity/blur to create foreground/background separation
- hero-center + 标题：视觉元素略偏左，标题置于右侧
- hero-center + 无标题：视觉元素完全居中，保留呼吸感
- split：两侧使用对比色或对立概念
- floating：最多3-5个元素，通过尺寸变化营造层次感
- diagonal：方向隐含进展（左下→右上代表成长）
- spotlight：背景需极暗，主体色彩鲜明
- mosaic：使用4-9个小图块，保持整体风格统一
- layered：利用透明度/模糊效果区分前景与背景
Auto Style Selection
自动风格选择
When no is specified, analyze content to select the best style:
--style| Content Signals | Selected Style |
|---|---|
| AI, coding, tech, digital, algorithm, API | |
| Personal story, emotion, growth, life, journey | |
| Controversial, urgent, must-read, warning, breaking | |
| Simple, zen, focus, essential, less is more | |
| Fun, easy, beginner, casual, tutorial, step-by-step | |
| Nature, eco, wellness, health, organic, outdoor | |
| History, classic, vintage, old, traditional | |
| Product, launch, release, announcement, brand | |
| Essay, analysis, deep dive, investigation, review | |
| System design, architecture, blueprint, infrastructure | |
| Art, painting, creative, poetry, culture | |
| Data, math, statistics, geometry, patterns | |
| Gaming, startup, nightlife, crypto, hacker | |
| Story, folktale, illustration, craft, children | |
| 中国, 文化, 哲学, 书法, 国风, 传统 | |
| Business, professional, strategy, analysis (default) | |
未指定时，将分析内容以选择最佳风格：
--style| 内容信号 | 选定风格 |
|---|---|
| AI、coding、tech、digital、algorithm、API | |
| 个人故事、情感、成长、生活、历程 | |
| 争议性、紧急、必读、警告、突发 | |
| 简洁、禅意、专注、极简、少即是多 | |
| 有趣、简易、入门、休闲、教程、分步指南 | |
| 自然、生态、健康养生、有机、户外 | |
| 历史、经典、复古、传统 | |
| 产品、发布、上线、公告、品牌 | |
| 随笔、分析、深度报道、调查、评论 | |
| 系统设计、架构、blueprint、基础设施 | |
| 艺术、绘画、创意、诗歌、文化 | |
| 数据、数学、统计、几何、图案 | |
| 游戏、初创企业、夜生活、加密货币、黑客 | |
| 故事、民间传说、插画、手工艺、儿童内容 | |
| 中国、文化、哲学、书法、国风、传统 | |
| 商业、专业、策略、分析（默认） | |
Auto Composition Selection
自动构图选择
When no is specified:
--composition| Condition | Selected Composition |
|---|---|
| Single strong concept/metaphor | |
| Article compares two things | |
| Article covers multiple tools/ideas | |
| Personal/intimate topic | |
| Journey/timeline/progress narrative | |
| One key insight or revelation | |
| Complex multi-layered topic | |
| Formal/announcement tone | |
未指定时：
--composition| 条件 | 选定构图 |
|---|---|
| 单一强概念/隐喻 | |
| 文章对比两个事物 | |
| 文章涵盖多个工具/理念 | |
| 个人化/私密主题 | |
| 历程/时间线/进展类叙事 | |
| 单个核心洞察或启示 | |
| 复杂多层主题 | |
| 正式/公告语气 | |
File Management
文件管理
With Article Path
指定文章路径时
Save to subdirectory in the same folder as the article:
imgs/path/to/
├── article.md
└── imgs/
├── prompts/
│ └── cover.md
└── cover.png保存至文章所在文件夹的子目录：
imgs/path/to/
├── article.md
└── imgs/
├── prompts/
│ └── cover.md
└── cover.pngWithout Article Path
未指定文章路径时
Save to current working directory:
./
├── cover-prompt.md
└── cover.png保存至当前工作目录：
./
├── cover-prompt.md
└── cover.pngWorkflow
工作流程
Step 1: Analyze Content
步骤1：内容分析
Extract key information:
- Main topic: What is the article about?
- Core message: What's the key takeaway?
- Tone: Serious, playful, inspiring, educational?
- Keywords: Identify style-signaling words
- Structure: Is it a comparison? A journey? A deep dive?
- Visual metaphors: What real-world objects/scenes represent the topic?
提取关键信息：
- 主题: 文章核心内容是什么？
- 核心信息: 关键要点是什么？
- 语气: 严肃、有趣、励志、教育性？
- 关键词: 识别能指示风格的词汇
- 结构: 是对比类？历程类？深度分析类？
- 视觉隐喻: 哪些现实场景/物体能代表主题？
Step 2: Select Style & Composition
步骤2：选择风格与构图
If or specified, use those. Otherwise:
--style--composition- Scan content for style and composition signals
- Match signals to most appropriate style + composition
- Default to style +
elegantcomposition if no clear signalshero-center
若指定了或，则使用指定选项。否则：
--style--composition- 扫描内容中的风格与构图信号
- 匹配最适合的风格+构图
- 若无明确信号，默认使用风格 +
elegant构图hero-center
Step 3: Generate Cover Concept
步骤3：生成封面概念
Title (if included, max 8 characters):
- Distill the core message into a punchy headline
- Use hooks: numbers, questions, contrasts, pain points
- Skip if flag is used
--no-title
Visual Elements:
- Style-appropriate imagery and icons
- 1-2 symbolic elements representing the topic
- Metaphors or analogies that fit the style
Composition Layout:
- Apply the selected composition template
- Consider title placement within the composition
- Ensure visual hierarchy: primary element > secondary > decorative
标题（若包含，最多8个字符）：
- 将核心信息提炼为有力标题
- 使用钩子：数字、问题、对比、痛点
- 若使用则跳过
--no-title
视觉元素:
- 符合风格的图像与图标
- 1-2个代表主题的象征性元素
- 契合风格的隐喻或类比
构图布局:
- 应用选定的构图模板
- 考虑标题在构图中的位置
- 确保视觉层级：主元素 > 次要元素 > 装饰元素
Step 4: Create Prompt File
步骤4：创建提示词文件
Prompt Format:
markdown
Cover theme: [topic in 2-3 words]
Style: [selected style name]
Composition: [selected composition name]
[If title included:]
Title text: [8 characters or less, in content language]
Subtitle: [optional, in content language]
Visual composition:
- Main visual: [description matching style]
- Layout: [composition-specific layout description]
- Primary element: [what draws the eye first]
- Secondary elements: [supporting visuals]
- Decorative elements: [style-appropriate accents]
Color scheme:
- Primary: [style primary color]
- Background: [style background color]
- Accent: [style accent color]
Style notes: [specific style characteristics to emphasize]
Composition notes: [specific layout guidance]
[If no title:]
Note: No title text, pure visual illustration only.提示词格式:
markdown
封面主题: [2-3个词概括主题]
风格: [选定的风格名称]
构图: [选定的构图名称]
[若包含标题:]
标题文本: [最多8个字符，与内容语言一致]
副标题: [可选，与内容语言一致]
视觉构图:
- 主视觉: [符合风格的描述]
- 布局: [构图专属布局描述]
- 核心元素: [最吸引眼球的元素]
- 次要元素: [辅助视觉]
- 装饰元素: [符合风格的点缀]
配色方案:
- 主色: [风格主色调]
- 背景色: [风格背景色]
- 强调色: [风格强调色]
风格注意事项: [需突出的特定风格特征]
构图注意事项: [特定布局指导]
[若无标题:]
说明: 无标题文本，仅生成纯视觉插画。Step 5: Generate Image
步骤5：生成图像
Image Generation Skill Selection:
- Check available image generation skills
- If multiple skills available, ask user to choose
Generation:
Call selected image generation skill with prompt file and output path.
图像生成技能选择:
- 检查可用的图像生成技能
- 若有多个技能可选，询问用户选择
生成操作:
调用选定的图像生成技能，传入提示词文件与输出路径。
Step 6: Output Summary
步骤6：输出总结
Cover Image Generated!
Topic: [topic]
Style: [style name]
Composition: [composition name]
Title: [cover title] (or "No title - visual only")
Location: [output path]
Preview the image to verify it matches your expectations.封面图生成完成!
主题: [主题]
风格: [风格名称]
构图: [构图名称]
标题: [封面标题]（或「无标题 - 仅视觉图」）
保存位置: [输出路径]
请预览图片，确认是否符合预期。Notes
注意事项
- Cover should be instantly understandable at small preview sizes
- Title (if included) must be readable and impactful
- Visual metaphors work better than literal representations
- Maintain style consistency throughout the cover
- Image generation typically takes 10-30 seconds
- Title text language should match content language
- When in doubt, +
elegantis a safe defaulthero-center - Combine unexpected style+composition pairs for unique results (e.g., +
ink-wash)split
- 封面图在小尺寸预览时需一目了然
- 标题（若包含）必须清晰可读且有冲击力
- 视觉隐喻比字面表达效果更好
- 封面需保持风格统一
- 图像生成通常需要10-30秒
- 标题文本语言需与内容语言一致
- 不确定时，+
elegant是安全的默认选项hero-center - 尝试组合意想不到的风格+构图以获得独特效果（如+
ink-wash）split