Development · Mermaid

Show Mermaid diagrams in Mission Control's diagram viewer instead of dumping raw syntax in the terminal.

AgentSystemLabs/mission-control

Generate Sketch Lab architecture diagrams and open them via a share URL.

webdevcody/sketchlab.app

Create premium animated technical diagrams as single self-contained HTML+SVG files — flowcharts whose connectors visibly flow and architecture diagrams where requests travel as glowing comet dots…

SylphAI-Inc/skills

Generates a self-contained HTML file with an interactive, clickable Mermaid diagram (flowchart or ER diagram) that explains how a codebase feature, flow, architecture, or database schema works.

alexanderop/walkthrough

Creates C4 model diagrams at every zoom level, from system landscape to code, in ASCII, Mermaid or Structurizr, for designing or documenting software architecture.

lexler/skill-factory

Build interactive, click-through architecture diagrams for software systems — a self-contained single HTML file with animated step-by-step flows, mode toggles (dev/prod, offline/online, v1/v2)…

konraddzbik/architecture-diagram-skill

规划、生成、修改和检查数学建模与科研图表；包含143个完整源码配方、3套组合模板、统一配色和来源差异工具，以及Draw.io/TikZ、HTML/Mermaid和科学场景插图。

yjz211/vivid-figures-skill

Transform text content into professional Mermaid diagrams for presentations and documentation.

kv0906/pm-kit

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

zebbern/claude-code-guide

