QuiverAI Skill
by @lolieatapple
Generate SVGs from text prompts and convert raster images (PNG/JPG/WebP) to SVG using QuiverAI's AI models. Use when user asks to create icons, illustrations...
clawhub install quiver-ai-skillπ About This Skill
name: quiver description: Generate SVGs from text prompts and convert raster images (PNG/JPG/WebP) to SVG using QuiverAI's AI models. Use when user asks to create icons, illustrations, logos as SVG, or to vectorize/convert an image to SVG. argument-hint: "
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
Commands
Text to SVG β quiver generate
Generate SVG graphics from a text description.
quiver generate [options] ""
Options:
| Flag | Description |
|------|-------------|
| -m, --model | Model ID (default: arrow-preview) |
| -o, --output | Save to file instead of stdout |
| -s, --stream | Stream via SSE (shows progress on stderr) |
| -n, --count | Number of SVG variants (default: 1) |
| -t, --temperature | Creativity level (default: 1) |
| -i, --instructions | Additional style guidance |
| --max-tokens | Upper bound on output tokens |
| -r, --reference | Reference image (repeatable) |
Image to SVG β quiver vectorize
Convert a raster image into a clean SVG vector.
quiver vectorize [options]
Options:
| Flag | Description |
|------|-------------|
| -m, --model | Model ID (default: arrow-preview) |
| -o, --output | Save to file instead of stdout |
| -s, --stream | Stream via SSE |
| -t, --temperature | Temperature (default: 1) |
| --auto-crop | Auto-crop to dominant subject |
| --target-size | Resize before processing |
| --max-tokens | Upper bound on output tokens |
List Models β quiver models
quiver models list
quiver models get
Configuration β quiver config
quiver config set api_key
quiver config set default_model
quiver config get
quiver config path
Workflow
When the user asks you to create or generate an SVG:
1. Run pwd to confirm the working directory.
2. Determine whether this is a generate (text-to-SVG) or vectorize (image-to-SVG) task.
3. Always use -o to save the output to a file so the user can use it.
4. Pick a sensible filename based on the prompt content (e.g., rocket-icon.svg).
5. Run the quiver command.
6. Read the generated SVG file to verify it was created successfully.
7. 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
-o so the user has a usable artifact.--auto-crop for vectorize when the source image has whitespace or background.-t 0.7) gives more consistent results.-t 1.2) adds variety.-i instructions to control style: "flat design", "line art", "monochrome", "gradient", etc.quiver is not found, tell the user to install it: npm install -g quiver-ai-cliquiver config set api_key π‘ 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
βοΈ Configuration
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
π Tips & Best Practices
-o so the user has a usable artifact.--auto-crop for vectorize when the source image has whitespace or background.-t 0.7) gives more consistent results.-t 1.2) adds variety.-i instructions to control style: "flat design", "line art", "monochrome", "gradient", etc.quiver is not found, tell the user to install it: npm install -g quiver-ai-cliquiver config set api_key