Development · Mermaid

A skill your agent uses when the user needs to transform business requirements, use case descriptions, or meeting transcripts into a technical Power Platform solution architecture, including…

github/awesome-copilot

Generate mermaid diagrams — flowcharts for architecture, sequence diagrams for interactions.

kylesnowschwartz/SimpleClaude

Write and revise the ADRs in docs/adr/ and their index docs/ARCHITECTURE.md so a first-time reader understands them alone.

lablup/backend.ai-webui

Scaffold a docs-as-code CI/CD pipeline + docs drift detection — link check, OpenAPI lint/breaking gate, mermaid validation, docs freshness check, CHANGELOG automation, docs.yaml manifest.

jh941213/my-cc-harness

Create clear, restrained visual presentations for answers and results by choosing among Markdown, tables, Mermaid, images, and self-contained inline HTML.

Peiiii/nextclaw

Generate, refine, validate, and render diagrams from natural language, notes, code, schemas, or existing diagram sources: flowcharts, swimlanes, attack-path graphs, data-flow diagrams, architecture…

sickn33/agentic-awesome-skills

扫描代码库中的深化机会，生成可视化 HTML 报告，然后围绕你选中的候选项继续追问. An agent skill from vinvcn/mattpocock-skills-zh-CN.

vinvcn/mattpocock-skills-zh-CN

生成 MaaFramework Pipeline 项目的可交互状态机图谱。当用户想"看 Pipeline 节点关系"、"画状态机图"、"画 Mermaid 图"、"看 node 间关系"、"找孤立节点 / orphan node"、"看 Python 怎么驱动 Pipeline"、"看 interface.json 入口"、"调试跨文件 next 引用"、"重构前理清架构" 时使用。任何涉及…

duorua/narutomobile

Create professional architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as standalone animated HTML files with SVG graphics, flowing animation effects, a built-in dark/light…

OWWZO/ai-agent

C4 Model structural views — System Context, Container, Component, and Code diagrams.

magnus919/hermes-profiles

Maps a customer journey across stages, touchpoints, emotional curve, pain points, and moments of truth into a markdown artifact with an optional mermaid timeline or flowchart.

product-on-purpose/pm-skills

Extracts Mermaid diagrams from markdown files and generates high-quality PNG images using bundled scripts.

daymade/claude-code-skills

Create technical diagrams using Mermaid syntax for architecture, sequences, ERDs, flowcharts, and state machines.

ynulihao/AgentSkillOS

Draws compact, readable mermaid flowcharts with dark theme, straight edges, a top-down decision spine, and a fixed color palette.

juliepy/AI-Engineer-from-scrach

Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures.

aiskillstore/marketplace

Design algorithms with LaTeX pseudocode and UML diagrams. An agent skill from lingzhi227/agent-research-skills.

lingzhi227/agent-research-skills

Cross-cutting OmniStudio analysis skill for namespace detection, dependency visualization, and impact analysis across OmniScripts, FlexCards, Integration Procedures, and Data Mappers.

Jaganpro/sf-skills

美股个股次日走势预测 skill。当用户输入美股股票代码(如 AAPL、TSLA)或公司名称(如 "苹果"、"特斯拉"),并要求预测次日(T+1)走势、给出交易计划、评估盈亏概率时,触发本 skill。skill 会用 mcpMiniMaxwebsearch 搜证盘前 90…

digoal/blog

Mermaid 图绘制助手。适用于用户明确要求绘制 Mermaid 图，或提到流程图、架构图、时序图、状态图、甘特图、ER 图、用户旅程图、类图，并希望直接输出 Mermaid 代码块时使用。会先判断最合适的图类型，再生成可渲染、结构清晰的 Mermaid 代码，并在必要时附上简短说明或迭代建议。不适用于追求高保真视觉设计稿的场景。

chujianyun/skills

Generate comprehensive technical documentation including API docs (OpenAPI/Swagger), code documentation (TypeDoc/Sphinx), documentation sites (Docusaurus/MkDocs), Architecture Decision Records…

ancoleman/ai-design-components

Command-line interface for Mermaid Live Editor - Create, edit, and render Mermaid diagrams via stateful project files and mermaid.ink renderer URLs.

HKUDS/CLI-Anything

Generate wiki docs + Mermaid diagrams for any codebase. An agent skill from Luciole-Studio/Misaka-Agent.

Luciole-Studio/Misaka-Agent

