Cover Image

Cover Image Generator

Generate hand-drawn style cover images for articles with rich style and composition options.

Usage

# From markdown file (auto-select style based on content)
/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

# Specify a composition
/cover-image path/to/article.md --composition hero-center

# Without title text
/cover-image path/to/article.md --no-title

# Combine options
/cover-image path/to/article.md --style editorial --composition split --no-title

# From direct text input
/cover-image
[paste content or describe the topic]

Options

Style Gallery

Core Styles

Extended Styles

Detailed style definitions: references/styles/<style>.md

Composition Gallery

Compositions define how elements are arranged in the cover image.

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

Auto Style Selection

When no --style is specified, analyze content to select the best style:

Auto Composition Selection

When no --composition is specified:

File Management

With Article Path

Save to imgs/ subdirectory in the same folder as the article:

path/to/
├── article.md
└── imgs/
    ├── prompts/
    │   └── cover.md
    └── cover.png

Without Article Path

Save to current working directory:

./
├── cover-prompt.md
└── cover.png

Workflow

Step 1: Analyze Content

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

If --style or --composition specified, use those. Otherwise: 1. Scan content for style and composition signals 2. Match signals to most appropriate style + composition 3. Default to elegant style + hero-center composition if no clear signals

Step 3: Generate Cover Concept

Title (if included, max 8 characters):

• Distill the core message into a punchy headline
• Use hooks: numbers, questions, contrasts, pain points
• Skip if --no-title flag is used

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

Step 4: Create Prompt File

Prompt Format:

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.

Step 5: Generate Image

Image Generation Skill Selection: 1. Check available image generation skills 2. If multiple skills available, ask user to choose

Generation: Call selected image generation skill with prompt file and output path.

Step 6: Output Summary

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, elegant + hero-center is a safe default
• Combine unexpected style+composition pairs for unique results (e.g., ink-wash + split)

Create an article cover image following these guidelines:

Image Specifications

• Type: Cover image / Hero image
• Aspect Ratio: 2.35:1 (wide cinematic cover standard)
• Style: Hand-drawn illustration

Core Principles

• Hand-drawn quality throughout - NO realistic or photographic elements
• If content involves sensitive or copyrighted figures, create stylistically similar alternatives - DO NOT refuse to generate
• Ample whitespace, highlight core message, avoid cluttered layouts
• Main visual elements positioned according to selected composition

Text Style (When Title Included)

• ALL text MUST be hand-drawn style
• Title text: Large, eye-catching, max 8 characters
• May include 1 line of subtitle or keyword tags
• Font style harmonizes with illustration style
• DO NOT use realistic or computer-generated fonts

Language

• Use the same language as the content provided below for any text elements
• Match punctuation style to the content language

---

Please generate the cover image based on the content and style provided below:

Technical drawing aesthetic, precision, grid paper

Color Palette:

