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월 19일 업데이트
Turn descriptions or code analysis into Mermaid diagrams for workflows, system architecture, and database relationships. Check diagram syntax and export SVG, PNG, or text-based ASCII output, with themes and batch rendering options.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Visualizing system architecture
- Documenting API request sequences
- Drawing database relationships
tech-leads-club/agent-skills☆ 7.1천2026년 10월 17일 업데이트
문장이나 Mermaid를 시스템 구성과 업무 흐름을 담은 대화형 HTML 도표로 변환합니다. 검색, 관계 추적, 이미지와 영상 내보내기를 지원하고 아홉 항목의 검증 결과를 제공합니다.
- 대화형 시스템 구성도를 공유합니다
- 업무 절차와 데이터 흐름을 시각화합니다
- Mermaid를 HTML 도표로 변환합니다
NousResearch/hermes-agent☆ 25.5만2026년 10월 19일 업데이트
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월 19일 업데이트
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☆ 8.3천2026년 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☆ 7.6천2026년 10월 16일 업데이트
코드를 읽고 구조, 주요 모듈과 시작 절차를 위키로 정리합니다. Mermaid 구성도와 흐름도를 만들고 소스 링크가 있는 참고 자료를 남깁니다.
- 낯선 코드의 전체 구조 파악하기
- 구성도와 처리 흐름도 만들기
- 새 팀원을 위한 참고 자료 작성하기
NousResearch/hermes-agent☆ 25.5만2026년 10월 19일 업데이트
영어 설명이나 mermaid 소스로 도표를 만들고 원본 데이터, 편집용 .excalidraw, 공유용 SVG·PNG를 함께 출력합니다. 편집 후 이미지 재출력도 지원합니다.
- 업무 설명을 순서도로 변환
- 시스템 구성 도식화
- 문서나 README에 넣을 도표 준비
garrytan/gstack☆ 13.7만2026년 10월 19일 업데이트
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일 업데이트
Convert text into Mermaid diagrams, which describe visual structures using code. Create process flows, comparisons, mind maps, and system interactions for presentations or documentation, with adjustable layouts and checks for common syntax mistakes.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Turn sales procedures into a flowchart
- Compare two approaches visually
- Organize concepts in a mind map
breferrari/obsidian-mind☆ 5.4천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월 19일 업데이트
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☆ 7.6천2026년 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図のシンタックスエラーを検出・修正。/fix-mermaid [対象パス] で呼び出し。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
wfukatsu/architecture-redesign-agent☆ 52026년 2월 12일 업데이트
Mermaidレンダリングエージェント - Mermaid図をPNG/SVG/PDF画像に変換。/render-mermaid [対象パス] で呼び出し。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
wfukatsu/architecture-redesign-agent☆ 52026년 2월 12일 업데이트
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.6만2026년 10월 19일 업데이트