Skip to content
Content
Skill

/cover-image

Generate elegant cover images for articles. Analyzes content and creates eye-catching hand-drawn style cover images with multiple style and composition options. Use when user asks to "generate cover image", "create article cover", or "make a cover for article".

BOOST
From plugin
01coder-agent-skills
13723 skills
Install
$ npx -y skills add sugarforever/01coder-agent-skills --skill cover-image --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/cover-image

Context preview

The summary Claude sees to decide when to auto-load this skill.

Generate elegant cover images for articles. Analyzes content and creates eye-catching hand-drawn style cover images with multiple style and composition options. Use when user asks to "generate cover image", "create article cover", or "make a cover for article".

SKILL.md

cover-image.SKILL.md
name: cover-image
description: Generate elegant cover images for articles. Analyzes content and creates eye-catching hand-drawn style cover images with multiple style and composition options. Use when user asks to "generate cover image", "create article cover", or "make a cover for article".

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

| Option | Description | |--------|-------------| | `--style <name>` | Specify cover style (see Style Gallery below) | | `--composition <name>` | Specify layout composition (see Composition Gallery below) | | `--no-title` | Generate cover without title text (visual only) |

Style Gallery

Core Styles

| Style | Description | Best For | |-------|-------------|----------| | `elegant` (Default) | Refined, sophisticated, understated | Business, thought leadership, professional | | `tech` | Modern, clean, futuristic with glow effects | AI, coding, digital, algorithms | | `warm` | Friendly, approachable, human-centered | Personal growth, lifestyle, education | | `bold` | High contrast, attention-grabbing, energetic | Opinion pieces, controversial, urgent | | `minimal` | Ultra-clean, zen-like, maximum whitespace | Philosophy, focus, essentialism | | `playful` | Fun, creative, whimsical doodles | Tutorials, beginner guides, casual | | `nature` | Organic, calm, earthy tones | Sustainability, wellness, outdoor | | `retro` | Vintage, nostalgic, aged textures | History, retrospectives, classic topics |

Extended Styles

| Style | Description | Best For | |-------|-------------|----------| | `gradient` | Smooth color transitions, dreamy, modern | Product launches, announcements, branding | | `editorial` | Magazine-quality, sophisticated typography | Long-form essays, deep dives, journalism | | `blueprint` | Technical drawing aesthetic, grid paper | Architecture, system design, engineering | | `watercolor` | Soft washes, organic bleed, painterly | Art, culture, creative writing, poetry | | `geometric` | Sharp shapes, tessellations, mathematical | Data science, math, structured thinking | | `neon` | Dark background with vivid glowing elements | Nightlife, gaming, cyberpunk, startup | | `paper-cut` | Layered paper cutout depth effect | Storytelling, children's content, craft | | `ink-wash` | East Asian brush ink aesthetic (水墨风) | Chinese culture, philosophy, calligraphy |

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

Composition Gallery

Compositions define how elements are arranged in the cover image.

| Composition | Description | When to Use | |-------------|-------------|-------------| | `hero-center` (Default) | Single focal visual centered, title above or below | General purpose, strong single concept | | `split` | Left/right or top/bottom split, visual one side, text other | Comparison, before/after, dual concepts | | `floating` | Elements scattered with depth, floating in space | Abstract topics, multiple related concepts | | `frame` | Decorative border framing the central content | Formal, announcement, certificate-like | | `diagonal` | Dynamic diagonal division or flow | Movement, progress, transformation | | `spotlight` | Dark background with a single illuminated subject | Focus, highlight, key insight | | `panoramic` | Wide scene spanning the full width | Landscape, journey, timeline | | `mosaic` | Grid of small related visuals forming a bigger picture | Collection, variety, ecosystem | | `vignette` | Soft fade from edges to center focus | Intimate, personal, memoir-style | | `layered` | 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

Auto Style Selection

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

| Content Signals | Selected Style | |----------------|----------------| | AI, coding, tech, digital, algorithm, API | `tech` | | Personal story, emotion, growth, life, journey | `warm` | | Controversial, urgent, must-read, warning, breaking | `bold` | | Simple, zen, focus, essential, less is more | `minimal` | | Fun, easy, beginner, casual, tutorial, step-by-step | `playful` | | Nature, eco, wellness, health, organic, outdoor | `nature` | | History, classic, vintage, old, traditional | `retro` | | Product, launch, release, announcement, brand | `gradient` | | Essay, analysis, deep dive, investigation, review | `editorial` | | System design, architecture, blueprint, infrastructure | `blueprint` | | Art, painting, creative, poetry, culture | `watercolor` | | Data, math, statistics, geometry, patterns | `geometric` | | Gaming, startup, nightlife, crypto, hacker | `neon` | | Story, folktale, illustration, craft, children | `paper-cut` | | 中国, 文化, 哲学, 书法, 国风, 传统 | `ink-wash` | | Business, professional, strategy, analysis (default) | `elegant` |

Auto Composition Selection

When no `--composition` is

Read more
Ships with01coder-agent-skills

A marketplace of agent skills by VerySmallWoods — content creation, publishing, analytics, and security scanning. Works with Claude Code, Codex, Cursor, Windsurf, and any other coding agent that supports the skills.sh format.

Get the whole plugin

Other skills on 01coder-agent-skills.