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日 更新
Inspect an Azure resource group and turn its resources and connections into a Mermaid architecture diagram, a text-based diagram format. Create Markdown documentation with a resource inventory, configuration details, and explanations of network, data, and identity relationships.
中文简介正在准备中。当前显示英语简介。
- Understanding an existing Azure environment
- Creating architecture documentation for handovers
- Mapping network, data, and identity connections
github/awesome-copilot☆ 4万2026年10月17日 更新
Turn a codebase into architecture documentation with Mermaid diagrams. Using the C4 model, a way to describe systems at different levels of detail, the skill explains external relationships, applications, internal components, deployment, and request flows.
中文简介正在准备中。当前显示英语简介。
- Explaining a system overview to stakeholders
- Documenting relationships between apps and databases
- Mapping internal components of a feature
davila7/claude-code-templates☆ 3.3万2026年10月18日 更新
Create, edit, and reorganize Mastra documentation with guidance matched to the page type. Find the relevant rules for writing, links, navigation, shared components, diagrams, and redirects when reviewing pages or changing their structure.
中文简介正在准备中。当前显示英语简介。
- Write or revise Mastra documentation pages
- Review sidebars and page organization
- Check redirects when moving or deleting pages
mastra-ai/mastra☆ 2.9万2026年10月18日 更新
Create charts for numeric data and diagrams for processes or relationships. Explains how to choose ECharts or Mermaid, apply clear formatting, and use chart_render to display the result in chat and save a downloadable PNG.
中文简介正在准备中。当前显示英语简介。
- Comparing revenue across regions or products
- Showing trends across multiple metrics
- Turning workflows or system relationships into diagrams
aden-hive/hive☆ 1.1万2026年10月19日 更新
Expert Mermaid diagram creation, validation, and rendering with dual-engine output (SVG/PNG/ASCII). Supports all 20+ diagram types including C4 architecture, AWS architecture-beta with service icons, flowcharts, sequence, ERD, state, class, mindmap, timeline, git graph, sankey, and more. Features code-to-diagram analysis, batch rendering, 15+ themes, and syntax validation. Use when users ask to create diagrams, visualize architecture, render mermaid files, generate ASCII diagrams, document system flows, model databases, draw AWS infrastructure, analyze code structure, or anything involving "mermaid", "diagram", "flowchart", "architecture diagram", "sequence diagram", "ERD", "C4", "ASCII diagram". Do NOT use for non-Mermaid image generation, data plotting with chart libraries, or general documentation writing.
中文简介正在准备中。当前显示原文说明。
tech-leads-club/agent-skills☆ 70712026年10月17日 更新
Mermaid 图绘制助手。适用于用户明确要求绘制 Mermaid 图,或提到流程图、架构图、时序图、状态图、甘特图、ER 图、用户旅程图、类图,并希望直接输出 Mermaid 代码块时使用。会先判断最合适的图类型,再生成可渲染、结构清晰的 Mermaid 代码,并在必要时附上简短说明或迭代建议。不适用于追求高保真视觉设计稿的场景。
中文简介正在准备中。当前显示原文说明。
chujianyun/skills☆ 7482026年10月16日 更新
Use when selecting a Mermaid diagram type, looking up Mermaid syntax, adapting a Mermaid example, or locating a Mermaid reference for a flowchart, sequence, UML, architecture, chart, or other diagram.
中文简介正在准备中。当前显示原文说明。
Jamie-BitFlight/claude_skills☆ 672026年10月18日 更新
Findet und behebt Mermaid-Diagramme, die GitHub nicht rendert ("Unable to render rich display"). Prueft jeden ```mermaid-Block mit dem echten Mermaid-Parser ohne Browser und belegt das Ergebnis danach an der lebenden GitHub-Seite.
中文简介正在准备中。当前显示原文说明。
ellmos-ai/skills☆ 82026年10月19日 更新
Create diagrams that explain systems, workflows, and data relationships using a consistent brand style. The skill guides diagram selection, layout, and readability, with HTML, SVG, and PNG output and support for importing existing diagram formats.
中文简介正在准备中。当前显示英语简介。
- Explain system architecture
- Visualize workflows and team handoffs
- Restyle existing diagrams to match a brand
cathrynlavery/diagram-design☆ 5.8万2026年10月17日 更新
Turn a feature requirements document into a detailed Markdown implementation plan following Epoch’s monorepo structure. Cover frontend components, APIs, database design, security, performance, and deployment, with Mermaid diagrams showing system architecture and data relationships.
中文简介正在准备中。当前显示英语简介。
- Turning feature requirements into an implementation plan
- Mapping frontend, API, and service responsibilities
- Documenting database design and migrations
github/awesome-copilot☆ 4万2026年10月17日 更新
Turn a product requirements document for a major development initiative into a technical architecture specification, including a Mermaid system diagram, major features, supporting technologies, technical value, and a rough size estimate.
中文简介正在准备中。当前显示英语简介。
- Turning product requirements into a technical architecture
- Visualizing system layers and data flows
- Identifying services and infrastructure needed for features
github/awesome-copilot☆ 4万2026年10月17日 更新
Design and review system architecture, compare databases and structural approaches, and document technical decisions. Included tools generate architecture diagrams, inspect dependencies, and assess project structure to identify circular relationships, excessive coupling, and opportunities for improvement.
中文简介正在准备中。当前显示英语简介。
- Comparing monolith and microservices approaches
- Choosing a database for project requirements
- Generating diagrams from an existing project
alirezarezvani/claude-skills☆ 2.8万2026年8月30日 更新
Convert Markdown files into styled HTML suitable for WeChat and other platforms. Choose themes, colors, and fonts, preserve code and diagrams, and optionally turn external links into numbered references at the end.
中文简介正在准备中。当前显示英语简介。
- Converting Markdown articles into styled HTML
- Formatting articles for WeChat
- Exporting documents containing code and diagrams
JimLiu/baoyu-skills☆ 2.7万2026年9月11日 更新
Create blog illustrations, technical diagrams, comparisons, comics, and icons through workflows tailored to each format. The skill guides composition, color, and model selection, then stages generated images for review before they are used in a project.
中文简介正在准备中。当前显示英语简介。
- Creating blog header illustrations
- Explaining a system with a technical diagram
- Visualizing comparisons and timelines
danielmiessler/LifeOS☆ 2万2026年9月4日 更新
Draft and check Obsidian notes using its Markdown extensions. Get help with note properties, internal links, embedded content, callouts, equations, and Mermaid diagrams, with checks for formatting consistency and locally verifiable link targets.
中文简介正在准备中。当前显示英语简介。
- Drafting Obsidian notes with consistent properties
- Checking internal links and embedded content
- Adding callouts, equations, and diagrams
AgriciDaniel/claude-obsidian☆ 1.6万2026年10月19日 更新
Turn cryptographic code or specifications into sequence diagrams showing who sends each message, which cryptographic operations occur, and where failures stop the exchange. Outputs include Mermaid source, a plain text diagram, and a protocol summary.
中文简介正在准备中。当前显示英语简介。
- Visualizing handshake and key exchange steps
- Extracting message flows from RFCs and papers
- Diagramming ProVerif or Tamarin models
trailofbits/skills☆ 76372026年10月16日 更新
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日 更新
Comprehensive markdown and Mermaid diagram writing skill that establishes text-based diagrams as the DEFAULT documentation standard. Use this skill when creating ANY scientific document, report, analysis, or visualization — it ensures all outputs are in version-controlled, token-efficient markdown with embedded Mermaid diagrams as the source of truth, with clear pathways to downstream Python or AI-generated images. Includes full style guides (markdown + mermaid), 24 diagram type references, and 9 document templates ready to use.
中文简介正在准备中。当前显示原文说明。
foryourhealth111-pixel/Vibe-Skills☆ 37252026年10月18日 更新
Generate and render Mermaid diagrams for architecture docs, READMEs, PRs, terminals, chats, and CI as themed SVG, PNG, or ASCII/Unicode art. Use this skill whenever the user provides Mermaid code or .mmd files; asks for a flowchart, sequence/state/class diagram, ERD, XY chart, or architecture/workflow/data-model visualization; or wants to beautify, theme, batch-convert, or make a diagram terminal-friendly. Runs locally without a browser or DOM, with 15 built-in themes and custom colors.
中文简介正在准备中。当前显示原文说明。
imxv/Pretty-mermaid-skills☆ 15352026年8月23日 更新
Extracts Mermaid diagrams from markdown files and generates high-quality PNG images using bundled scripts. Activates when working with Mermaid diagrams, converting diagrams to PNG, extracting diagrams from markdown, or processing markdown files with embedded Mermaid code.
中文简介正在准备中。当前显示原文说明。
daymade/claude-code-skills☆ 14772026年10月18日 更新
Extracts Mermaid diagrams from markdown files and generates high-quality PNG images using bundled scripts. Activates when working with Mermaid diagrams, converting diagrams to PNG, extracting diagrams from markdown, or processing markdown files with embedded Mermaid code.
中文简介正在准备中。当前显示原文说明。
nicepkg/ai-workflow☆ 2872026年1月20日 更新
AWS の構成図を draw.io の XML(.drawio)で描く。公式の AWS4 アイコンを使い、タイトルや凡例や番号バッジのような装飾を足さず、どのサービスがどこにあって何とつながっているかだけで読める図にする。AWS 構成図、アーキテクチャ図、インフラ構成図、ネットワーク構成図、VPC の図を描いてほしいとき、draw.io で AWS の図を作りたいとき、既存の構成図を直したいときは必ずこの Skill を使う。Use this whenever the user asks for an AWS architecture diagram, cloud infrastructure diagram, VPC diagram, or a draw.io file of AWS resources, even if they don't say "draw.io". Mermaid、PlantUML、Python の diagrams ライブラリなど、ほかの形式を指定されたときは使わない。Do not use it when the user explicitly asks for Mermaid, PlantUML, or the Python diagrams library.
中文简介正在准备中。当前显示原文说明。
sagochiko/aws-drawio-diagram-skill☆ 422026年10月1日 更新
Create inline Mermaid v11 diagram blocks — flowcharts, sequence, class, ER, Gantt, state, timeline, user-journey, and 20+ other types — rendered in markdown files and browser environments. Zero external dependencies; mmdc is optional for CLI export.
中文简介正在准备中。当前显示原文说明。
ngocsangyem/MeowKit☆ 152026年7月28日 更新