mcpField
G
generate-svg

generate-svg

github.com/b-open-io创意与媒体1254 次安装5 周前更新
代码仓库

关于 generate-svg

此技能通过 Quiver AI 的 Arrow `arrow-preview` 生成 SVG，支持文本生成图形和将现有图像矢量化，面向需要制作或转换 SVG 的创作者。

主要功能

  1. 01根据文本生成 SVG
  2. 02将图像矢量化为 SVG
  3. 03提供风格说明和参考图选项
  4. 04支持裁剪与尺寸设置

适用场景

  1. 01从描述制作图标或标志
  2. 02将现有位图转换为 SVG
  3. 03生成多份 SVG 设计方案

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/b-open-io/gemskills --skill generate-svg

安装后在 Claude Code 中输入/generate-svg确认已加载。

附带文件.clawnet/unsigned-skill.jsonscripts/generate.ts

详细介绍

生成 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>string——额外的样式或格式指导
--references <url>string—最多 4 个参考图像 URL 或 base64（有多个时重复使用该标志）
--count <n>integer11–16要生成的 SVG 数量
--temperature <n>float10–2采样温度（值越低，结果越确定）
--top-p <n>float10–1核采样概率
--presence-penalty <n>float0-2–2对先前输出中已有词元的惩罚
--max-tokens <n>integer—1–131072最大输出词元数（要获得最高细节，请使用 131072）
--output <path>stringoutput.svg—输出文件路径
图像转 SVG（矢量化）选项
标志类型默认值范围描述
--vectorizebooleanfalse—启用矢量化模式
--image <url|base64>string——源图像（矢量化模式下必需）
--auto-cropbooleanfalse—矢量化前自动裁剪至主要主体
--target-size <n>integer—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

模型

使用 Arrow arrow-preview（Quiver AI）生成 SVG。可通过 SVG_MODEL 环境变量覆盖。

费用：每次请求消耗 1 个点数（与 --count 无关）。 速率限制：每 60 秒最多 20 次请求。

上次验证时间：2026 年 3 月。

评论

支持 Markdown