Mermaid
Generate Mermaid diagrams and charts dynamically with AI. Create flowcharts, sequence diagrams, class diagrams, and more via MCP.
$ npx claude-code-templates@latest --mcp="devtools/mermaid" --yesRequires Claude Code. The command adds this mcp server to your project's .claudedirectory — nothing runs on ToolZip's servers.
What's inside this mcp server
Component source
{
"mcpServers": {
"mermaid": {
"description": "Generate Mermaid diagrams and charts dynamically with AI. Create flowcharts, sequence diagrams, class diagrams, and more via MCP.",
"command": "npx",
"args": ["-y", "mcp-mermaid"]
}
}
}
Related Claude Code MCP Servers
Context7
Context7 by Upstash pulls up-to-date, version-specific documentation and code examples straight from the source and injects them into your prompt. Add 'use context7' to any prompt to activate.
Chrome Devtools
A Model Context Protocol server for interacting with Chrome DevTools, enabling browser automation, debugging, and performance analysis capabilities.
Figma Dev Mode
The Dev Mode MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files.
Markitdown
Convert various file formats (PDF, Word, Excel, images, audio) to Markdown.
Ios Simulator Mcp
Control iOS Simulator directly from Claude Code. Launch apps, take screenshots, manage device states, and streamline mobile development workflows.
Serena
Semantic code retrieval & editing tools for coding agents.
Catalog data and component content are sourced from the open-source davila7/claude-code-templates project (MIT license). ToolZip curates the listing and writes original descriptions; every component links back to its original source. Claude Code is a product of Anthropic. ToolZip is an independent catalog and is not affiliated with or endorsed by Anthropic.