
Create Svg From Prompt
- 1 installs
- 404 repo stars
- Updated August 5, 2026
- aiskillstore/marketplace
create-svg-from-prompt is a Claude skill that generates an SVG of a user-requested image or scene using Google Gemini and autotrace.
About
This skill generates an SVG of a requested image or scene. It calls the Google Gemini image model to render a raster image, then runs autotrace to convert that image into an SVG file. A developer reaches for it when they need vector art from a natural-language description inside an agent workflow.
- Turns a text prompt into an SVG via Gemini image generation plus autotrace
- Ships install commands for the autotrace dependency
- Reads the Gemini key from the GEMINI_API_KEY environment variable
Create Svg From Prompt by the numbers
- 1 all-time installs (skills.sh)
- Ranked #1,200 of 1,335 Generative Media skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
create-svg-from-prompt capabilities & compatibility
Requires a Google Gemini API key (GEMINI_API_KEY); Gemini image calls are billed by Google.
- Capabilities
- image generation · svg generation · vector tracing
- Works with
- gcp
- Use cases
- image generation
- Platforms
- Linux
- Runs
- Runs locally
- Pricing
- Bring your own API key
What create-svg-from-prompt says it does
Generate an SVG of a user-requested image or scene
To generate an SVG of an image or scene use Google Gemini and autotrace:
npx skills add https://github.com/aiskillstore/marketplace --skill create-svg-from-promptAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1 |
|---|---|
| repo stars | ★ 404 |
| Last updated | August 5, 2026 |
| Repository | aiskillstore/marketplace ↗ |
What it does
Generate an SVG vector graphic from a natural-language image prompt.
When should I use this skill?
When the user asks the model to generate an SVG of an image or scene.
What you get
An SVG file is written to disk from the user's image prompt.
- an .svg file
By the numbers
- uses gemini-2.5-flash-image model
- output filename is 8-30 characters
Files
Setup
if autotrace is not available in the environment, then install it with the following command:
sudo apt update
sudo apt install git build-essential intltool imagemagick libmagickcore-dev pstoedit libpstoedit-dev autopoint
git clone https://github.com/autotrace/autotrace.git
cd autotrace
./autogen.sh
LD_LIBRARY_PATH=/usr/local/lib ./configure --prefix=/usr
make
sudo make installCore Workflow
When the user prompts the model to generate an SVG of and image or scene:
User wants an SVG of an image or scene
To generate an SVG of an image or scene use Google Gemini and autotrace:
curl -s -X POST "https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-image:generateContent" -H "x-goog-api-key: <GEMINI_API_KEY>" -H "Content-Type: application/json" -d '{ "contents": [{ "parts": [ {"text": "<IMAGE_PROMPT>"}]}]}' | grep -o '"data": "[^"]*"' | cut -d'"' -f4 | base64 --decode | autotrace -output-format svg -despeckle-level 10 -despeckle-tightness 2.0 -output-file <OUTPUT_FILE>.svgArguments from prompt:
<GEMINI_API_KEY>: The Gemini API key gotten from the environment variable "GEMINI_API_KEY"<IMAGE_PROMPT>: The user's initial prompt modified to change phrases like "Generate an svg" to "Generate an image." Do not modify the rest of the prompt or add any extra instructions or descriptions.<OUTPUT_FILE>: An 8-30 character filename based on the image the user wants
{
"schema_version": "2.0",
"meta": {
"generated_at": "2026-01-21T14:50:07.616Z",
"slug": "0x6a77-create-svg-from-prompt",
"source_url": "https://github.com/0x6a77/pelican-rides-a-bicycle/tree/main/.claude/skills/create-svg-from-prompt",
"source_ref": "main",
"model": "claude",
"analysis_version": "3.0.0",
"source_type": "community",
"content_hash": "30ce897b55c018dadb7c351404f5f7fed5dde538e797530e223dc824cba7f775",
"tree_hash": "83c7c6814912efb37572a60aad1dd6f189183c94b8ceac5feba6e3626bb08bcc"
},
"skill": {
"name": "create-svg-from-prompt",
"description": "Generate an SVG of a user-requested image or scene",
"summary": "Generate SVG images from text prompts using Google Gemini and autotrace",
"icon": "🎨",
"version": "1.0.0",
"author": "0x6a77",
"license": "MIT",
"category": "design",
"tags": [
"svg",
"image-generation",
"vector-graphics",
"gemini",
"autotrace"
],
"supported_tools": [
"claude",
"codex",
"claude-code"
],
"risk_factors": [
"scripts",
"external_commands",
"network",
"env_access"
]
},
"security_audit": {
"risk_level": "low",
"is_blocked": false,
"safe_to_publish": true,
"summary": "All static findings evaluated as false positives. The skill uses legitimate API calls to Google Gemini and standard CLI tools for SVG generation. Sudo commands are for dependency installation only. No malicious behavior detected.",
"risk_factor_evidence": [
{
"factor": "scripts",
"evidence": [
{
"file": "SKILL.md",
"line_start": 8,
"line_end": 19
}
]
},
{
"factor": "external_commands",
"evidence": [
{
"file": "SKILL.md",
"line_start": 10,
"line_end": 19
},
{
"file": "SKILL.md",
"line_start": 30,
"line_end": 30
}
]
},
{
"factor": "network",
"evidence": [
{
"file": "SKILL.md",
"line_start": 13,
"line_end": 13
},
{
"file": "SKILL.md",
"line_start": 30,
"line_end": 30
}
]
},
{
"factor": "env_access",
"evidence": [
{
"file": "SKILL.md",
"line_start": 34,
"line_end": 34
}
]
}
],
"critical_findings": [],
"high_findings": [
{
"title": "Sudo command execution",
"description": "Sudo commands detected for installing autotrace dependency",
"locations": [
{
"file": "SKILL.md",
"line_start": 11,
"line_end": 12
},
{
"file": "SKILL.md",
"line_start": 18,
"line_end": 18
}
],
"verdict": "FALSE_POSITIVE",
"reasoning": "Sudo commands are hardcoded for installing the autotrace dependency. This is legitimate setup behavior, not privilege escalation for malicious purposes."
},
{
"title": "C2 keyword pattern match",
"description": "Pattern matching flagged internal JSON fields as C2 keywords",
"locations": [
{
"file": "skill-report.json",
"line_start": 12,
"line_end": 12
}
],
"verdict": "FALSE_POSITIVE",
"reasoning": "Static scanner incorrectly flagged internal JSON field names and documentation text as C2 communication keywords. No actual command-and-control behavior exists."
},
{
"title": "Weak cryptographic algorithm",
"description": "Base64 encoding flagged as weak cryptographic algorithm",
"locations": [
{
"file": "SKILL.md",
"line_start": 30,
"line_end": 30
}
],
"verdict": "FALSE_POSITIVE",
"reasoning": "Base64 is encoding, not encryption. Used for decoding API image response data. Legitimate use case, not cryptographic weakness."
},
{
"title": "Environment variable access",
"description": "Accesses GEMINI_API_KEY from environment",
"locations": [
{
"file": "SKILL.md",
"line_start": 34,
"line_end": 34
}
],
"verdict": "FALSE_POSITIVE",
"reasoning": "Reads GEMINI_API_KEY for authenticating with Google Gemini API. This is standard OAuth pattern, not credential exfiltration."
}
],
"medium_findings": [
{
"title": "Shell backtick execution pattern",
"description": "Backtick syntax detected in code examples",
"locations": [
{
"file": "SKILL.md",
"line_start": 8,
"line_end": 8
},
{
"file": "SKILL.md",
"line_start": 10,
"line_end": 10
},
{
"file": "SKILL.md",
"line_start": 30,
"line_end": 30
}
],
"verdict": "FALSE_POSITIVE",
"reasoning": "Backticks are markdown code fence delimiters, not Ruby/shell execution. The shell command itself uses command substitution within the curl pipeline, which is expected behavior for parsing API responses."
}
],
"low_findings": [
{
"title": "Hardcoded URLs",
"description": "GitHub and API URLs hardcoded in skill",
"locations": [
{
"file": "SKILL.md",
"line_start": 13,
"line_end": 13
},
{
"file": "SKILL.md",
"line_start": 30,
"line_end": 30
}
],
"verdict": "FALSE_POSITIVE",
"reasoning": "Hardcoded URLs for autotrace GitHub repository and Google Gemini API are required for skill functionality. No suspicious external endpoints."
}
],
"dangerous_patterns": [
{
"title": "Code execution with network access",
"description": "Heuristic flagged combination of shell commands and network requests",
"locations": [
{
"file": "SKILL.md",
"line_start": 30,
"line_end": 30
}
],
"verdict": "FALSE_POSITIVE",
"reasoning": "This pattern is standard for API-based image generation tools. The curl command calls Google Gemini API to generate images, then pipes output to autotrace for vectorization. Legitimate use case, not malicious data exfiltration."
}
],
"files_scanned": 2,
"total_lines": 538,
"audit_model": "claude",
"audited_at": "2026-01-21T14:50:07.616Z"
},
"content": {
"user_title": "Create SVG Images from Text Prompts",
"value_statement": "This skill generates scalable vector graphics from natural language descriptions. Users describe what they want to see, and the skill uses AI to create SVG files.",
"seo_keywords": [
"Claude",
"Codex",
"Claude Code",
"SVG generator",
"text to SVG",
"vector graphics",
"image conversion",
"autotrace",
"Google Gemini",
"AI image generation"
],
"actual_capabilities": [
"Generate SVG images from text prompts using Google Gemini AI",
"Convert raster images to SVG format using autotrace",
"Transform natural language descriptions into vector graphics",
"Handle prompt modifications to optimize for image generation models",
"Save SVG output to user-specified filenames"
],
"limitations": [
"Requires valid GEMINI_API_KEY environment variable for API access",
"Requires autotrace CLI tool to be installed on the system",
"Output quality depends on Gemini model interpretation of prompts",
"Complex images may produce less detailed SVG results"
],
"use_cases": [
{
"title": "Create custom icons and logos",
"description": "Generate simple icons and logo concepts from text descriptions. Useful for prototyping or creating starting points for graphic design work.",
"target_user": "Designers and developers who need quick vector graphic mockups"
},
{
"title": "Convert images to vector format",
"description": "Transform raster images into scalable SVG files. Helpful for simplifying complex images or preparing graphics for different output sizes.",
"target_user": "Developers and content creators working with responsive web graphics"
},
{
"title": "Rapid visual prototyping",
"description": "Quickly generate visual representations of ideas described in text. Supports iterative refinement through prompt adjustments.",
"target_user": "Product managers and ideation teams doing rapid prototyping"
}
],
"prompt_templates": [
{
"title": "Simple SVG request",
"prompt": "Create an SVG of a red apple with a green leaf on a white background.",
"scenario": "Generate a basic vector graphic from a simple description"
},
{
"title": "Detailed scene description",
"prompt": "Create an SVG of a sunset over the ocean with orange and purple colors, showing the sun partially setting with waves in the foreground.",
"scenario": "Generate a more complex scene with multiple elements"
},
{
"title": "Icon or symbol request",
"prompt": "Create an SVG of a simple house icon with a chimney and smoke coming out.",
"scenario": "Generate icons or symbols for UI or documentation"
},
{
"title": "Abstract design request",
"prompt": "Create an SVG of geometric patterns with blue triangles and circles arranged in a modern abstract composition.",
"scenario": "Generate abstract or artistic vector designs"
}
],
"output_examples": [
{
"input": "Create an SVG of a simple yellow sun with rays",
"output": [
"Generated: sun_icon.svg",
"The SVG file has been created with a yellow circular sun and radiating rays."
]
},
{
"input": "Create an SVG of a green tree with brown trunk",
"output": [
"Generated: green_tree.svg",
"The SVG file contains a stylized tree with green foliage and brown trunk."
]
}
],
"best_practices": [
"Provide clear, specific descriptions of what you want in the image",
"Mention specific colors and basic shapes for better results",
"Keep descriptions simple for icons and symbols for cleaner SVG output",
"Check that GEMINI_API_KEY is set before requesting complex images"
],
"anti_patterns": [
"Avoid asking for photorealistic images, as SVG is vector-based",
"Do not request extremely complex scenes with many small details",
"Avoid descriptions that require precise human faces or text rendering",
"Do not expect the skill to install autotrace without sudo access available"
],
"faq": [
{
"question": "What is required to use this skill?",
"answer": "You need a Google Gemini API key set as the GEMINI_API_KEY environment variable, and the autotrace CLI tool must be installed on your system."
},
{
"question": "Can I generate SVGs without an API key?",
"answer": "No. This skill requires a GEMINI_API_KEY to access Google Gemini for image generation. The autotrace tool alone converts existing images, but cannot generate new ones from text."
},
{
"question": "What types of images work best?",
"answer": "Simple shapes, icons, logos, and abstract designs work best. Complex scenes with many details may produce less clean vector results."
},
{
"question": "How do I install autotrace if it is missing?",
"answer": "The SKILL.md includes setup instructions. You will need sudo access to install the required packages including git, build-essential, imagemagick, libmagickcore-dev, pstoedit, and libpstoedit-dev."
},
{
"question": "Where are the SVG files saved?",
"answer": "SVG files are saved with an 8-30 character filename based on your prompt description, in the current working directory."
},
{
"question": "Can I convert my own images to SVG?",
"answer": "This skill focuses on generating SVGs from text prompts. To convert existing images, you would need to provide the image content to Gemini first, then use autotrace for vectorization."
}
]
},
"file_structure": [
{
"name": "SKILL.md",
"type": "file",
"path": "SKILL.md",
"lines": 38
}
]
}