Mermaid

by hustcc · Web & Browser · mcp-server, ai

Generates Mermaid diagrams by accepting Mermaid syntax with customizable themes, background colors, and output formats including PNG images, SVG strings, or raw syntax.

This MCP server provides AI assistants with Mermaid diagram generation capabilities, built by hustcc and BQXBQX using TypeScript with the Model Context Protocol SDK and mermaid-isomorphic for server-side rendering. The implementation offers a single tool for creating diagrams by accepting Mermaid syntax along with customization options for themes (default, base, forest, dark, neutral), background colors, and output formats (PNG images, SVG strings, or raw Mermaid syntax), featuring input validation through Zod schemas and multiple transport protocols including stdio, SSE, and HTTP streamable. Built with Docker containerization, comprehensive testing infrastructure, and flexible deployment options, it serves developers creating visual documentation from conversational queries, technical writers generating flowcharts and system diagrams, and business users building process documentation without direct Mermaid API interaction.

Source: https://github.com/hustcc/mcp-mermaid

Install

git clone https://github.com/hustcc/mcp-mermaid

Tags: mcp-server, ai

⭐ 489 GitHub stars · Source: pulsemcp

About Web & Browser MCP servers and Claude skills

Web & Browser MCP servers extend what AI agents can do inside Claude Code, Cursor, Copilot, Codex, and Windsurf. The Skiln directory indexes 16,000+ such integrations across 22 categories.

Mermaid is one of hundreds of Web & Browser entries indexed on Skiln. Browse the full Web & Browser category or the complete directory of Claude skills, MCP servers, agents, commands, and hooks.

Related Web & Browser MCPs and skills

  • Polygon.io by massive-com

    Provides complete access to Polygon.io's financial market data API with 35+ tools covering stocks, options, forex, and crypto including real-time trades, quotes, aggregates, market snapshots, ticker details, news, dividends, splits, and financial fundamentals for trading research and market analysis.

  • OpenAI o3 Search by yoshiko-pg

    Provides web search capabilities using OpenAI's o3 model with configurable reasoning effort levels for finding current information and solving complex problems beyond traditional search engines.

  • Omnisearch by spences10

    Unifies search and content processing by dynamically selecting optimal providers like Tavily, Brave, and Perplexity to enable flexible information retrieval and enhancement across multiple domains.

  • Lucid by get-lucid

    Replaces outdated training data with real-time information from live sources through documentation search, package version checking, fact verification, and API reference fetching.

  • WeChat Articles by bwkyd

    Extracts content from WeChat public account articles using browser automation and HTML parsing.

  • Gearsystem by drhelius

    Cross-platform Sega Master System, Game Gear, and SG-1000 emulator with embedded MCP server for AI-assisted debugging and hardware inspection.

  • EVM Blockchain by mcpdotdirect

    Integrates with EVM-compatible blockchains to enable querying data, transferring tokens, reading smart contracts, and resolving ENS names across Ethereum, Optimism, Arbitrum, and Base networks.

  • A-Stock by elsejj

    Provides specialized stock market data retrieval for Chinese markets, enabling detailed stock information access across brief, medium, and full depth levels through a custom data feed system.

Frequently asked questions

How do I install Mermaid?

Add the install command above to your Claude Code, Cursor, or Windsurf MCP configuration. Most servers register via npx, a local command, or a Docker image. Refer to the source repository for environment variables and credential requirements.

Which clients support Mermaid?

Any MCP-compatible client works: Claude Desktop, Claude Code CLI, Cursor, Windsurf, Zed, and VS Code with the official MCP extension. OpenAI Codex and GitHub Copilot increasingly support MCP via adapter bridges.

Is Mermaid free?

The server itself is typically open source. Any upstream service (API keys, paid tiers, hosted infrastructure) may have its own pricing. Check the source repository for details.