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

  • mcp-icon by hustcc

    A Model Context Protocol (MCP) server for semantic SVG icon search. Generate infographic SVG icons by keyword — over 100,000 icons with semantic search support.

  • Mermaid Diagram Generator by hustcc

    Generate dynamic Mermaid diagrams and charts with AI assistance. Customize styles and export diagrams in multiple formats including PNG, SVG, and Mermaid syntax. Ensure valid Mermaid syntax for multi-round AI interactions to produce accurate visualizations.

  • Icon by hustcc

    Generate and manage professional-grade icons for diverse design needs. Simplifies the search for high-quality visual assets to streamline development workflows. Enhances user interface design with consistent and scalable imagery.

  • MCP Mermaid by hustcc

    Generate mermaid diagram and chart with AI MCP dynamically.

  • MCP ECharts by hustcc

    Generate Apache ECharts with AI MCP dynamically for chart generation and data analysis. Optionally integrates with MinIO object storage for storing chart images as URLs, configurable via environment variables.

  • 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.

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.