SVGL MCP Server

SVGL MCP サーバー

SVGL（Scalable Vector Graphics Language）を使用して SVG コンテンツを処理し、検証とリポジトリアクセス機能を提供する MCP サーバーの実装です。

SVGL API

機能

• SVG の検証：SVGL の仕様に照らして SVG コンテンツを検証します
• SVG リポジトリへのアクセス：SVGL リポジトリ内の SVG を閲覧、取得します
• 詳細なエラー報告：行ごとの検証結果を取得します
• Base64 エンコード：埋め込みに便利な Base64 形式で SVG を取得します

ツール

• svgl_validate

  • SVGL の仕様に照らして SVG コンテンツを検証します
  • 入力：
    • svgContent (string)：検証する SVG コンテンツ
  • 行番号やエラーメッセージを含む詳細な検証結果を返します

• svgl_list

  • メタデータとともに、リポジトリ内のすべての SVG を一覧表示します
  • 次の情報を含む SVG アイテムの配列を返します：
    • id：一意の識別子
    • title：SVG のタイトル
    • category：SVG のカテゴリ
    • route：SVG のルート（文字列、またはライト／ダークのバリエーションを含むオブジェクト）
    • url：SVG の URL

• svgl_get

  • 名前を指定して特定の SVG を取得します
  • 入力：
    • name (string)：取得する SVG の名前
  • 有効な場合、SVG コンテンツを Base64 形式で返します

Claude Desktop での使用方法

claude_desktop_config.json に次の内容を追加してください。

Docker

{
  "mcpServers": {
    "svgl": {
      "command": "docker",
      "args": ["run", "-i", "--rm", "mcp/svgl"]
    }
  }
}

NPX

{
  "mcpServers": {
    "svgl": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-svgl"]
    }
  }
}

VS Code での使用方法

すばやくインストールするには、以下のワンクリックインストールボタンを使用してください……

手動でインストールするには、次の JSON ブロックを VS Code のユーザー設定（JSON）ファイルに追加してください。Ctrl + Shift + P を押して Preferences: Open User Settings (JSON) と入力すると開けます。

必要に応じて、ワークスペース内の .vscode/mcp.json というファイルに追加することもできます。これにより、設定を他のユーザーと共有できます。

.vscode/mcp.json ファイルでは、mcp キーは不要です。

Docker

{
  "mcp": {
    "servers": {
      "svgl": {
        "command": "docker",
        "args": ["run", "-i", "--rm", "mcp/svgl"]
      }
    }
  }
}

NPX

{
  "mcp": {
    "servers": {
      "svgl": {
        "command": "npx",
        "args": ["-y", "@modelcontextprotocol/server-svgl"]
      }
    }
  }
}

ビルド

Docker ビルド：

docker build -t mcp/svgl:latest -f src/svgl/Dockerfile .

ライセンス

この MCP サーバーは MIT License の下でライセンスされています。MIT License の利用規約に従うことを条件に、ソフトウェアを自由に使用、変更、配布できます。詳細については、プロジェクトリポジトリ内の LICENSE ファイルを参照してください。