Create Svg From Prompt

aiskillstore/create-svg-from-prompt

Generate an SVG of a user-requested image or scene

This is a copy. The original lives at comeonoliver/create-svg-from-prompt.

8k tokens

context cost

the whole folder, loaded on every use

files

instructions only

copies elsewhere

how many repositories repackaged it

404

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/aiskillstore/marketplace --skill create-svg-from-prompt

What comes with it

29 460 bytes besides the instruction

skill-report.json

The instruction itself

3 sections, as written by the author

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 install

Core 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>.svg

Arguments 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

How to use it

Copy the folder

Take aiskillstore/create-svg-from-prompt from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.