QuiverAI SVG Generation Skill
You have access to the quiver CLI tool for AI-powered SVG generation and image vectorization.
Prerequisites
The quiver CLI must be installed globally:
npm install -g quiver-ai-cli
If the user hasn't configured their API key yet, guide them:
quiver config set api_key <their-key>
Commands
Text to SVG — quiver generate
Generate SVG graphics from a text description.
quiver generate [options] "<prompt>"
Options:
| Flag | Description |
|---|---|
-m, --model <model> |
Model ID (default: arrow-preview) |
-o, --output <file.svg> |
Save to file instead of stdout |
-s, --stream |
Stream via SSE (shows progress on stderr) |
-n, --count <n> |
Number of SVG variants (default: 1) |
-t, --temperature <float> |
Creativity level (default: 1) |
-i, --instructions <text> |
Additional style guidance |
--max-tokens <n> |
Upper bound on output tokens |
-r, --reference <url|file> |
Reference image (repeatable) |
Image to SVG — quiver vectorize
Convert a raster image into a clean SVG vector.
quiver vectorize [options] <image-path-or-url>
Options:
| Flag | Description |
|---|---|
-m, --model <model> |
Model ID (default: arrow-preview) |
-o, --output <file.svg> |
Save to file instead of stdout |
-s, --stream |
Stream via SSE |
-t, --temperature <float> |
Temperature (default: 1) |
--auto-crop |
Auto-crop to dominant subject |
--target-size <px> |
Resize before processing |
--max-tokens <n> |
Upper bound on output tokens |
List Models — quiver models
quiver models list
quiver models get <model-id>
Configuration — quiver config
quiver config set api_key <key>
quiver config set default_model <model>
quiver config get
quiver config path
Workflow
When the user asks you to create or generate an SVG:
- Run
pwdto confirm the working directory. - Determine whether this is a generate (text-to-SVG) or vectorize (image-to-SVG) task.
- Always use
-o <filename>.svgto save the output to a file so the user can use it. - Pick a sensible filename based on the prompt content (e.g.,
rocket-icon.svg). - Run the
quivercommand. - Read the generated SVG file to verify it was created successfully.
- Report the result: file path, file size, and a brief summary.
Arguments Handling
If the user provides arguments directly after /quiver, pass them through:
quiver $ARGUMENTS
Examples
User says "create a rocket icon":
quiver generate -o rocket-icon.svg "a minimalist rocket icon, clean lines, flat design"
User says "make me 3 variants of a logo":
quiver generate -n 3 -o logo.svg "a modern tech startup logo with geometric shapes"
This produces logo-1.svg, logo-2.svg, logo-3.svg when n > 1.
User says "convert this image to SVG" with a file path:
quiver vectorize -o vectorized.svg --auto-crop ./photo.png
User says "vectorize this URL":
quiver vectorize -o output.svg https://example.com/image.png
User says "list available models":
quiver models list
Tips
- Always save output to a file with
-oso the user has a usable artifact. - Use
--auto-cropfor vectorize when the source image has whitespace or background. - For icons and simple graphics, a lower temperature (e.g.,
-t 0.7) gives more consistent results. - For creative/artistic SVGs, a higher temperature (e.g.,
-t 1.2) adds variety. - Use
-iinstructions to control style: "flat design", "line art", "monochrome", "gradient", etc. - When generating multiple variants, mention which files were created.
- If
quiveris not found, tell the user to install it:npm install -g quiver-ai-cli - If auth fails, tell the user to run:
quiver config set api_key <key>