Installation
npx skills add b-open-io/gemskills --skill generate svg 25
Installs
Generate SVG
Generate SVG graphics using Arrow arrow-preview by Quiver AI. Supports both text-to-SVG generation and image-to-SVG vectorization.
When to Use
Use this skill when the user asks to:
- Create SVG graphics, logos, icons, or illustrations from a text description
- Vectorize / convert an existing image to SVG
API Key Required
Set QUIVERAI_API_KEY or QUIVER_API_KEY in your environment. Get a key at https://quiver.ai.
Usage
bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "prompt" [options]Text-to-SVG Options
| Flag | Type | Default | Range | Description |
|---|---|---|---|---|
--instructions <text> |
string | — | — | Additional style or formatting guidance |
--references <url> |
string | — | up to 4 | Reference image URL or base64 (repeat flag for multiple) |
--count <n> |
integer | 1 | 1–16 | Number of SVGs to generate |
--temperature <n> |
float | 1 | 0–2 | Sampling temperature (lower = more deterministic) |
--top-p <n> |
float | 1 | 0–1 | Nucleus sampling probability |
--presence-penalty <n> |
float | 0 | -2–2 | Penalty for tokens already in prior output |
--max-tokens <n> |
integer | — | 1–131072 | Max output tokens (use 131072 for highest detail) |
--output <path> |
string | output.svg | — | Output file path |
Image-to-SVG (Vectorize) Options
| Flag | Type | Default | Range | Description |
|---|---|---|---|---|
--vectorize |
boolean | false | — | Enable vectorization mode |
--image <url|base64> |
string | — | — | Source image (required in vectorize mode) |
--auto-crop |
boolean | false | — | Auto-crop to dominant subject before vectorization |
--target-size <n> |
integer | — | 128–4096 | Square resize target in pixels before inference |
--count, --temperature, --top-p, --presence-penalty, --max-tokens, --output |
— | — | — | Same as text-to-SVG |
Examples
# Simple SVG generation
bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "minimalist mountain logo"
# High-detail render (max tokens)
bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "photorealistic bee" --max-tokens 131072
# With style instructions
bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "geometric pattern" --instructions "Use only blue and green colors, bold strokes"
# With reference images
bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "logo in this style" \
--references https://example.com/ref1.png \
--references https://example.com/ref2.png
# Save to specific file
bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "company logo" --output logo.svg
# Vectorize an image URL to SVG
bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts --vectorize --image https://example.com/photo.jpg --auto-crop
# Vectorize with high-res target
bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts --vectorize --image https://example.com/photo.jpg --target-size 2048 --max-tokens 131072Model
Uses Arrow arrow-preview (Quiver AI) for SVG generation. Override with SVG_MODEL env var.
Cost: 1 credit per request (regardless of --count).
Rate limit: 20 requests per 60 seconds.
Last verified: March 2026.
Installs
Security Audit
View Source
b-open-io/gemskills
More from this source
Power your AI Agents with
the best open-source models.
Drop-in OpenAI-compatible API. No data leaves Europe.
Explore Inference APIGLM
GLM 5
$1.00 / $3.20
per M tokens
Kimi
Kimi K2.5
$0.60 / $2.80
per M tokens
MiniMax
MiniMax M2.5
$0.30 / $1.20
per M tokens
Qwen
Qwen3.5 122B
$0.40 / $3.00
per M tokens
How to use this skill
Install generate svg by running npx skills add b-open-io/gemskills --skill generate svg in your project directory. Run the install command above in your project directory. The skill file will be downloaded from GitHub and placed in your project.
No configuration needed. Your AI agent (Claude Code, Cursor, Windsurf, etc.) automatically detects installed skills and uses them as context when generating code.
The skill enhances your agent's understanding of generate svg, helping it follow established patterns, avoid common mistakes, and produce production-ready output.
What you get
Skills are plain-text instruction files — not executable code. They encode expert knowledge about frameworks, languages, or tools that your AI agent reads to improve its output. This means zero runtime overhead, no dependency conflicts, and full transparency: you can read and review every instruction before installing.
Compatibility
This skill works with any AI coding agent that supports the skills.sh format, including Claude Code (Anthropic), Cursor, Windsurf, Cline, Aider, and other tools that read project-level context files. Skills are framework-agnostic at the transport level — the content inside determines which language or framework it applies to.
Chat with 100+ AI Models in one App.
Use Claude, ChatGPT, Gemini alongside with EU-Hosted Models like Deepseek, GLM-5, Kimi K2.5 and many more.