svg-artist_skill

Overview

This skill generates SVG illustrations by having the language model write SVG code directly, avoiding image-generation APIs. It is optimized for icons, cartoons, simple diagrams, and stylized art that convert easily to PNG or other raster formats.

How this skill works

You describe the desired image and the model outputs SVG markup that positions shapes, colors, and paths. The SVG can be previewed directly in browsers or converted to PNG using common tools (rsvg-convert, ImageMagick). Templates and composition rules (canvas size, head/body proportions, palettes) guide consistent results.

When to use it

• Creating icons, logos, or flat illustrations without relying on image APIs
• Generating cartoons, simple characters, or mascot sketches
• Making diagrams, schematics, or annotated visuals with precise coordinates
• Producing stylized art suitable for UI, documentation, or print at small sizes
• Rapidly iterating on vector concepts before detailed design work

Best practices

• Start with a simple description and specify style (cute, minimalist, cartoon)
• Use the 400x400 canvas baseline and relative proportions for consistent layout
• Build images in layers: background → main shapes → features → highlights
• Prefer basic shapes (circle, ellipse, rect, path) for reliable cross-rendering
• Preview SVG in a browser and convert to PNG only after confirming composition

Example use cases

• Generate a cute cartoon cat or dog for an onboarding illustration
• Create a set of matching flat icons for an app feature list
• Produce a simple diagram or flow illustration with labeled shapes
• Make stylized avatars or stickers with controlled colors and scale
• Quickly prototype mascot poses using proportional templates