b-open-io/generate-svg
skills/generate-svg/SKILL.md
This skill should be used when the user asks to "generate SVG", "create SVG", "make a logo", "create vector graphics", "generate icon", "make vector illustration", "vectorize image", or needs scalable vector graphics generated via AI.
$ install --global
skillsauthnpx skillsauth add b-open-io/gemskills generate-svgInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 3, 2026, 8:35 PM24.6s3 files scanned
SKILL.md
- name:
- generate-svg
- description:
- This skill should be used when the user asks to "generate SVG", "create SVG", "make a logo", "create vector graphics", "generate icon", "make vector illustration", "vectorize image", or needs scalable vector graphics generated via AI.
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.
Related Skills
b-open-io/visual-planner
development
VerifiedTrustedCommunity
This skill should be used when the user asks to "plan a workflow", "diagram an agent system", "visualize an architecture", "map out a pipeline", "create a flow diagram", "draw agent connections", "design a multi-agent system", "show how agents interact", "make a system diagram", "visualize a data pipeline", "map out a process", "diagram my workflow", "create an architecture diagram", "plan agent orchestration", "brainstorm a system design", "show the flow between components", "interactive workflow diagram", "workflow canvas", "visual-planner", "open in tldraw", or "plan this project visually". Produces tldraw .tldr diagrams natively — the standard infinite canvas format. Includes a thin playground wrapper with planning-specific UI (phase controls, agent assignment, KPI bar, agent callback bridge) and an "Open in tldraw" button for standalone editing.
3SKILL.mdUpdated Apr 3, 2026
b-open-io/upscale-image
data-ai
VerifiedTrustedCommunity
This skill should be used when the user asks to "upscale an image", "increase image resolution", "make image bigger", "enlarge image", or "enhance image resolution". Requires Vertex AI credentials.
3SKILL.mdUpdated Apr 3, 2026
b-open-io/team-group-photo
data-ai
VerifiedTrustedCommunity
This skill should be used when the user asks to "create team photo", "generate group portrait", "make team banner", "team image in any style", "group shot with multiple people", or needs a composite image featuring multiple team members arranged together in any art style.
3SKILL.mdUpdated Apr 3, 2026
b-open-io/style-creator
development
VerifiedTrustedCommunity
This skill should be used when the user asks to "add a new style", "create a style", "add an art style", "new aesthetic", "custom style", "make a style for", or needs to add a new art style to the gemskills style library. Guides the complete workflow from defining the style to generating and optimizing the reference tile.
3SKILL.mdUpdated Apr 3, 2026