generate-svg

SVG の生成

Quiver AI の Arrow arrow-preview を使用して SVG グラフィックを生成します。テキストからの SVG 生成と、画像の SVG へのベクター化の両方に対応しています。

使用するタイミング

ユーザーから次の依頼があった場合に、このスキルを使用します。

• テキストによる説明から SVG グラフィック、ロゴ、アイコン、イラストを作成する
• 既存の画像を SVG にベクター化／変換する

API キーが必要です

環境変数に QUIVERAI_API_KEY または QUIVER_API_KEY を設定してください。キーは https://quiver.ai で取得できます。

使用方法

bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "prompt" [options]

テキストから SVG を生成するオプション

フラグ	型	デフォルト	範囲	説明
--instructions <text>	文字列	—	—	スタイルや書式に関する追加の指示
--references <url>	文字列	—	最大 4 件	参照画像の URL または base64（複数指定する場合はフラグを繰り返します）
--count <n>	整数	1	1–16	生成する SVG の数
--temperature <n>	浮動小数点数	1	0–2	サンプリング温度（値が低いほど決定性が高くなります）
--top-p <n>	浮動小数点数	1	0–1	ニュークリアスサンプリングの確率
--presence-penalty <n>	浮動小数点数	0	-2–2	以前の出力に含まれるトークンに対するペナルティ
--max-tokens <n>	整数	—	1–131072	出力トークンの最大数（最も詳細にするには 131072 を使用します）
--output <path>	文字列	output.svg	—	出力ファイルのパス

画像から SVG への変換（ベクター化）オプション

フラグ	型	デフォルト	範囲	説明
--vectorize	ブール値	false	—	ベクター化モードを有効にします
--image <url|base64>	文字列	—	—	元画像（ベクター化モードでは必須）
--auto-crop	ブール値	false	—	ベクター化の前に主要な被写体に合わせて自動で切り抜きます
--target-size <n>	整数	—	128–4096	推論前に適用する正方形へのリサイズサイズ（ピクセル単位）
--count, --temperature, --top-p, --presence-penalty, --max-tokens, --output	—	—	—	テキストから SVG を生成する場合と同じです

例

# Simple SVG generation
bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "minimalist mountain logo"

# High-detail render (max tokens)
bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "photorealistic bee" --max-tokens 131072

# With style instructions
bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${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 --cwd ${CLAUDE_PLUGIN_ROOT} ${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 --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts "company logo" --output logo.svg

# Vectorize an image URL to SVG
bun run --cwd ${CLAUDE_PLUGIN_ROOT} ${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 --cwd ${CLAUDE_PLUGIN_ROOT} ${CLAUDE_PLUGIN_ROOT}/skills/generate-svg/scripts/generate.ts --vectorize --image https://example.com/photo.jpg --target-size 2048 --max-tokens 131072

モデル

SVG の生成には Arrow arrow-preview（Quiver AI）を使用します。SVG_MODEL 環境変数で変更できます。

料金：リクエストごとに 1 クレジット（--count に関係なく）。 レート制限：60 秒あたり 20 リクエスト。

最終確認日：2026 年 3 月。