Cc Skills Svg Generator

SVG生成器

根据文本提示生成SVG，或使用 Quiver AI API

作为一个 跨平台AI代理技能 （Claude Code、Codex CLI、Gemini CLI、Cursor、Windsurf） MCP服务器 （克劳德代码、Codex、Cursor、Cline、Roo代码、克劳德桌面）。

先决条件

从获取API密钥 Quiver AI 并将其设置为环境变量：

export QUIVER_API_KEY="your-api-key-here"

安装

克劳德代码（插件）

claude plugin add /path/to/cc-skills-svg-generator

这将安装技能（提示驱动使用）和MCP服务器（基于工具的使用）。

克劳德代码（仅限MCP服务器）

claude mcp add svg-generator -- uvx svg-generator-mcp

克劳德代码（仅限技能）

复制或符号链接 svg-generator/ 将目录放入技能文件夹：

# User-level (all projects)
cp -r svg-generator ~/.claude/skills/svg-generator

# Project-level (this project only)
mkdir -p .claude/skills
cp -r svg-generator .claude/skills/svg-generator

OpenAI Codex命令行界面

作为一种技能：

mkdir -p .agents/skills
cp -r svg-generator .agents/skills/svg-generator

作为MCP服务器 --添加到 ~/.codex/config.toml:

[mcp_servers.svg-generator]
command = "uvx"
args = ["svg-generator-mcp"]
enabled = true

光标

添加 .cursor/mcp.json 在您的项目中：

{
  "mcpServers": {
    "svg-generator": {
      "command": "uvx",
      "args": ["svg-generator-mcp"],
      "env": {
        "QUIVER_API_KEY": "your-api-key-here"
      }
    }
  }
}

Cline/Roo代码

通过MCP设置面板添加，或添加到MCP配置文件中：

{
  "mcpServers": {
    "svg-generator": {
      "command": "uvx",
      "args": ["svg-generator-mcp"],
      "env": {
        "QUIVER_API_KEY": "your-api-key-here"
      }
    }
  }
}

克劳德桌面版

添加 ~/Library/Application Support/Claude/claude_desktop_config.json （macOS）或 %APPDATA%\Claude\claude_desktop_config.json （Windows）：

{
  "mcpServers": {
    "svg-generator": {
      "command": "uvx",
      "args": ["svg-generator-mcp"],
      "env": {
        "QUIVER_API_KEY": "your-api-key-here"
      }
    }
  }
}

从PyPI安装

pip install svg-generator-mcp

或者直接与 uvx:

uvx svg-generator-mcp

MCP服务器工具

MCP服务器公开了两个工具：

generate_svg

根据文本描述生成SVG。

vectorize_svg

将光栅图像（PNG、JPG、WebP）转换为SVG。

CLI脚本

该技能还包括独立CLI脚本：

# Text-to-SVG
python3 svg-generator/scripts/generate_svg.py \
  --prompt "a minimalist mountain logo" \
  --output mountain.svg

# Image-to-SVG
python3 svg-generator/scripts/vectorize_svg.py \
  --image photo.png \
  --output vectorized.svg

看 svg-generator/SKILL.md 获取完整的CLI文档。

项目结构

.
├── .claude-plugin/
│   └── plugin.json           # Claude Code plugin manifest
├── .mcp.json                 # Project-level MCP config
├── svg-generator/
│   ├── SKILL.md              # Cross-platform agent skill
│   ├── references/
│   │   └── api_reference.md
│   └── scripts/
│       ├── generate_svg.py
│       └── vectorize_svg.py
├── src/
│   └── svg_generator_mcp/
│       ├── __init__.py
│       └── server.py         # MCP server implementation
├── pyproject.toml            # Python package config
└── svg-generator.skill       # Packaged skill (zip)

运作原理

许可证

麻省理工学院