Mermaid agent skills for Claude Code, Codex and other agents.

Generates Mermaid diagrams from Trailmark code graphs, including call graphs, class hierarchies, module dependency maps, complexity heatmaps and attack surface data flows.

trailofbits/skills

Diagnose and fix scope or continuation lifecycle failures in dd-trace-java instrumentation tests.

DataDog/dd-trace-java

Turns a cryptographic protocol's source code, RFC, paper or ProVerif or Tamarin model into a Mermaid sequence diagram annotated with each cryptographic operation.

trailofbits/skills

Converts a Mermaid sequence diagram of a cryptographic protocol into a ProVerif model file ready for checking secrecy, authentication and forward secrecy.

trailofbits/skills

Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing the relationships between individual resources.

github/awesome-copilot

Packages generated wiki Markdown into a VitePress static site with dark theme, dark-mode Mermaid diagrams with click-to-zoom, and production build output.

microsoft/skills

A skill your agent uses when the user needs to transform business requirements, use case descriptions, or meeting transcripts into a technical Power Platform solution architecture, including…

github/awesome-copilot

A skill your agent uses when the user is tuning a live or captured doca-flow pipeline with docaflowtune — snapshotting pipe / counter / KPI state, picking a tuning axis (rule placement, resource…

NVIDIA/skills

Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing the relationships between individual resources.

microsoft/GitHub-Copilot-for-Azure

A skill your agent uses when the user wants to design or redesign the Dataverse schema and connector plan for an existing mobile app, or has an ER diagram (image, Mermaid, or text) to apply.

microsoft/power-platform-skills

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

microsoft/skills

Researches a GitHub repository over four rounds using the GitHub API and web search, then writes a structured markdown report with timeline, metrics and Mermaid diagrams.

bytedance/deer-flow

Creates interactive architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone HTML with inline SVG, themes and image or video export.

tt-a1i/archify

Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.

cathrynlavery/diagram-design

Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.

Agents365-ai/drawio-skill

Publish Markdown articles to X (Twitter) Articles editor with proper formatting.

wshuyi/x-article-publisher-skill

Writes and renders Mermaid diagrams as themed SVG, PNG or terminal ASCII and Unicode art with a bundled Node.js CLI that needs no browser.

imxv/Pretty-mermaid-skills

Builds validated architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone interactive HTML from a small JSON spec, with optional motion and image export.

Unclecheng-li/AI_Animation

Generate Mermaid diagrams from user requirements. An agent skill from WH-2099/mermaid-skill.

WH-2099/mermaid-skill

Fetches RSS feeds from 90 top Hacker News blogs (curated by Karpathy), uses AI to score and filter articles, and generates a daily digest in Markdown with Chinese-translated titles, category…

vigorX777/ai-daily-digest

Create professional architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as standalone HTML files with SVG graphics, a built-in dark/light theme toggle, and one-click export to…

molvqingtai/WebChat

Builds self-contained HTML explainers for plans, pull requests and technical concepts in Plannotator's theme, then opens them in its annotation view.

backnotprop/plannotator

Excalidraw canvas toolkit for creating, editing, and refining diagrams on a live canvas.

yctimlin/mcp_excalidraw

Draw cloud architecture diagrams for AWS, Azure or GCP with the official provider icon sets, using TerraVision.

patrickchugh/terravision

Turns text, notes, code, schemas or tables into diagram source in Mermaid, Graphviz DOT, PlantUML or SVG, and renders files when you ask for an image or PDF.

zhaoxuya520/reverse-skill

Explains the architecture of a public GitHub repository through GitDiagram: how the code is organized, the main components with paths, and a Mermaid diagram.

ahmedkhaleel2004/gitdiagram

Analyze codebases and automatically generate architecture diagrams, flowcharts, and org charts.

zebbern/claude-code-guide

Creates a new Feishu cloud document from Lark-flavored Markdown through the create-doc MCP tool, in a folder, wiki node or knowledge space.

op7418/CodePilot

Render Mermaid diagrams as SVG and PNG using the Beautiful Mermaid library.

intellectronica/agent-skills

Helps an agent pick the right Mermaid diagram type and write the syntax for class, sequence, flow, ER, C4, state and other software diagrams.

jjmartres/opencode

Create Mermaid diagrams (flowchart, sequence, class, ER, state, C4, architecture) from text or source code.

SpillwaveSolutions/design-doc-mermaid

Create text-driven visuals in Markdown: charts, diagrams, cards, architecture and page layouts.

markdown-viewer/skills

Explains how a public GitHub repository is built by fetching its GitDiagram architecture diagram, components and optional explainer video.

ahmedkhaleel2004/gitdiagram

Draw architecture, flow and structural diagrams in the Anthropic/Claude visual language as SVG, then render and save them as PNG.

rookie-ricardo/erduo-skills

Make a reply easier to read and act on with rich blocks inside ordinary Markdown — a choice the user picks from, a form that collects several answers, a procedure as steps with warnings in place, a…

Prism-Shadow/penguin-harness

Push architecture docs to oh-my-mermaid cloud. An agent skill from oh-my-mermaid/oh-my-mermaid.

oh-my-mermaid/oh-my-mermaid

Create, revise, and format thesis or dissertation Word documents with strict academic formatting control.

catlog22/maestro-flow

Generates article illustrations, batch slide infographics and cover images from your text, using Gemini, Mermaid or Excalidraw engines and a prompt-only mode.

axtonliu/smart-illustrator

Render Mermaid diagrams as SVG or ASCII art using beautiful-mermaid.

peintune/runjam

Creates, validates and renders Mermaid diagrams to SVG, PNG or ASCII, including C4 and AWS architecture-beta, flowcharts, sequence diagrams and ERDs.

tech-leads-club/agent-skills

A skill your agent uses for deterministic molecule understanding, graph-level editing, generation, and validation with MoleCode — an explicit Mermaid graph in which every atom and bond is a typed…

AtomFlow-AI/MoleCode

Scan codebase architecture and generate/update .omm/ documentation.

oh-my-mermaid/oh-my-mermaid

Override built-in Markstream node renderers and add trusted custom tags across Vue, React, Svelte, and Angular.

Simon-He95/markstream-vue

WHAT: Explains a codebase, a folder, a feature, a command or a pull request to someone who knows nothing about it, as a PR Lens canvas whose walkthrough builds the picture one part at a time.

coldteadotai/pr-lens

Comprehensive markdown and Mermaid diagram writing skill that establishes text-based diagrams as the DEFAULT documentation standard.

neflibata-feng/MyArxiv-Agent

把任意项目消化重构为一本结构化、带阅读路线的离线"网站书"，帮助接手者按认知逻辑快速吃透项目。输入可以是散乱文档（docs/ 里成堆的 markdown），也可以在文档缺失或过时时由 agent 探查代码库反推梳理；产出零依赖、双击即开的静态多页站点（侧边栏导航、上下页、全文搜索、深浅色、Mermaid…

lili-luo/aicoding-cookbook

特定の読み手に向けて、概念・PR・設計を「冗長にならない水準」の速習資料として説明し、図と主張を道具で検証する。読み手のペルソナ（既に知っていること・知らないこと・読み方）を質問と公開情報から作り、その差分だけを書く。図は Mermaid / D2 で描いて事実シートに照らし、本文に引用するコード・出力は再実行して照合し、HTML は vlmkit のゲートに通す。Use when the…

mizchi/explainer

Turn any system architecture into an interactive, pannable/zoomable canvas diagram (dark by default with a light switcher, JetBrains Mono, plane-coloured bands, click-to-isolate focus, PNG export) —…

yulonghe97/draw-architecture