fusion-svg-mcp

fusion-svg-mcp

MCP server that generates Disler-style fusion-harness README diagrams with dark GitHub chrome, monospace type, role colors, and CSS flow animations.

Category
Visit Server

README

fusion-svg-mcp

MCP server that generates Disler-style fusion-harness README diagrams — same dark GitHub chrome, monospace type, role colors, and CSS flow animations.

Used by the fork: oteroantoniogom/fusion-models.

Install

git clone https://github.com/oteroantoniogom/fusion-svg-mcp.git
cd fusion-svg-mcp
npm install

Cursor MCP (~/.cursor/mcp.json)

{
  "mcpServers": {
    "fusion-svg": {
      "command": "npx",
      "args": ["tsx", "src/server.ts"],
      "cwd": "/ABSOLUTE/PATH/TO/fusion-svg-mcp"
    }
  }
}

On Windows, prefer an absolute node.exe + tsx path if npx is unreliable in MCP hosts.

Tools

Tool Purpose
list_style_tokens Palette, glyphs, structural rules from Disler originals
list_diagrams Diagram ids (svg-07…svg-12) + reference originals
preview_diagram Return SVG markup without writing
generate_diagram Write one SVG to disk
generate_all_fork_diagrams Write all fork diagrams

CLI

npm run generate
npm run generate -- gauntlet-pipeline
npm run generate -- --out ./out

Diagrams

Id File
gauntlet-campaign svg-07-gauntlet-campaign.svg
coordination-suite svg-08-coordination-suite.svg
multi-provider-cast svg-09-multi-provider-cast.svg
council-panel svg-10-council-panel.svg
value-ladder svg-11-value-ladder.svg
gauntlet-pipeline svg-12-gauntlet-pipeline.svg

Open preview.html to compare against upstream svg-03.

Examples (prompt → result)

Prompt Result SVG
examples/gauntlet-pipeline.prompt.md examples/gauntlet-pipeline.result.svg
examples/coordination-suite.prompt.md examples/coordination-suite.result.svg
examples/council-panel.prompt.md examples/council-panel.result.svg

Flow diagram: examples/prompt-to-result.result.svg

npm run examples

<p align="center"> <img src="examples/prompt-to-result.result.svg" alt="MCP prompt in, SVG result out" width="760"> </p>

<p align="center"> <img src="examples/gauntlet-pipeline.result.svg" alt="Example gauntlet-pipeline result" width="850"> </p>

Style grammar (from Disler originals)

Token Rule
Canvas #0d1117, rx=14, inset stroke #30363d
Cards #161b22, rx=10, accent stroke 1.5
Roles architect #a78bfa · builder #f0b429 · fusion #22d3ee · success #3fb950 · error #f85149 · panel #58a6ff
Font ui-monospace,SFMono-Regular,Menlo,Consolas,monospace
Motion .flow dash march 1.1s + prefers-reduced-motion: reduce

License

MIT

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured