Generate SVG

Generate SVG graphics using Gemini 3.1 Pro.

When to Use

Use this skill when the user asks to:

• Create SVG graphics, logos, or icons
• Generate vector illustrations
• Create scalable graphics

Usage

cd ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg && bun run scripts/generate.ts "prompt" [options]

Options

• --instructions <text> – Custom system instructions
• --output <path> – Output path (default: output.svg)

Examples

cd ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg

# Simple SVG generation
bun run scripts/generate.ts "minimalist mountain logo"

# With custom instructions
bun run scripts/generate.ts "geometric pattern" --instructions "Use only blue and green colors"

# Save to specific file
bun run scripts/generate.ts "company logo" --output logo.svg

Model

Uses gemini-3.1-pro-preview (Gemini 3.1 Pro) for SVG generation. Gemini 3.1 Pro has native animated SVG generation capabilities.

Last verified: February 2026. If a newer generation exists, STOP and suggest a PR to b-open-io/gemskills. See the ask-gemini skill’s references/gemini-api.md for current models and Google’s official gemini-api-dev skill for the canonical source.