MCP Server Svgl

🚀 SVG 液 MCP サーバー

このサーバーは SVGL（スケーラブルベクターグラフィック言語）をベースにした MCP サーバーで、SVG コンテンツの処理、検証、およびリポジトリへのアクセス機能を提供します。

SVGL API

✨ 主な機能

• SVG 検証：SVGL 規格に基づいて SVG コンテンツを検証します。
• SVG リポジトリアクセス：SVGL リポジトリ内の SVG を閲覧および検索できます。
• 詳細なエラーレポート：行単位の検証フィードバック情報を取得できます。
• Base64 エンコード：SVG を Base64 形式で提供し、埋め込み使用を容易にします。

🛠️ ツール

svgl_validate

• SVG コンテンツが SVGL 規格に準拠しているか検証します。
• 入力:
  • svgContent (文字列): 検証する SVG コンテンツ
• 行番号とエラー情報を含む詳細な検証結果を返します。

svgl_list

• リポジトリ内のすべての SVG とそのメタデータをリストします。
• 以下のフィールドを含む SVG 項目の配列を返します:
  • id: 一意の識別子
  • title: SVG のタイトル
  • category: SVG のカテゴリ
  • route: SVG のルート（文字列または明暗のテーマバリエーションを持つオブジェクト）
  • url: SVG の URL

svgl_get

• 名前に基づいて特定の SVG を検索します。
• 入力:
  • name (文字列): 検索する SVG の名前
• Base64 形式でエンコードされた有効な SVG コンテンツを返します。

🚀 クイックスタート

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 での使用

VS Code で設定するには、以下の内容をユーザー設定（JSON）ファイルに追加してください。Ctrl + Shift + P を押して「設定: ユーザー設定（JSON）を開く」を入力することで設定ファイルを開けます。

Docker

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

NPX

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

手動インストール

オプションとして、ワークスペース内の .vscode/mcp.json ファイルに追加することもできます。これにより、他のユーザーと設定を共有できます。

⚠️ 重要提示

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

🛠️ ビルド

Docker ビルド

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

📄 ライセンス

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