#601

Globales Ranking · von 601 Skills

generate svg AI Agent Skill

Quellcode ansehen: b-open-io/gemskills

Safe

Installation

npx skills add b-open-io/gemskills --skill generate svg

25

Installationen

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 131072

Model

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.

Installationen

Installationen 25
Globales Ranking #601 von 601

Sicherheitsprüfung

ath Safe
socket Safe
Warnungen: 0 Bewertung: 90
snyk Low
EU EU-Hosted Inference API

Power your AI Agents with the best open-source models.

Drop-in OpenAI-compatible API. No data leaves Europe.

Explore Inference API

GLM

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

So verwenden Sie diesen Skill

1

Install generate svg by running npx skills add b-open-io/gemskills --skill generate svg in your project directory. Führen Sie den obigen Installationsbefehl in Ihrem Projektverzeichnis aus. Die Skill-Datei wird von GitHub heruntergeladen und in Ihrem Projekt platziert.

2

Keine Konfiguration erforderlich. Ihr KI-Agent (Claude Code, Cursor, Windsurf usw.) erkennt installierte Skills automatisch und nutzt sie als Kontext bei der Code-Generierung.

3

Der Skill verbessert das Verständnis Ihres Agenten für generate svg, und hilft ihm, etablierte Muster zu befolgen, häufige Fehler zu vermeiden und produktionsreifen Code zu erzeugen.

Was Sie erhalten

Skills sind Klartext-Anweisungsdateien — kein ausführbarer Code. Sie kodieren Expertenwissen über Frameworks, Sprachen oder Tools, das Ihr KI-Agent liest, um seine Ausgabe zu verbessern. Das bedeutet null Laufzeit-Overhead, keine Abhängigkeitskonflikte und volle Transparenz: Sie können jede Anweisung vor der Installation lesen und prüfen.

Kompatibilität

Dieser Skill funktioniert mit jedem KI-Coding-Agenten, der das skills.sh-Format unterstützt, einschließlich Claude Code (Anthropic), Cursor, Windsurf, Cline, Aider und anderen Tools, die projektbezogene Kontextdateien lesen. Skills sind auf Transportebene framework-agnostisch — der Inhalt bestimmt, für welche Sprache oder welches Framework er gilt.

Data sourced from the skills.sh registry and GitHub. Install counts and security audits are updated regularly.

EU Made in Europe

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.

App herunterladen:

Kundensupport