A skill your agent uses when asked to explain a topic, codebase, process, or document in a specific output format — plain language or Simplified Technical English (STE, in the style of ASD-STE100…

koolamusic/claudefiles

Integrate markstream-vue2 into a Vue 2.6 or 2.7 app. An agent skill from Simon-He95/markstream-vue.

Simon-He95/markstream-vue

Create and maintain consistent hand-drawn architecture visuals for pi-runbook.

Pr1p/pi-runbook

指导用户使用 @ant-design/agentic-ui 的 Markdown Editor / Renderer 扩展语法。图表场景优先使用内置 chart（HTML 注释 chartType + 表格），只有当内置 chartType 都不能表达诉求时才回退 Mermaid。Triggers on keywords like 表格, 视频, 图表, 卡片, 提示块, 流程图, 语法…

antdigital-ai/agentic-ui

Turns one specification document into program graphs following Nielson and Nielson's definition, writing each graph as a Mermaid file, one per functional unit.

NyxFoundation/speca

Picks the smallest visual that carries structure when prose alone would not: pseudocode, call tree, component or file tree, Mermaid or diff, and skips it when prose is enough.

Yeachan-Heo/oh-my-claudecode

Turns an English description or Mermaid source into a diagram set: the source, an editable .excalidraw file and rendered SVG and PNG images.

garrytan/gstack

Evaluates system boundaries and tradeoffs and writes architecture recommendations, option comparisons or ADRs, with a Mermaid diagram when structure changes.

first-fluke/oh-my-agent

Open a pull request on the Kiln repo for a human to complete.

Kiln-AI/Kiln

Draws and refines Excalidraw diagrams on a live canvas through MCP tools or a REST API, with screenshots, file import and export, snapshots and Mermaid conversion.

lingzhi227/agent-research-skills

Generate or refresh a comprehensive, professional README.md for a repository, with architecture overview, mermaid and optional C4 diagrams, repository structure, dependencies, and API documentation.

divar-ir/ai-doc-gen

Distill the chatgpt-vue3-light-mvp project into reusable architecture for building similar ChatGPT-style web products in other repositories.

pdsuwwz/chatgpt-vue3-light-mvp

Produces Mermaid or PlantUML diagram code from user specifications for UML, architecture, and flow diagrams.

antoinebou12/uml-mcp

End-to-end workflow for resolving a GitHub issue in astro-mermaid — triages complexity, then runs brainstorm → TDD → implement → docs/spec → code review at the right depth.

joesaby/astro-mermaid

Integrate markstream-vue2 into a Vue 2 plus Vite app. An agent skill from Simon-He95/markstream-vue.

Simon-He95/markstream-vue

Reviews SGLang changes the way its maintainers do, drawing on a bundled corpus of public PR review threads and a flowchart of how the diff runs.

BBuf/AI-Infra-Auto-Driven-SKILLS

Show the user data as a chart, table, diagram, notes or one small page in their Shipyard app instead of a wall of text — write a berth.chart JSON, a CSV, Mermaid, Markdown or a self-contained HTML…

sean-brydon/berthd

Guide for structuring graph input (nodes and edges) for the Excalidraw Architect MCP tool to produce clean, readable diagrams.

BV-Venky/excalidraw-architect-mcp

Salesforce architecture diagrams using Mermaid with ASCII fallback.

Jaganpro/sf-skills

Declared architecture snapshot for one Agentforce agent: planner, topics, actions, flows, Apex, prompt templates, and NGA plugins.

forcedotcom/sf-skills

Teaches the agent to use the ccwf command line tool to validate, preview, render, export and run cc-wf-studio workflow JSON files without opening VS Code.

breaking-brake/cc-wf-studio

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

DataDog/dd-trace-java

Patterns for writing technical book chapters in Markdown with Mermaid diagrams, served via ProperDocs (a MkDocs fork).

aospbooks/aosp-internal-book

Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar chart (polar/radial lollipop), loop/flywheel…

kdlbs/kandev

专业图表生成技能：根据需求自动选择合适的图表类型，生成符合设计规范的 PNG 图表. An agent skill from 312362115/claude.

312362115/claude

AI-powered image generation for Salesforce visuals via Nano Banana Pro.

Jaganpro/sf-skills

Generate/update architecture docs — ARCHITECTURE.md (codemap), architecture diagrams (C4 mermaid), ADRs (MADR), data model ERD.

jh941213/my-cc-harness

A skill your agent uses when collaborating with humans to produce publication-grade complex diagrams in editable PPT, especially for system architecture, dataflow, and user-journey visuals that…

Sven-LI-sankyuu/presentation-skills

Guides system architecture design end to end: gathering requirements, matching them to a pattern, documenting trade-offs with ADRs, and reviewing.

Jeffallan/claude-skills

Convert existing docs diagram images to Mermaid, and author new Mermaid diagrams for Mastra docs.

mastra-ai/mastra

UTILITY SKILL — Python diagram generation for Azure architectures, WAF/cost/compliance charts, ERDs, swimlanes, timelines, and wireframes.

jonathan-vella/apex

Update the third-party JavaScript vendored into the app for the artifact, diagram, and math WebViews (KaTeX, mermaid, marked, highlight.js, Tailwind, Babel, React).

garfiec/Librechat-Mobile

Create and validate diagrams with the uml-mcp MCP server (generateuml, generateumlimage, validateuml, listdiagramtypes, generateumlbatch).

antoinebou12/uml-mcp

引導剛寫完 domain 的老師把 SOP 流程圖像化：先討論主流程、做流程健檢（迴圈／死路／缺口），再把流程整理成結構化 spec，交由 .claude/skills/domain-diagram/scripts/mermaidfromspec.py 確定性地產出 GitHub 原生 mermaid 圖與健檢結論並回嵌…

shuotao/REVIT_MCP_study

Guide AI agents to write beautifully formatted, well-illustrated Markdown reports with proper structure, diagrams, and compatibility across GitHub and Obsidian.

NeuroAIHub/BrainPilot

Write a practical Business Requirements Document (BRD) from a product idea, feature concept, customer request, business problem, or rough product opportunity.

digoal/blog

Opt-in proactive architecture-deepening report: ranks codebase areas by recent git hotspot and design friction, generates a ranked Markdown+Mermaid candidate report under…

azalio/map-framework

Maps a codebase into feature-grouped Mermaid flowcharts, finds duplicated concerns across features and proposes a unified architecture with handoff prompts for planning.

thedotmack/claude-mem

Draws architecture diagrams as editable draw.io files from a JSON spec, with a fixed house style, one C4 level per diagram and evidence-tagged shapes.

HoangNguyen0403/agent-skills-standard