メニュー
This skill should be used when the user asks to "generate SVG", "create SVG", "make a logo", "create vector graphics", "generate icon", "make vector illustration", "vectorize image", or needs scalable vector graphics generated via AI.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/JSGforever/skillguard --skill generate-svgコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SOC 職業分類に基づく
SKILL.md を表示中
| name | generate-svg |
| description | This skill should be used when the user asks to "generate SVG", "create SVG", "make a logo", "create vector graphics", "generate icon", "make vector illustration", "vectorize image", or needs scalable vector graphics generated via AI. |
Generate SVG graphics using Arrow arrow-preview by Quiver AI. Supports both text-to-SVG generation and image-to-SVG vectorization.
Use this skill when the user asks to:
Set QUIVERAI_API_KEY or QUIVER_API_KEY in your environment. Get a key at https://quiver.ai.
bun run ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "prompt" [options]
| Flag | Type | Default | Range | Description |
|---|---|---|---|---|
--instructions <text> | string | — | — | Additional style or formatting guidance |
--references <url> | string | — | up to 4 | Reference image URL or base64 (repeat flag for multiple) |
--count <n> | integer | 1 | 1–16 | Number of SVGs to generate |
--temperature <n> | float | 1 | 0–2 | Sampling temperature (lower = more deterministic) |
--top-p <n> | float | 1 | 0–1 | Nucleus sampling probability |
--presence-penalty <n> | float | 0 | -2–2 | Penalty for tokens already in prior output |
--max-tokens <n> | integer | — | 1–131072 | Max output tokens (use 131072 for highest detail) |
--output <path> | string | output.svg | — | Output file path |
| Flag | Type | Default | Range | Description |
|---|---|---|---|---|
--vectorize | boolean | false | — | Enable vectorization mode |
--image <url|base64> | string | — | — | Source image (required in vectorize mode) |
--auto-crop | boolean | false | — | Auto-crop to dominant subject before vectorization |
--target-size <n> | integer | — | 128–4096 | Square resize target in pixels before inference |
--count, --temperature, --top-p, --presence-penalty, --max-tokens, --output | — | — | — | Same as text-to-SVG |
# Simple SVG generation
bun run ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "minimalist mountain logo"
# High-detail render (max tokens)
bun run ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "photorealistic bee" --max-tokens 131072
# With style instructions
bun run ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "geometric pattern" --instructions "Use only blue and green colors, bold strokes"
# With reference images
bun run ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "logo in this style" \
--references https://example.com/ref1.png \
--references https://example.com/ref2.png
# Save to specific file
bun run ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "company logo" --output logo.svg
# Vectorize an image URL to SVG
bun run ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts --vectorize --image https://example.com/photo.jpg --auto-crop
# Vectorize with high-res target
bun run ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts --vectorize --image https://example.com/photo.jpg --target-size 2048 --max-tokens 131072
Uses Arrow arrow-preview (Quiver AI) for SVG generation. Override with SVG_MODEL env var.
Cost: 1 credit per request (regardless of --count).
Rate limit: 20 requests per 60 seconds.
Last verified: March 2026.