Mermaid
Top open-source Mermaid AI systems, agents, and MCP tools.
Discover and install verified Mermaid AI systems, autonomous agent skills, and Model Context Protocol servers on AIStoreHub. Reusable, security-scanned, and ready for 1-click execution in Cursor, Claude Code, and terminal workflows.
Available AI Systems & Skills (29)
Open in Advanced FilterTurn complex codebases into clear, navigable architecture diagrams with Claude Code.
❤️ Generate mermaid diagram and chart with AI MCP dynamically.
AI Agent Skill to generate and render beautiful Mermaid diagrams as SVG or terminal ASCII — 15 themes, 6 diagram types, batch CLI, no browser.
MCP Server to previewing mermaid diagrams with live reload
A Claude Code mod that draws mermaid diagrams, tables and code in color, right in the terminal.
🐔 Agentic systems explained with chickens — the 2024 taxonomy + the 2026 canon (context engineering, skills, MCP, harnesses). Every pattern as a runnable, CI-checked file. Mermaid everywhere.
Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, Qoder, and Pi. 45 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.
RokoAI arch-diagram: a Claude Code & Codex skill that turns any repo or article into an animated architecture diagram (HTML / PNG / MP4 / GIF / Mermaid) with a live trace log
Agent skill that turns natural language, code, Terraform/K8s, SQL, OpenAPI, AsyncAPI, Protobuf and GraphQL sources into editable, tested draw.io architecture diagrams: incremental sync, multi-view projection, drift diff, CI architecture tests, whiteboard derasterize, interactive HTML/PPTX/Mermaid exports.
Skins for Claude Code: tool rows with icons, diff, table and Mermaid chart cards, a usage band and fifteen themes. /skin swaps them live.
Free, open-source diagram canvas. Draw it, write it as code (Mermaid, D2, Structurizr in), ask any AI model or a local one, let Claude Code edit it live over MCP, or map a GitHub repo with every arrow cited to a file and line. MIT, local-first, no account.
Animated technical diagrams from plain English or Mermaid — a Claude skill, self-contained HTML/SVG.
Turn any AI agent into an AI Scientist. The #1 Agent Skills library for science, used by 250,000+ scientists worldwide. 177 ready-to-use validated skills plus 100+ scientific databases covering biology, chemistry, medicine, and drug discovery. Compatible with Cursor, Claude Code, Codex, Pi, Antigravity, and the open Agent Skills standard.
Open-source Grok Bot alternative with a virtual machine that bots can use
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Learn AI Engineering! Learn it. Build it. Ship it for others.
A visual, example-driven guide to Claude Code — from basic concepts to advanced agents, with copy-paste templates that bring immediate value.
Hugging Face's lightweight Python library for autonomous CodeAgents that write and execute actions in plain Python syntax instead of cumbersome JSON.
Free, MIT alternative to paid Django schema review. Blast radius on every PR, schema drift, N+1 across functions, ER diagrams, MCP server. No DB, no Django boot, no Pro tier.
Architecture diagrams and checkable docs from your codebase — ERD, C4, API and lifecycle — generated from Prisma, OpenAPI or GraphQL. One HTML file, no server.
Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.
Colorful, themeable Claude Code replies: tables, code, diagrams, charts and tool rows in 15 themes, with copy buttons. A Claude Code mod.
AI-powered article illustrations with intelligent position detection and cover learning system. Claude Code Skill.
Agent skill that draws architecture, flowchart, sequence, data-flow and lifecycle diagrams as hand-placed SVG, to one linted house style.
Markdown Editor Pro — A powerful, feature-rich markdown editor with live preview, LaTeX math support, GitHub-inspired styling, and seamless integration into React apps. Built with React, TypeScript, and Tailwind CSS.
Review code 100X faster. Lens draws every PR as animated architecture and data-flow walkthroughs, inside the pull request itself. Use it as a GitHub App, GitHub Action, CLI, or a skill for your coding agent
Animated, explorable diagrams for Claude and other coding agents, from a short JSON spec.
SQL → classic Chen ER diagrams & Word design docs. CLI + Agent Skill. Online: yanleaf.com/tools/sql-to-er
An AI Agent-powered Markdown Document Management & Reading System. The AI Agent understands your intent and autonomously invokes 11 different tools to read, create, edit, delete, move files, and even search the web or fetch webpage content.
Build & Monetize for Mermaid
Have you created an autonomous agent, MCP server, or Claude Code skill for Mermaid? Publish it to AIStoreHub with dual-currency checkout (USD $ + INR ₹) and earn 85–90% net revenue.