Handles QuiverAI API integration, authentication, and error handling for text-to-SVG and image-to-SVG tasks.

Install

mkdir -p .claude/skills/quiver-ai && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/11777" && unzip -o skill.zip -d .claude/skills/quiver-ai && rm skill.zip

Installs to .claude/skills/quiver-ai

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

Integrate or troubleshoot QuiverAI's API at api.quiver.ai for listing models, generating SVGs from text, and vectorizing images into SVG. Use when Codex needs to wire QuiverAI into a Node.js or REST client, handle QUIVERAI_API_KEY safely, debug QuiverAI HTTP errors or rate limits, or decide whether direct API calls are enough versus when to expose QuiverAI through an MCP server.
381 chars✓ has a “when” triggerlonger than Claude Code's old 250-char listing cap (fine on current versions)
Intermediate

Key capabilities

  • Integrate QuiverAI API into Node.js projects using `@quiverai/sdk`
  • Integrate QuiverAI API into other languages via direct REST API calls
  • Manage `QUIVERAI_API_KEY` securely using environment variables or secret managers
  • Discover available QuiverAI model IDs via `GET /v1/models`
  • Generate SVGs from text using `POST /v1/svgs/generations`
  • Vectorize images into SVG using `POST /v1/svgs/vectorizations`

How it works

The skill facilitates QuiverAI API integration by guiding the choice between SDK or REST calls, managing API keys, and using specific endpoints for model discovery, text-to-SVG generation, and image-to-SVG vectorization. It also includes error handling strategies.

Inputs & outputs

You give it
QuiverAI API integration request, `QUIVERAI_API_KEY`, text prompt, or image file
You get back
Integrated QuiverAI functionality, list of models, generated SVG, or vectorized SVG

When to use quiver-ai

  • Generating SVGs from text prompts
  • Vectorizing images for web graphics
  • Troubleshooting QuiverAI API integration errors

About this skill

QuiverAI

Use this skill for QuiverAI API integration work. Start with direct API calls or the official Node.js SDK. Escalate to a remote MCP server only when the job needs reusable live tools, centralized auth, or a shareable agent surface.

Workflow

  1. Read references/api.md for the current API surface and official doc links.
  2. If the user wants a hosted agent surface, read references/remote-mcp.md and use $building-mcp-server-on-cloudflare.
  3. Choose the smallest viable integration surface:
    • Node.js project: prefer @quiverai/sdk.
    • Other languages or thin integrations: call the REST API directly.
  4. Load auth from QUIVERAI_API_KEY. Keep the key in an environment variable or secret manager. Never commit it.
  5. Start with the smallest useful endpoint:
    • GET /v1/models to discover available model IDs
    • POST /v1/svgs/generations for text-to-SVG
    • POST /v1/svgs/vectorizations for image-to-SVG
  6. Default to non-streaming calls. Use stream: true only when the caller explicitly needs server-sent events.
  7. Handle failures deliberately:
    • respect Retry-After and X-RateLimit-*
    • use exponential backoff for 429, 502, and 503
    • surface request_id from error payloads when present
  8. Report what you wired: endpoints used, auth source, and any rate-limit or billing constraint that matters.

Secret Handling

  • Do not write the user's API key into SKILL.md, references/, tests, examples, committed config, or git history.
  • For local PowerShell work, set the key in-session:
$env:QUIVERAI_API_KEY = "<your-key>"
  • For app code, read process.env.QUIVERAI_API_KEY or the language equivalent.
  • For shared or production systems, use deployment environment variables or a secret manager.
  • For Cloudflare Workers, store the key as a Worker secret, for example wrangler secret put QUIVERAI_API_KEY.

Remote MCP on Cloudflare

Prefer a Cloudflare remote MCP server when the user wants QuiverAI available as reusable tools in Claude, Cursor, ChatGPT, or other MCP clients.

