SVGL MCP Server

by sam-trost

165 downloads
Not rated
GitHub

Description

# SVGL MCP Server An MCP server implementation that processes SVG content using SVGL (Scalable Vector Graphics Language), providing validation and repository access capabilities. [SVGL API](https://svgl.app/api) ## Features - **SVG Validation**: Validate SVG content against SVGL…

About

# SVGL MCP Server An MCP server implementation that processes SVG content using SVGL (Scalable Vector Graphics Language), providing validation and repository access capabilities. [SVGL API](https://svgl.app/api) ## Features - **SVG Validation**: Validate SVG content against SVGL specifications - **SVG Repository…

Details

Author
sam-trost
Downloads
165
Categories
Other

- Validate SVG content against SVGL specifications.
- Browse and retrieve SVGs from the SVGL repository.
- Detailed error reporting with line numbers.
- Base64 encoding for easy SVG embedding.

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

  1. Download and install Highlight from highlightai.com/download
  2. Navigate to the plugins tab and select "Add Custom Plugin"
  3. Configure the plugin with the settings below
    Plugin Name SVGL MCP Server
    Command (node, npx, python, etc.)

    Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.

  4. Enable "Start Automatically" if you want the plugin to start when Highlight launches

From the repository

Configure it in your MCP client such as Claude Desktop or VS Code using Docker (docker run -i --rm mcp/svgl) or NPX (npx -y @modelcontextprotocol/server-svgl). The server exposes three tools: svgl_validate for validation, svgl_list for listing repository content, and svgl_get for retrieving a specific SVG.

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "svgl mcp server": {
            "mcp-server-svgl": {
                "command": "docker",
                "args": [
                    "build",
                    "-t",
                    "mcp/svgl:latest",
                    "-f",
                    "src/svgl/Dockerfile",
                    "."
                ]
            }
        }
    }
}

McpServers

{
    "mcp-server-svgl": {
        "command": "docker",
        "args": [
            "build",
            "-t",
            "mcp/svgl:latest",
            "-f",
            "src/svgl/Dockerfile",
            "."
        ]
    }
}

SVGL MCP Server

An MCP server implementation that processes SVG content using SVGL (Scalable Vector Graphics Language), providing validation and repository access capabilities.

SVGL API

Features

- SVG Validation: Validate SVG content against SVGL specifications
- SVG Repository Access: Browse and retrieve SVGs from the SVGL repository
- Detailed Error Reporting: Get line-by-line validation feedback
- Base64 Encoding: Get SVGs encoded in base64 format for easy embedding

Tools

- svgl_validate

- Validate SVG content against SVGL specifications
- Inputs:
- svgContent (string): SVG content to validate
- Returns detailed validation results including line numbers and error messages

- svgl_list

- List all SVGs in the repository with their metadata
- Returns an array of SVG items with:
- id: Unique identifier
- title: SVG title
- category: SVG category
- route: SVG route (string or object with light/dark variants)
- url: SVG URL

- svgl_get
- Retrieve a specific SVG by name
- Inputs:
- name (string): The name of the SVG to retrieve
- Returns the SVG content in base64 format if valid

Usage with Claude Desktop

Add this 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"]
    }
  }
}

Usage with VS Code

For quick installation, use the one-click installation buttons below...

Install with NPX in VS Code Install with NPX in VS Code Insiders

Install with Docker in VS Code Install with Docker in VS Code Insiders

For manual installation, add the following JSON block to your User Settings (JSON) file in VS Code. You can do this by pressing Ctrl + Shift + P and typing Preferences: Open User Settings (JSON).

Optionally, you can add it to a file called .vscode/mcp.json in your workspace. This will allow you to share the configuration with others.

> Note that the mcp key is not needed in the .vscode/mcp.json file.

Docker

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

NPX

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

Build

Docker build:

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

License

This MCP server is licensed 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 details, please see the LICENSE file in the project repository.

No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.