Mandatory verify recipe for the oss-docs harness — the runnable exit gate every specialist executes before returning: warning-free hugo build, sitemap existence, URL-blacklist grep, Mermaid LR/RL…

modu-ai/moai-adk

Markdown-to-single-file-HTML report renderer. An agent skill from modu-ai/moai-adk.

modu-ai/moai-adk

内容に応じて最適な図表形式を自動選択し、ローカルで画像生成（Pillow）またはコード出力（Mermaid/PlantUML）。フローチャート、アーキテクチャ図、階層図などを生成。資料作成、システム設計時に使用。

karaage0703/ai-assistant-workspace

Write or rewrite a pull request description from literal section templates — summary and safety (always), bugfix, architecture, and UI — so every PR body has the same headings, tables and line…

dxos/dxos

Architecture audit that maps module dependencies, checks layering integrity, and flags structural decay across a codebase, drawing on twelve classic engineering books.

sickn33/agentic-awesome-skills

Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing the relationships between individual resources.

microsoft/GitHub-Copilot-for-Azure

将任意文本、工作流、逻辑转换为清晰简约的 Mermaid 流程图。支持 flowchart、sequence、class 等多种图表类型。使用场景：(1) 需要可视化工作流程，(2) 将文档/对话转为流程图，(3) 创建系统架构图，(4) 生成时序图/类图。自动保存到 Obsidian 画板目录，按日期和主题分类。

SpaceZephyr/design-buddy

Explains code/architecture with Mermaid diagrams and sequence flows.

softspark/ai-toolkit

Creates interactive educational MicroSims using the best-matched JavaScript library (p5.js, Chart.js, Plotly, Mermaid, vis-network, vis-timeline, Leaflet, Venn.js).

ynulihao/AgentSkillOS

Business capability modeling using BABOK Business Capability Analysis.

Prorise-cool/Claude-Code-Multi-Agent

Writes precise, well-structured Mermaid diagrams for any visualization need.

curiositech/some_claude_skills

Create and edit diagrams using the Draw.io MCP server — any shape, any vendor.

thomast1906/github-copilot-agent-skills

Develop chart, code, mermaid, katex, formatter plugins for MarkdownEditor in @ant-design/agentic-ui.

antdigital-ai/agentic-ui

Practical guide for creating human-readable and agent-parseable diagrams using Mermaid.

comol/ai_rules_1c

Platform-agnostic Mermaid.js diagramming — flowcharts, sequence diagrams, C4 (via Structurizr or flowchart workarounds), class/state/ER diagrams, Gantt, and block diagrams.

magnus919/hermes-profiles

Generate consistent, template-based Mermaid diagrams for technical content.

LeoYeAI/openclaw-master-skills

Create or audit maintainable diagrams when relationships, sequence, state, hierarchy, or quantitative comparisons are materially clearer visually than in prose.

citypaul/.dotfiles

Generate Mermaid diagrams from user requirements. An agent skill from AI4Scientist/nano-scientist.

AI4Scientist/nano-scientist

Mermaid diagram specialist for creating flowcharts, sequence diagrams, ERDs, and architecture visualizations

davila7/claude-code-templates

Render a reverse-spec rebuild package as traced, script-checked visuals — a Mermaid ER diagram of model.md entities, capability use cases as BPMN processes, and one browsable HTML catalog.

BlackBeltTechnology/pi-agent-dashboard

ANALYSIS SKILL — List, find, and visualize Azure resources via Resource Graph or Mermaid.

jonathan-vella/apex

Inspect or update an assigned architecture model, document, drift request, or Mermaid diagram.

Ancienttwo/repo-harness

扫描代码库寻找深化机会，以可视化的 HTML 报告呈现，然后对你选中的方案进行盘问. An agent skill from devcxl/mattpocock-skills-zh.

devcxl/mattpocock-skills-zh

Teaches PMs to create syntactically valid mermaid diagrams by selecting the right diagram type for their communication need, following syntax validity rules, and validating before shipping.

product-on-purpose/pm-skills

Generate a diagram and route to the right engine — draw.io XML (precise, editable, C4, swimlanes) or Excalidraw JSON (hand-drawn, sketch, wireframes).

luongnv89/skills

Generate professional diagrams as valid draw.io XML — flowcharts, architecture, C4 models, ER diagrams, sequence diagrams, mind maps, and swimlanes.

luongnv89/skills