🎁 Get the FREE AI Skills Starter Guide β€” Subscribe β†’
BytesAgainBytesAgain
BytesAgain β€Ί Skills β€Ί Svg Cover Generator
πŸ¦€ ClawHub

Svg Cover Generator

by @nimachu

Create polished, editable SVG cover artwork for reports, articles, slide decks, social cards, ebook covers, posters, and landing-page hero images. Use when a...

Versionv0.1.0
Downloads601
#writing#social-media#legal
TERMINAL
clawhub install svg-cover-generator

πŸ“– About This Skill

name: svg-cover-generator description: Create polished, editable SVG cover artwork for reports, articles, slide decks, social cards, ebook covers, posters, and landing-page hero images. Use when a user asks for an SVG cover, vector poster, social preview graphic, title card, thumbnail-style artwork, or branded cover image that should remain text-editable and easy to customize.

SVG Cover Generator

Generate one self-contained SVG cover that is visually intentional, easy to edit, and ready to save as .svg.

Quick Flow

1. Confirm the target format, dimensions, text content, and mood. 2. Read design-rules.md and layout-recipes.md before composing. 3. Pick one layout recipe that matches the brief. 4. Write a complete SVG with inline styles and no external dependencies. 5. Validate the SVG structure before finishing.

Intake

If the user already gave a clear brief, do not over-question. Otherwise collect the minimum missing inputs:

  • Title
  • Optional subtitle or byline
  • Intended use: report cover, social card, slide cover, poster, hero image
  • Canvas size or aspect ratio
  • Brand colors or visual mood
  • Whether the output should feel corporate, editorial, playful, technical, minimal, or bold

    • Reasonable defaults:

  • Use 1600x900 for general landscape covers.
  • Use 1080x1350 for portrait social-style covers.
  • Use 1080x1080 for square covers.
  • Use a clean sans-serif fallback stack inside the SVG unless the user provided a font direction.

    • Composition Rules

  • Prefer bold typography and a small number of strong shapes over busy illustration.
  • Keep the title as the dominant element.
  • Use 2-4 colors unless the brief asks for a richer palette.
  • Use gradients, grids, bands, masks, or geometric clusters to create atmosphere.
  • Keep all text editable as unless the user explicitly asks for paths.
  • Avoid embedded raster images unless the user explicitly provides one and wants it included.

    • Build Procedure

    1. Choose a layout

    Select a layout from layout-recipes.md that fits the brief.

    2. Build the SVG

    Always produce:

  • An root with xmlns, width, height, and viewBox
  • A background layer
  • A content layer for title and supporting text
  • One visual motif layer such as lines, circles, blocks, mesh-like gradients, or abstract geometry

    • Keep styles inline in a