Default design:

  • Host a focused remote MCP server over Streamable HTTP at /mcp
  • Keep QUIVERAI_API_KEY server-side as a Worker secret
  • Add OAuth for MCP client access; this protects your MCP tools, not the upstream Quiver credential
  • Expose a small tool surface instead of the entire Quiver API:
    • quiver_list_models
    • quiver_generate_svg
    • quiver_vectorize_svg

Auth default:

  • Internal or team-only use: prefer Cloudflare Access as the OAuth provider
  • Broader shared use: prefer a third-party OAuth provider or an existing identity system

Do not hand the raw Quiver API key to MCP clients. The Worker should call Quiver on behalf of authenticated users.

Skill vs MCP Server

Use this skill alone when the job is:

  • local integration work inside one repo
  • guidance on auth, endpoints, request shapes, or retries
  • one-off scripts or application code that can call QuiverAI directly

Build an MCP server only when the job needs:

  • stable QuiverAI tools for ChatGPT, Codex, or other MCP clients
  • centralized custody of the API key on a server boundary
  • reusable typed tools instead of ad hoc HTTP code in each project
  • a shared integration surface across multiple repos or agents

If those do apply, prefer a Cloudflare remote MCP with OAuth. If they do not, stay with direct SDK or REST integration.

When not to use it

  • When the job needs reusable live tools, centralized auth, or a shareable agent surface
  • When the user wants to commit `QUIVERAI_API_KEY` to source control
  • When the user wants to hand the raw Quiver API key to MCP clients

Limitations

  • Does not upload source, prompts, traces, completions, datasets, repo paths, secrets, or private notes without explicit approval
  • Does not make silent source edits
  • Does not hand the raw Quiver API key to MCP clients

How it compares

This skill provides a structured approach to integrating QuiverAI services, including secure API key handling and error management, which is more guided than simply making raw API calls.

Compared to similar skills

quiver-ai side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
quiver-ai (this skill)03moReviewIntermediate
telegram-mini-app626moReviewAdvanced
create-mcp-app35moReviewAdvanced
shopify-apps14moReviewIntermediate

Try saying

Example prompts that trigger this skill in your AI assistant.

You might also like

telegram-mini-app

davila7

Expert in building Telegram Mini Apps (TWA) - web apps that run inside Telegram with native-like experience. Covers the TON ecosystem, Telegram Web App API, payments, user authentication, and building viral mini apps that monetize. Use when: telegram mini app, TWA, telegram web app, TON app, mini app.

62163

create-mcp-app

modelcontextprotocol

This skill should be used when the user asks to "create an MCP App", "add a UI to an MCP tool", "build an interactive MCP View", "scaffold an MCP App", or needs guidance on MCP Apps SDK patterns, UI-resource registration, MCP App lifecycle, or host integration. Provides comprehensive guidance for building MCP Apps with interactive UIs.

331

shopify-apps

alinaqi

Shopify app development - Remix, Admin API, checkout extensions

19

ccxt-typescript

ccxt

CCXT cryptocurrency exchange library for TypeScript and JavaScript developers (Node.js and browser). Covers both REST API (standard) and WebSocket API (real-time). Helps install CCXT, connect to exchanges, fetch market data, place orders, stream live tickers/orderbooks, handle authentication, and manage errors. Use when working with crypto exchanges in TypeScript/JavaScript projects, trading bots, arbitrage systems, or portfolio management tools. Includes both REST and WebSocket examples.

15

add-nodebridge-handler

neovateai

Use this skill when adding a new NodeBridge handler to src/nodeBridge.ts, including updating types in src/nodeBridge.types.ts and optionally testing with scripts/test-nodebridge.ts

13

podcast-generation

microsoft

Generate AI-powered podcast-style audio narratives using Azure OpenAI's GPT Realtime Mini model via WebSocket. Use when building text-to-speech features, audio narrative generation, podcast creation from content, or integrating with Azure OpenAI Realtime API for real audio output. Covers full-stack implementation from React frontend to Python FastAPI backend with WebSocket streaming.

13

Search skills

Search the agent skills registry