Mermaid Chart icon

Mermaid Chart

Automates the generation of Mermaid diagrams from code and beautifies SVG outputs, functioning as a powerful Model Context Protocol server.

概要

Mermaid Chart is a powerful Model Context Protocol (MCP) server designed to simplify code visualization. It intelligently analyzes TypeScript/JavaScript code structures using Tree-sitter for high performance, automatically generating various Mermaid diagram types like class, flow, and sequence diagrams. Beyond generation, it offers advanced SVG beautification features, allowing users to apply diverse styles such as sketchy, colorful, minimalist, and professional themes, making it ideal for documentation, presentations, and design prototyping.

主な機能

  • Multiple Diagram Types (Class, Flowchart, Sequence, State, ER)
  • Full Model Context Protocol (MCP) Integration
  • Intelligent Code Analysis (TypeScript/JavaScript)
  • High Performance Code Parsing (Tree-sitter based)
  • 0 GitHub stars
  • Advanced SVG Beautification (Sketchy, Colorful, Minimalist, Professional styles)

ユースケース

  • Automating documentation generation from source code
  • Visualizing software architecture and code relationships
  • Enhancing diagram aesthetics for presentations and reports