Choose, create, and review software diagrams that explain structure, interactions, workflows, states, or data relationships. Select suitable notation and rendering tools, then plan static exports or interactive views with readable layouts, accessible controls, and validation.
中文简介正在准备中。当前显示英语简介。
- Explain login interactions with a sequence diagram
- Turn a database schema into an entity relationship diagram
- Document application architecture with C4
openai/plugins☆ 74932026年10月8日 更新
Create text diagrams with PlantUML for README files, emails, and terminal workflows. Convert diagram definitions into plain ASCII or Unicode box-drawing output to share interactions and relationships where image-based diagrams are unsuitable.
中文简介正在准备中。当前显示英语简介。
- Add text diagrams to README files
- Share sequence diagrams in emails
- View diagrams in a terminal
github/awesome-copilot☆ 4万2026年10月17日 更新
Create editable draw.io diagrams from descriptions, code, infrastructure settings, or database schemas. Update existing diagrams while preserving manual layout, check their structure and architecture rules, and export them to image or document formats for sharing.
中文简介正在准备中。当前显示英语简介。
- Turn a written description into an editable diagram
- Generate architecture diagrams from code or infrastructure settings
- Update a diagram while preserving manual layout
Agents365-ai/drawio-skill☆ 1万2026年10月11日 更新
Creates professional logical flow diagrams and logical system architecture diagrams using draw.io XML format (.drawio files). Use when creating: (1) logical flow diagrams showing data/process flow between system components, (2) logical architecture diagrams representing system structure without cloud provider specifics, (3) BPMN process diagrams, (4) UML diagrams (class, sequence, activity), (5) data flow diagrams (DFD), (6) decision flowcharts, or (7) system interaction diagrams. This skill focuses on generic/abstract representations, not AWS/Azure-specific architectures (use aws-drawio-architecture-diagrams for cloud diagrams).
中文简介正在准备中。当前显示原文说明。
giuseppe-trisciuoglio/developer-kit☆ 3602026年9月10日 更新
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日 更新
Use when creating editable technical diagrams with draw.io / diagrams.net sources, including architecture diagrams, ERD, UML, sequence diagrams, flowcharts, ML model diagrams, official shape lookup, brand symbols, Graphviz auto-layout, codebase structure maps, .drawio validation, or draw.io CLI export fallback. Do not use for ordinary raster image generation, freehand sketches, interactive canvas/Three.js scenes, or decorative SVG animation. Chinese triggers include draw.io, diagrams.net, editable architecture diagrams, .drawio, ER diagrams, UML, sequence diagrams, auto layout, shape retrieval, code structure diagrams.
中文简介正在准备中。当前显示原文说明。
bovinphang/frontend-craft☆ 222026年9月26日 更新
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日 更新
Use when you need to generate Java project diagrams — including UML sequence diagrams, UML class diagrams, C4 model diagrams, UML state machine diagrams, UML Deployment Diagrams, ER (Entity Relationship) diagrams, and bounded-context diagrams — through a modular, step-based interactive process that adapts to your specific visualization needs. This should trigger for requests such as Generate UML diagram; Create sequence diagram; Create class diagram; Create state machine diagram; Create deployment diagram; Create C4 diagram; Create bounded-context diagram; Create context-map diagram. Part of Plinth Toolkit
中文简介正在准备中。当前显示原文说明。
jabrena/plinth☆ 4532026年10月15日 更新
Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution), flowcharts (processes, algorithms, user journeys), entity relationship diagrams (database schemas), C4 architecture diagrams (system context, containers, components), state diagrams, git graphs, pie charts, gantt charts, or any other diagram type. Triggers include requests to "diagram", "visualize", "model", "map out", "show the flow", or when explaining system architecture, database design, code structure, or user/application flows.
中文简介正在准备中。当前显示原文说明。
softaworks/agent-toolkit☆ 25642026年3月6日 更新
Generate Mermaid architecture diagrams from your codebase. Produces C4 context and container diagrams, sequence diagrams for key flows, ER diagrams from database schemas, and module dependency graphs. Use when you need architecture diagrams, system diagrams, database ERD, sequence diagrams, dependency visualization, or C4 model diagrams.
中文简介正在准备中。当前显示原文说明。
skillmds/skillmd☆ 2492026年10月14日 更新
Provides Mermaid diagram syntax, best practices, and styling rules for technical visualizations. Use when creating diagrams, flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, architecture diagrams, C4 diagrams, or any visual documentation in markdown.
中文简介正在准备中。当前显示原文说明。
sequenzia/agent-alchemy☆ 452026年6月1日 更新
Provides Mermaid diagram syntax, best practices, and styling rules for technical visualizations. Use when creating diagrams, flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, architecture diagrams, C4 diagrams, visualizations, or any visual documentation in markdown. Always use this skill when generating or updating Mermaid code blocks.
中文简介正在准备中。当前显示原文说明。
sequenzia/agent-alchemy☆ 452026年6月1日 更新
Generate Mermaid architecture diagrams from your codebase. Produces C4 context and container diagrams, sequence diagrams for key flows, ER diagrams from database schemas, and module dependency graphs. Use when you need architecture diagrams, system diagrams, database ERD, sequence diagrams, dependency visualization, or C4 model diagrams.
中文简介正在准备中。当前显示原文说明。
tinh2/skills-hub-registry☆ 202026年9月5日 更新
Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams (domain modeling, object-oriented design), sequence diagrams (application flows, API interactions, code execution), flowcharts (processes, algorithms, user journeys), entity relationship diagrams (database schemas), C4 architecture diagrams (system context, containers, components), state diagrams, git graphs, pie charts, gantt charts, or any other diagram type. Triggers include requests to "diagram", "visualize", "model", "map out", "show the flow", or when explaining system architecture, database design, code structure, or user/application flows.
中文简介正在准备中。当前显示原文说明。
manu14357/zskills☆ 162026年7月24日 更新
Turn system structures, processes, and concepts into dark-themed diagrams. Create architecture diagrams, flowcharts, timelines, and other visual explanations as scalable SVG files, with PNG versions for use as images.
中文简介正在准备中。当前显示英语简介。
- Explain system components and their connections
- Map process steps and decision branches
- Show interactions in chronological order
JimLiu/baoyu-skills☆ 2.7万2026年9月11日 更新
Create diagrams and visualizations using Mermaid.js v11 syntax. Use when generating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, user journeys, timelines, architecture diagrams, or any of 24+ diagram types. Supports JavaScript API integration, CLI rendering to SVG/PNG/PDF, theming, configuration, and accessibility features. Essential for documentation, technical diagrams, project planning, system architecture, and visual communication.
中文简介正在准备中。当前显示原文说明。
mrgoonie/claudekit-skills☆ 22252026年4月3日 更新
generate, refine, validate, and render diagrams from natural language, notes, code snippets, schemas, tables, or existing diagram source. use for flowcharts, swimlanes, sequence diagrams, state diagrams, er diagrams, class diagrams, architecture/c4-style diagrams, dependency graphs, gantt charts, mind maps, user journeys, sankey-style flows, org charts, network graphs, and other visual models. supports mermaid by default, graphviz dot for complex graph layout, plantuml for uml-heavy engineering diagrams, and svg output when direct markup is more reliable.
中文简介正在准备中。当前显示原文说明。
skillmds/skillmd☆ 2492026年10月14日 更新
generate, refine, validate, and render diagrams from natural language, notes, code snippets, schemas, tables, or existing diagram source. use for flowcharts, swimlanes, sequence diagrams, state diagrams, er diagrams, class diagrams, architecture/c4-style diagrams, dependency graphs, gantt charts, mind maps, user journeys, sankey-style flows, org charts, network graphs, and other visual models. supports mermaid by default, graphviz dot for complex graph layout, plantuml for uml-heavy engineering diagrams, and svg output when direct markup is more reliable.
中文简介正在准备中。当前显示原文说明。
zhaoxuya520/AI-Fullstack-Delivery-Workflow☆ 542026年5月19日 更新
Create diagrams and visualizations using Mermaid.js v11 syntax. Use when generating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, user journeys, timelines, architecture diagrams, or any of 24+ diagram types. Supports JavaScript API integration, CLI rendering to SVG/PNG/PDF, theming, configuration, and accessibility features. Essential for documentation, technical diagrams, project planning, system architecture, and visual communication.
中文简介正在准备中。当前显示原文说明。
VoDaiLocz/kilo-kit-mcp☆ 282026年9月13日 更新
Create diagrams and visualizations using Mermaid.js v11 syntax. Use when generating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, user journeys, timelines, architecture diagrams, or any of 24+ diagram types. Supports JavaScript API integration, CLI rendering to SVG/PNG/PDF, theming, configuration, and accessibility features. Essential for documentation, technical diagrams, project planning, system architecture, and visual communication.
中文简介正在准备中。当前显示原文说明。
DangQuangSE/team-development-skills☆ 192026年10月9日 更新
Create diagrams and visualizations using Mermaid.js v11 syntax. Use when generating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, user journeys, timelines, architecture diagrams, or any of 24+ diagram types. Supports JavaScript API integration, CLI rendering to SVG/PNG/PDF, theming, configuration, and accessibility features. Essential for documentation, technical diagrams, project planning, system architecture, and visual communication.
中文简介正在准备中。当前显示原文说明。
kettleofketchup/DraftForge☆ 152026年10月19日 更新
Generate ASCII art diagrams using PlantUML text mode. Use when user asks to create ASCII diagrams, text-based diagrams, terminal-friendly diagrams, or mentions plantuml ascii, text diagram, ascii art diagram. Supports: Converting PlantUML diagrams to ASCII art, Creating sequence diagrams, class diagrams, flowcharts in ASCII format, Generating Unicode-enhanced ASCII art with -utxt flag
中文简介正在准备中。当前显示原文说明。
jcasnellie69/homelab-config☆ 22026年10月16日 更新
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 written descriptions of processes, systems, and ideas into editable Excalidraw diagrams. Create flowcharts, mind maps, relationship diagrams, and architecture diagrams, then receive an .excalidraw file to open and refine.
中文简介正在准备中。当前显示英语简介。
- Visualizing business procedures as flowcharts
- Explaining system components and connections
- Organizing brainstorming ideas into mind maps
github/awesome-copilot☆ 4万2026年10月17日 更新