Create and edit diagrams with Mermaid, a text format for describing visual structures. Save projects, undo source changes, export SVG or PNG images, and generate links for viewing or editing in Mermaid Live Editor.
中文简介正在准备中。当前显示英语简介。
- Create a flowchart to explain a process
- Diagram an interaction as a sequence diagram
- Export a diagram as SVG or PNG
HKUDS/CLI-Anything☆ 5.5万2026年9月22日 更新
Create Markdown research notes, reports, and guides with Mermaid diagrams, which describe relationships as editable text. Choose suitable diagrams for workflows, timelines, or schemas, add accessible descriptions, and check rendering in the intended destination.
中文简介正在准备中。当前显示英语简介。
- Writing research notes with workflow diagrams
- Diagramming data structures and relationships
- Creating project timelines
K-Dense-AI/scientific-agent-skills☆ 5.3万2026年10月16日 更新
Convert suitable diagrams in Mastra documentation into Mermaid, a text format for diagrams, or create new ones. Assess which images to keep, follow diagram styling rules, and verify layout and readability in light and dark modes.
中文简介正在准备中。当前显示英语简介。
- Replace box-and-arrow images with Mermaid diagrams
- Add a new diagram to Mastra documentation
- Fix diagram readability in light and dark modes
mastra-ai/mastra☆ 2.9万2026年10月18日 更新
Turn written descriptions or Mermaid code into diagrams showing processes, interactions, and data relationships. Choose a color theme and save both SVG files, which stay sharp when enlarged, and high-resolution PNG images.
中文简介正在准备中。当前显示英语简介。
- Illustrating workflows and decision trees
- Diagramming API interactions
- Visualizing database relationships
calesthio/OpenMontage☆ 7万2026年10月17日 更新
Create Mermaid diagrams from text to explain software structure, API interactions, workflows, and database relationships. The skill guides diagram selection, syntax, styling, and export, helping keep visual documentation editable and stored alongside code.
中文简介正在准备中。当前显示英语简介。
- Explaining system architecture with diagrams
- Mapping API requests and responses
- Documenting database table relationships
davila7/claude-code-templates☆ 3.3万2026年10月18日 更新
Add Mermaid diagrams to generated wiki pages to explain request flows, state changes, data relationships, and branching logic. Keep diagrams aligned with inspected source code and repair syntax problems in diagrams degraded during earlier runs.
中文简介正在准备中。当前显示英语简介。
- Illustrate requests passing between components
- Show job lifecycles and state transitions
- Document relationships between data entities
langchain-ai/openwiki☆ 1.7万2026年10月18日 更新
Turn plain-language descriptions or Mermaid diagrams into interactive, standalone HTML diagrams of systems, workflows, API exchanges, data flows, and state changes. Validate layouts, explore relationships, switch themes, and export diagrams as images or video.
中文简介正在准备中。当前显示英语简介。
- Explain system components and their relationships
- Visualize workflows and approval steps
- Map API calls and data pipelines
anbeime/skill☆ 82952026年10月18日 更新
Turn a Mermaid sequence diagram of a cryptographic protocol into a ProVerif model, a file for formal security checks. It includes queries for secrecy, authentication, replay resistance, and forward secrecy where applicable.
中文简介正在准备中。当前显示英语简介。
- Converting a cryptographic protocol diagram into a .pv file
- Preparing session key secrecy checks
- Modeling authentication and replay resistance
trailofbits/skills☆ 76352026年10月16日 更新
Understand a public GitHub repository through GitDiagram's architecture overview. Get an explanation of its main components, source paths, and connections, plus Mermaid diagram source and an interactive diagram for exploring the code.
中文简介正在准备中。当前显示英语简介。
- Getting an overview of an unfamiliar public repository
- Finding source paths for major components
- Understanding connections and data flow
ahmedkhaleel2004/gitdiagram☆ 1.8万2026年10月14日 更新
Turn descriptions of processes, systems, or schedules into Mermaid diagrams, which use text to define visuals. Save editable source, a Markdown preview, and a rendered PNG, then check syntax, arrow directions, labels, and readability.
中文简介正在准备中。当前显示英语简介。
- Visualize a business process as a flowchart
- Document API interactions with a sequence diagram
- Show database tables and their relationships
wanshuiyin/Auto-claude-code-research-in-sleep☆ 1.8万2026年10月17日 更新
Turn written requirements or Mermaid diagram text into interactive HTML diagrams of systems, workflows, sequences, data flows, and states. Explore connections, search the diagram, export images or video, and receive results from nine validation checks.
中文简介正在准备中。当前显示英语简介。
- Explain a system's architecture with an interactive diagram
- Visualize workflows and data flows
- Convert Mermaid diagrams into explorable HTML
NousResearch/hermes-agent☆ 25.5万2026年10月18日 更新
Explain code structure, execution flow, and proposed changes with a focused visual, such as pseudocode, a tree, a Mermaid diagram, or a diff. Use a single HTML artifact when a richer layout is needed.
中文简介正在准备中。当前显示英语简介。
- Explaining branches and function call order
- Showing UI, module, or file responsibilities
- Comparing structure before and after a change
Yeachan-Heo/oh-my-claudecode☆ 4万2026年10月18日 更新
View and edit whiteboards embedded in 飞书 cloud documents. Export previews, SVG vector images, diagram source code, or structural data, and update boards using Mermaid, PlantUML, SVG, or the native OpenAPI format.
中文简介正在准备中。当前显示英语简介。
- Exporting whiteboards as images
- Retrieving diagram source code
- Updating boards from Mermaid or PlantUML code
larksuite/cli☆ 1.8万2026年10月16日 更新
Turn requirements into Mermaid diagrams, including process flows, system structures, and timelines. Save editable diagram code, a Markdown version, and a PNG preview, then check syntax, arrow directions, labels, and readability.
中文简介正在准备中。当前显示英语简介。
- Mapping a business process
- Illustrating API message sequences
- Diagramming database relationships
wanshuiyin/Auto-claude-code-research-in-sleep☆ 1.8万2026年10月17日 更新
Create Mermaid diagrams from code relationships parsed by Trailmark. Visualize function calls, class inheritance, module dependencies, class members, complexity hotspots, and paths from inputs to sensitive functions, with adjustable focus, depth, and layout.
中文简介正在准备中。当前显示英语简介。
- Mapping function calls around a selected function
- Visualizing class inheritance and members
- Drawing module dependency maps
trailofbits/skills☆ 76352026年10月16日 更新
Mermaid修正エージェント - Mermaid図のシンタックスエラーを検出・修正。/fix-mermaid [対象パス] で呼び出し。
中文简介正在准备中。当前显示原文说明。
wfukatsu/refactoring-agent-for-claude-code☆ 82026年2月24日 更新
Mermaidレンダリングエージェント - Mermaid図をPNG/SVG/PDF画像に変換。/render-mermaid [対象パス] で呼び出し。
中文简介正在准备中。当前显示原文说明。
wfukatsu/refactoring-agent-for-claude-code☆ 82026年2月24日 更新
Mermaidレンダリングエージェント - Mermaid図をPNG/SVG/PDF画像に変換。/render-mermaid [対象パス] で呼び出し。
中文简介正在准备中。当前显示原文说明。
wfukatsu/architecture-redesign-agent☆ 52026年2月12日 更新
Mermaid修正エージェント - Mermaid図のシンタックスエラーを検出・修正。/fix-mermaid [対象パス] で呼び出し。
中文简介正在准备中。当前显示原文说明。
wfukatsu/architecture-redesign-agent☆ 52026年2月12日 更新
Turn a codebase into a structured wiki with architecture notes, module references, and setup instructions. Generate Mermaid diagrams, which describe diagrams as text, and link explanations to the source files they document.
中文简介正在准备中。当前显示英语简介。
- Understand an unfamiliar codebase
- Create architecture and workflow diagrams
- Prepare reference docs for new team members
NousResearch/hermes-agent☆ 25.5万2026年10月18日 更新
Turn an English description or mermaid source into a diagram with source files, an Excalidraw editing file, and SVG and PNG images. Rendering works offline, and flowcharts and sequence diagrams support editing individual shapes and arrows.
中文简介正在准备中。当前显示英语简介。
- Turning a workflow description into a flowchart
- Visualizing a system architecture
- Preparing diagram images for documents and READMEs
garrytan/gstack☆ 13.7万2026年10月18日 更新
Turn plain-language descriptions, Mermaid diagrams, or repository evidence into interactive standalone HTML diagrams. Create system maps, workflows, timelines, database relationships, and everyday process diagrams, with automated validation, light and dark themes, and image, SVG, or WebM export.
中文简介正在准备中。当前显示英语简介。
- Mapping a system from repository evidence
- Explaining approval steps or travel plans
- Visualizing database tables and relationships
tt-a1i/archify☆ 8.5万2026年10月19日 更新
Turn business requirements or meeting transcripts into a Power Platform solution design. The skill recommends components, explains how people and data move through the process, and can provide a Mermaid.js diagram to illustrate the proposed architecture.
中文简介正在准备中。当前显示英语简介。
- Turning discovery meeting transcripts into a solution design
- Choosing components for employee onboarding
- Designing a Power Apps solution with SQL and approvals
github/awesome-copilot☆ 4万2026年10月5日 更新
Turn notes, prose, code, schemas, or tables into editable diagrams, including flowcharts, architecture diagrams, and schedules. Choose Mermaid, Graphviz DOT, PlantUML, or SVG to suit the content, with image or PDF rendering when needed.
中文简介正在准备中。当前显示英语简介。
- Turn business procedures into flowcharts
- Diagram system architecture and dependencies
- Visualize database relationships and interactions
zhaoxuya520/reverse-skill☆ 4.3万2026年9月22日 更新