Mermaid · For developers

Practical guide for creating human-readable and agent-parseable diagrams using Mermaid.

comol/ai_rules_1c

Platform-agnostic Mermaid.js diagramming — flowcharts, sequence diagrams, C4 (via Structurizr or flowchart workarounds), class/state/ER diagrams, Gantt, and block diagrams.

magnus919/hermes-profiles

Generate consistent, template-based Mermaid diagrams for technical content.

LeoYeAI/openclaw-master-skills

[Deprecated] Optional advanced tool for complex data modeling.

TencentCloudBase/CloudBase-AI-Toolkit

Create or audit maintainable diagrams when relationships, sequence, state, hierarchy, or quantitative comparisons are materially clearer visually than in prose.

citypaul/.dotfiles

Generate Mermaid diagrams from user requirements. An agent skill from AI4Scientist/nano-scientist.

AI4Scientist/nano-scientist

Mermaid diagram specialist for creating flowcharts, sequence diagrams, ERDs, and architecture visualizations

davila7/claude-code-templates

Render a reverse-spec rebuild package as traced, script-checked visuals — a Mermaid ER diagram of model.md entities, capability use cases as BPMN processes, and one browsable HTML catalog.

BlackBeltTechnology/pi-agent-dashboard

Optional advanced tool for complex data modeling. An agent skill from Microck/ordinary-claude-skills.

Microck/ordinary-claude-skills

ANALYSIS SKILL — List, find, and visualize Azure resources via Resource Graph or Mermaid.

jonathan-vella/apex

Inspect or update an assigned architecture model, document, drift request, or Mermaid diagram.

Ancienttwo/repo-harness

扫描代码库寻找深化机会，以可视化的 HTML 报告呈现，然后对你选中的方案进行盘问. An agent skill from devcxl/mattpocock-skills-zh.

devcxl/mattpocock-skills-zh

Teaches PMs to create syntactically valid mermaid diagrams by selecting the right diagram type for their communication need, following syntax validity rules, and validating before shipping.

product-on-purpose/pm-skills

Generate a diagram and route to the right engine — draw.io XML (precise, editable, C4, swimlanes) or Excalidraw JSON (hand-drawn, sketch, wireframes).

luongnv89/skills

Generate professional diagrams as valid draw.io XML — flowcharts, architecture, C4 models, ER diagrams, sequence diagrams, mind maps, and swimlanes.

luongnv89/skills

Generate diagrams as valid Excalidraw JSON — flowcharts, architecture, ER diagrams, mind maps, sequence diagrams, wireframes, C4 models, and more.

luongnv89/skills

Generate production-grade engineering design diagrams (architecture, sequence, delta, drift) as self-contained dark-themed HTML files with accessible inline SVG.

jeremylongshore/tons-of-skills-marketplace

Create concise, syntax-verified Mermaid architecture diagrams.

bex-co/beancount-io

UTILITY SKILL — Mermaid diagrams for inline markdown: flowcharts, sequence, Gantt, class, state, ER.

jonathan-vella/apex

Create professional technical diagrams as standalone animated HTML files with SVG graphics, flowing effects, dark/light theme toggle, and export support.

mingchen666/Reviva

Creates professional Mermaid diagrams with semantic styling and visual hierarchy.

rileyhilliard/claude-essentials

Creates interactive educational MicroSims, routing to the best-matched generator - p5.js, Chart.js, Plotly, Mermaid, vis-network, timelines, maps, Venn, causal-loop/feedback-loop diagrams (CLD)…

dmccreary/ibook-skills

Read-side memory operations on the knowledge graph: search past decisions and patterns, load session context, view decision timelines, render Mermaid graph visualizations.

yonatangross/orchestkit

A skill your agent uses when a user needs a legal or legal-adjacent Mermaid diagram from a document, pasted text, matter description, process, timeline, party map, obligation map, corporate…

lawve-ai/awesome-legal-skills

Generates Mermaid flowchart code and visual diagrams for pathophysiological.

aipoch/medical-research-skills

Converts research text into a Mermaid technical roadmap flowchart.

aipoch/medical-research-skills