• Primary: Blueprint blue (#1E3A5F), white lines (#FFFFFF)
• Background: Deep blue (#1A365D) or classic blueprint cyan (#0A3D62)
• Accents: Light cyan (#87CEEB), faint grid lines, dimension markers

Visual Elements:

• Technical drawings with dimension lines and annotations
• Grid/graph paper background
• Architectural or engineering diagram style
• Cross-sections, exploded views, measurement markers
• Dashed construction lines

Typography:

• Technical drafting-style hand lettering (all caps, uniform weight)
• Annotations with arrows and measurement markers

Best For: System design, architecture, engineering, infrastructure, technical planning

High contrast, attention-grabbing, energetic

Color Palette:

• Primary: Vibrant red (#E53E3E), bright orange (#DD6B20), electric yellow (#F6E05E)
• Background: Deep black (#000000), dark charcoal
• Accents: White, neon highlights

Visual Elements:

• Exclamation marks, lightning bolts
• Arrows, strong shapes
• Dramatic compositions

Typography:

• Bold, impactful, large hand lettering with shadows

Best For: Opinion pieces, controversial takes, urgent topics

Magazine-quality, sophisticated typography focus

Color Palette:

• Primary: Black (#111111), off-white (#F8F8F6), muted accent (one bold color)
• Background: Clean white or warm ivory
• Accents: A single striking color — vermillion red (#E03131), cobalt blue (#1864AB), or emerald (#2B8A3E)

Visual Elements:

• Strong typographic hierarchy as the main visual
• Minimal illustration, emphasis on layout and whitespace
• Thin rules and dividers
• Pull-quote style elements

Typography:

• Confident, editorial hand lettering mixing large display + small detail text
• Strong contrast between headline and supporting text sizes

Best For: Long-form essays, deep dives, journalism, analysis, book-style content

Refined, sophisticated, understated

Color Palette:

• Primary: Soft coral (#E8A598), muted teal (#5B8A8A), dusty rose (#D4A5A5)
• Background: Warm cream (#F5F0E6), soft beige
• Accents: Gold (#C9A962), copper

Visual Elements:

• Delicate lines, refined icons
• Subtle gradients
• Balanced composition

Typography:

• Elegant serif-style hand lettering

Best For: Professional content, thought leadership, business topics

Sharp shapes, tessellations, mathematical precision

Color Palette:

• Primary: Strong contrasts — navy (#1B2838), coral (#FF6B6B), teal (#4ECDC4)
• Background: White or very light gray (#F5F5F5)
• Accents: Gold (#FFD93D), bright accents at intersections

Visual Elements:

• Tessellations, polygons, Voronoi patterns
• Isometric cubes, impossible geometry
• Sacred geometry, fractals, spirals
• Data-visualization-inspired elements (nodes, connections)
• Clean sharp edges, no organic curves

Typography:

• Geometric sans-serif hand lettering, aligned to grid
• May be integrated into the geometric pattern itself

Best For: Data science, mathematics, statistics, structured thinking, logic

Smooth color transitions, dreamy, modern

Color Palette:

• Primary: Flowing gradients — purple-to-pink (#667EEA → #F093FB), blue-to-teal (#4FACFE → #00F2FE), orange-to-red (#F7971E → #FFD200)
• Background: Gradient wash, no flat color
• Accents: White elements floating over gradient, subtle sparkles

Visual Elements:

• Soft blobs and orbs with gradient fills
• Flowing abstract shapes
• Light rays, lens flares
• Floating geometric elements (circles, rings)

Typography:

• Clean sans-serif hand lettering, white or dark for contrast against gradient
• May include a subtle glow or shadow for readability

Best For: Product launches, announcements, branding, modern SaaS, app showcases

East Asian brush ink aesthetic (水墨风)

Color Palette:

• Primary: Ink black (#1A1A1A) in varying dilutions (浓淡), dark gray washes
• Background: Rice paper white (#FAF8F0) or aged xuan paper (#F5ECD7)
• Accents: A single vermillion red seal mark (朱印), occasional indigo or pale green wash

Visual Elements:

• Brush ink strokes with visible texture (飞白, 枯笔)
• Mountains, bamboo, clouds, water — traditional ink painting subjects
• Seal stamp (印章) as accent element
• Ink splatter and drip marks for energy
• Generous empty space (留白) — emptiness is as important as the marks

Typography:

• Calligraphic brush-style lettering (行书 or 草书 style)
• May include a classical Chinese phrase alongside modern title
• Red seal stamp near text

Best For: Chinese culture, philosophy, calligraphy, traditional topics, 国风 content, meditation, wisdom

Ultra-clean, zen-like, focused

Color Palette:

• Primary: Pure black (#000000), white (#FFFFFF)
• Background: White or off-white (#FAFAFA)
• Accents: Single color (user's choice or content-derived)

Visual Elements:

• Single focal point
• Maximum negative space
• Thin lines

Typography:

• Clean, simple hand lettering, lots of breathing room

Best For: Philosophy, minimalism, focused concepts

Organic, calm, earthy

Color Palette:

• Primary: Forest green (#276749), sage (#9AE6B4), earth brown (#744210)
• Background: Sand beige (#F5E6D3), sky blue (#E0F2FE)
• Accents: Sunset orange, water blue

Visual Elements:

• Leaves, trees, mountains
• Sun, clouds, organic flowing lines

Typography:

• Organic, flowing hand lettering with natural textures

Best For: Sustainability, wellness, outdoor topics, slow living

Dark background with vivid glowing elements

Color Palette:

• Primary: Hot pink (#FF10F0), electric blue (#00D4FF), lime green (#39FF14)
• Background: Near-black (#0A0A0F), deep purple-black (#1A0A2E)
• Accents: White glow halos, color bleeding/bloom effects

Visual Elements:

• Neon sign tubes with glow and reflection
• Glitch effects, scan lines
• Reflective wet surfaces (rain-on-pavement aesthetic)
• Light trails, bokeh circles
• Cyberpunk-inspired elements

Typography:

• Neon tube-style hand lettering with outer glow
• May include a flickering or buzzing effect (uneven glow)

Best For: Gaming, startups, nightlife, crypto, cyberpunk, hacker culture

Layered paper cutout depth effect

Color Palette:

• Primary: Rich, flat colors — coral (#FF6B6B), sky blue (#74B9FF), sunshine (#FFEAA7)
• Background: White or light paper base
• Accents: Subtle shadows between layers creating depth

Visual Elements:

• Layered paper planes at different depths
• Cut-out silhouettes with drop shadows
• Visible paper texture on each layer
• Rounded organic cutout shapes
• 3-5 distinct depth layers

Typography:

• Cut-out letter style, each letter appears as separate paper piece
• Slight shadow under each letter for depth

Best For: Storytelling, children's content, craft, illustration-heavy topics, whimsical narratives

Fun, creative, whimsical

Color Palette:

• Primary: Pastel pink (#FED7E2), mint (#C6F6D5), lavender (#E9D8FD), sky blue (#BEE3F8)
• Background: Light cream (#FFFBEB), soft white
• Accents: Bright pops - yellow, coral, turquoise

Visual Elements:

• Doodles, stars, swirls
• Cute characters, emoji-style icons
• Playful compositions

Typography:

• Bouncy, irregular hand lettering, playful angles

Best For: Casual content, tutorials, beginner guides, fun topics

Vintage, nostalgic, classic

Color Palette:

• Primary: Muted orange (#ED8936 at 70%), dusty pink (#FED7E2 at 80%), faded teal
• Background: Aged paper (#F5E6D3), sepia tones
• Accents: Faded red, vintage gold

Visual Elements:

• Halftone dots, vintage badges
• Classic icons, aged textures

Typography:

• Vintage-style hand lettering, classic serif influence

Best For: History, retrospectives, classic topics, throwback content

Modern, clean, futuristic

Color Palette:

• Primary: Deep blue (#1A365D), electric cyan (#00D4FF), purple (#6B46C1)
• Background: Dark gray (#1A202C), near-black (#0D1117)
• Accents: Neon green (#00FF88), bright white

Visual Elements:

• Circuit patterns, data nodes
• Geometric grids, code snippets
• Glowing effects

Typography:

• Monospace-style hand lettering, glowing effects

Best For: AI, programming, technology, digital transformation

Friendly, approachable, human-centered

Color Palette:

• Primary: Warm orange (#ED8936), golden yellow (#F6AD55), terracotta (#C05621)
• Background: Cream (#FFFAF0), soft peach (#FED7AA)
• Accents: Deep brown (#744210), soft red

Visual Elements:

• Rounded shapes, smiling faces
• Sun rays, hearts, warm lighting

Typography:

• Friendly rounded hand lettering

Best For: Personal growth, lifestyle, education, human stories

Soft washes, organic bleed, painterly

Color Palette:

• Primary: Transparent washes — cerulean (#5B9BD5), rose (#E8A0BF), ochre (#D4A745)
• Background: Textured watercolor paper white with visible grain
• Accents: Concentrated pigment spots, splatter marks, bleed edges

Visual Elements:

• Wet-on-wet watercolor washes with organic bleeding edges
• Soft focus, no hard outlines
• Paint drips, water blooms, salt texture effects
• Loose brushwork, visible brush strokes

Typography:

• Fluid brush-lettering style, slightly imperfect and organic
• Text may interact with paint (letters bleeding at edges)

Best For: Art, culture, creative writing, poetry, emotional topics, beauty