MCP Server Svgl

🚀 SVG Liquid MCP Server

An MCP server implemented based on SVGL (Scalable Vector Graphics Language) for processing SVG content, offering validation and repository access capabilities.

SVGL API

✨ Features

• SVG Validation: Validate SVG content against the SVGL specification.
• SVG Repository Access: Browse and retrieve SVGs from the SVGL repository.
• Detailed Error Reporting: Obtain line-by-line validation feedback information.
• Base64 Encoding: Provide the Base64 format of SVG for easy embedding.

🛠️ Tools

svgl_validate

• Validate whether the SVG content complies with the SVGL specification.
• Input:
  • svgContent (string): The SVG content to be validated.
• Return detailed validation results, including line numbers and error messages.

svgl_list

• List all SVGs and their metadata in the repository.
• Return an array of SVG items containing the following fields:
  • id: Unique identifier.
  • title: SVG title.
  • category: SVG category.
  • route: SVG route (string or an object with light and dark theme variants).
  • url: URL of the SVG.

svgl_get

• Retrieve a specific SVG by name.
• Input:
  • name (string): The name of the SVG to retrieve.
• Return the valid SVG content encoded in Base64 format.

💻 Usage Examples

Using Claude Desktop

Add the following content to your 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"]
    }
  }
}

Using VS Code

To configure in VS Code, add the following content to the user settings (JSON) file. You can do this by pressing Ctrl + Shift + P and entering "Preferences: Open User Settings (JSON)".

Docker

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

NPX

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

Manual Installation

Optionally, you can add it to the .vscode/mcp.json file in your workspace. This allows sharing the configuration with other users.

⚠️ Important Note

The mcp keyword is not required in the .vscode/mcp.json file.

🛠️ Build

Docker Build

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

📄 License

This MCP server is released under the MIT License. This means you are free to use, modify, and distribute the software, subject to the terms and conditions of the MIT License. For more detailed information, please refer to the LICENSE file in the project repository.