指定されたリポジトリ、複数リポジトリ、または GitHub organization から、ドメイン固有の専門用語、業界用語、社内・プロダクト用語、リポジトリ実装マップ、技術構成、オンボーディング向け Mermaid 構成図を抽出・生成するときに使う。ユーザーが「用語集を作る」「ドメイン辞書を作る」「オンボーディング資料にする」「repo/org を見て専門用語をまとめる」「AI…

mizchi/skills

Design and analyze activation funnels (AARRR / AAARRR Pirate Metrics) with conversion + drop-off math, bottleneck detection, and Mermaid funnel diagrams.

borghei/Claude-Skills

Flow metrics analyzer (lead time, cycle time, throughput, WIP, aging WIP) for sprint and team health, with cumulative flow diagrams.

borghei/Claude-Skills

Cross-team dependency tracking with critical path analysis and Mermaid dependency graphs for program coordination.

borghei/Claude-Skills

Draft and upload ClosedLoop implementation plans with Mermaid scope flowcharts, then execute one ClosedLoop feature ticket or a parent-approved coherent multi-ticket feature end to end on Codex…

closedloop-ai/claude-plugins

A skill your agent uses to add Mermaid sequenceDiagram blocks to the SAD's runtime view (sad.md §6) — one per critical flow, showing how a request moves between participants with happy + error paths.

genkovich/sdd

A skill your agent uses to derive the user flows of a UI-touching feature after the spec is clarified — one mermaid flowchart per UI-touching §4 user story (happy + alt/error branches from §5 ACs)…

genkovich/sdd

Map how code connects — implementors and subclasses, extension methods, dependency graphs, reverse callers, and ecosystem integrations.

richlander/dotnet-inspect

GAIK Solution Configuration Wizard. An agent skill from GAIK-project/gaik-toolkit.

GAIK-project/gaik-toolkit

解析代码仓库的 import/依赖关系，自动生成架构图、流程图和组织架构图，输出 Mermaid 文本或 SVG 图片。支持 Python、JavaScript、TypeScript、Go 和 Java 项目。当用户需要可视化代码结构、分析模块依赖、生成架构文档，或提及“代码架构图”、“依赖关系图”、“流程图”、“组织架构图”、“Mermaid 图”等关键词时触发。

rongxinzy/RongxinAI

探索 SQLite 或 PostgreSQL 数据库，执行安全只读查询，提供表列表、详细表结构（列/类型/约束/索引）、数据预览，并生成 Mermaid ER 图。当用户需要查看数据库架构、探索表关系、预览数据、执行只读查询，或提及 schema、ER 图、SQL 查询、数据预览、describe table、数据库探索等关键词时触发。

rongxinzy/RongxinAI

This skill should be used when a user asks to explain a complex idea, concept, or system architecture, or when a diagram would be helpful to visualize control flows, system architectures, data…

closedloop-ai/claude-plugins

Build original theoretical frameworks and produce publication-quality conceptual diagrams for social science research.

joshzyj/open-scholar-skill

Create, validate, update, and render diagram-as-code artifacts with Mermaid-first schema awareness plus PlantUML, Graphviz DOT, and Excalidraw JSON adapters.

HybridAIOne/hybridclaw

Converts VitePress/GFM wiki markdown to Azure DevOps Wiki-compatible format.

microsoft/skills

飞书画板：查询和编辑飞书云文档中的画板。支持导出画板为预览图片、导出原始节点结构、使用 DSL（转成 OpenAPI 格式）、PlantUML/Mermaid 格式更新画板内容。

appleweiping/WEIPING_WIKI

Cross-cutting OmniStudio analysis skill for namespace detection, dependency visualization, and impact analysis across OmniScripts, FlexCards, Integration Procedures, and Data Mappers.

forcedotcom/sf-skills

Search for packages and assess security risk before adding as dependencies

davepoon/buildwithclaude

아키텍처 문서 생성/갱신 — ARCHITECTURE.md(코드맵), 아키텍처 구성도(C4 mermaid), ADR(MADR), 데이터 모델 ERD.

jh941213/my-cc-harness

Author, render, troubleshoot, and review Mermaid diagrams for documentation, architecture, processes, and technical communication.

magnus919/agent-skills

Generates a Mermaid architecture diagram showing high-level component relationships.

athola/claude-night-market

This skill should be used when the user asks to "generate architecture view", "show service dependency graph", "map request flows", "show event topology", "group services by domain", "visualize…

aiskillstore/marketplace