Development · Mermaid

Create Domain-Driven Design proposals from product specs or brownfield extraction outputs.

EmeaAppGbb/spec2cloud

Mermaid syntax reference for writing or fixing a diagram in an artefact: flowchart, sequence, class, state, ER, Gantt, C4, mindmap, timeline and the other diagram types, node shapes, styling…

tractorjuice/arc-kit

Rasterize specific mermaid blocks inside a markdown file into PNG images.

JocysCom/FocusLogger

Add Mermaid diagrams to wiki pages to aid understanding. An agent skill from IssacW228/student-llm-wiki.

IssacW228/student-llm-wiki

Creates diagrams via the uml-mcp MCP server (generateuml, generateumlimage, validateuml, listdiagramtypes, generateumlbatch) and returns shareable Kroki URLs or inline chat images.

antoinebou12/uml-mcp

数据可视化与画图——流程图/架构图/时序图/数据图表，用 gendiagram 工具一键渲染成 SVG+PNG，或生成交互式 ECharts 页面

CatCatUncle/openworkbuddy

将 chatgpt-vue3-light-mvp 项目蒸馏为可迁移到其他项目的中文架构指南。适用于设计或实现类似 ChatGPT 的 Web 对话产品，包括 SSE/fetch 流式响应、模型适配器契约、打字机渲染、Markdown/代码/KaTeX/Mermaid 渲染、推理过程展示，以及从本 Vue 3 MVP 迁移到其他项目的方案规划。

pdsuwwz/chatgpt-vue3-light-mvp

Generates C4 architecture diagrams (context, container, component) in Mermaid or PlantUML.

nWave-ai/nWave

Create or update a Pull Request with AI-generated description, mermaid diagram, file walkthrough, and automatic design-doc detection.

Smana/cloud-native-ref

Conventions for writing a Markdown explainer that walks the reader through a concept or system.

mathbullet/skills

A skill your agent uses when the user wants diagrams, flowcharts, architecture visuals, data relationships, timelines, concept maps, Mermaid, Graphviz, drawio, or polished paper figures generated…

ZimoLiao/scholaraio

This skill should be used when the user asks to "design system architecture", "evaluate microservices vs monolith", "create architecture diagrams", "analyze dependencies", "choose a database", "plan…

alirezarezvani/claude-skills

PlantUML syntax reference, C4-PlantUML first, for writing or fixing a diagram in an artefact: sequence, class, activity, state, ER, component, deployment and use-case diagrams, skinparams and…

tractorjuice/arc-kit

Integrate markstream-vue into a Vue 3 app. An agent skill from Simon-He95/markstream-vue.

Simon-He95/markstream-vue

代码仓库梳理与项目文档生成技能。当用户明确要求梳理项目或使用项目梳理功能时触发此技能。典型触发场景包括"帮我梳理这个项目"、"梳理一下这个代码仓"、"使用项目梳理"等。此技能读取项目代码仓，按照结构化模板生成完整的项目梳理 Markdown 文档。

5zjk5/prompt-engineering

Build figures in OpenAI's blog / research / system-card "dotcom" visual style — both (a) bar charts (monochrome bars with a darker same-hue stroke, rounded corners, a black y-axis with outward ticks…

yzlnew/infra-skills

Converts Mermaid diagrams and markdown tables into PNG images through a hosted rendering API, for platforms without rich formatting.

sugarforever/01coder-agent-skills

Create safe inline visual explanations in Rudder Chat. An agent skill from Undertone0809/rudder.

Undertone0809/rudder

Drafts a pull request body from the session's paper trail: a one-line claim with the smallest proving visual, verify evidence, a reversibility note and glossary terms.

Yeachan-Heo/oh-my-claudecode

Integrate markstream-vue2 into a Vue 2 Vue CLI or Webpack 4 app.

Simon-He95/markstream-vue

A skill your agent uses for architecture, current-state, process, data-flow, medallion, or DP diagrams, including redrawing .drawio and Mermaid sources.

coco-research/coco

Applies plain language rules to software documentation, architecture explanations, code reviews and technical analysis, following the principles of ISO 24495-3:2026.

GaZmagik/iso-24495

This skill should be used when the user invokes "/mermaid" to create a diagram from the current context using Mermaid and output the resulting image path.

xenodium/emacs-skills

使用 @ant-design/x 组件库构建 AI 对话 UI 时使用 —— 涵盖 Bubble、Sender、Conversations、Prompts、ThoughtChain、Actions、Welcome、Attachments、Sources、Suggestion、Think、FileCard、CodeHighlighter、Mermaid、Folder、XProvider 和…

kqcoxn/MaaPipelineEditor

A skill your agent uses when adding a heavyweight browser dependency (diagram/chart renderers like mermaid, code editors, big wasm-adjacent libs) to a lightweight DSH Web plugin that must stay…

NanmiCoder/dsh-auto-mode

Turns a cryptographic protocol's source code, RFC, paper or ProVerif or Tamarin model into a Mermaid sequence diagram annotated with each cryptographic operation.

trailofbits/skills

Converts a Mermaid sequence diagram of a cryptographic protocol into a ProVerif model file ready for checking secrecy, authentication and forward secrecy.

trailofbits/skills

Design controlled SVG, visual widgets, topology and Visual Core explainers with semantic color, safe geometry, accessibility, and bounded complexity.

Prismer-AI/PrismerCloud

检查并修复 zero2Agent 项目中 mermaid 图表的语法问题。当用户说"mermaid 渲染错误""图表语法检查""mermaid 不显示""flowchart 报错""检查 mermaid"时触发。也适用于用户提到某篇文章的 mermaid 图无法渲染、显示 syntax error 的场景。

ranxi2001/zero2Agent

抓取并汇总"数据库、AI、GitHub、AI 论文"近 1 周新闻，输出图文并茂（含 mermaid 图）的 markdown 周报到当前项目的 markdown/ 目录。覆盖 10 个数据源：postgresweekly.com/issues（自动解析最新 issue…

digoal/blog

Creates interactive causal-loop diagram (CLD) articles for MkDocs Material sites.

dmccreary/ibook-skills

Writes scientific Markdown documentation and Mermaid diagrams for workflows, relationships, timelines, and schemas.

K-Dense-AI/scientific-agent-skills

Convert the mermaid diagram in docs/workflow.md to a blueprint-styled SVG for the website.

oocx/tfplan2md

Create a code-based implementation spec in the specs/ directory for a significant feature, fix, or refactor.

cashew-labs/libretto

A股个股次日(T+1)走势预测 skill。当用户输入A股股票代码(如 600519、000858、300750、688981、430090)或公司名称(如"贵州茅台"、"宁德时代"、"比亚迪"),并要求预测次日走势、给出交易计划、评估盈亏概率时,触发本 skill。skill 会用 mcpMiniMaxwebsearch…

digoal/blog

Write Chinese Markdown articles for university students and adults with social experience that explain one viewpoint, axiom, theorem, law, principle, or theory system through "求真讲法、求存讲法、思考", with…

digoal/blog

输入某个产品的文档、URL 或简要描述，自动抓取关键信息，分别扮演「用户、投资人、产品经理、市场运营、品牌运营、友商、合作伙伴」7 个角色对该产品进行深度分析，中间结果分角色保存，最终整合为一篇图文并茂（SVG/Mermaid/ASCII）的综合分析报告，结论明确、有权威数据支撑、逻辑清晰、小白可读，并附有结论边界、前提假设及假设变动时的结论调整说明。

digoal/blog

Explore SQLite and PostgreSQL databases: list tables, inspect schemas (columns/types/constraints), preview data, generate Mermaid ER diagrams, and run safe read-only queries.

zebbern/claude-code-guide

Salesforce architecture diagrams using Mermaid with ASCII fallback.

forcedotcom/sf-skills

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

github/awesome-copilot

指导在项目中编写、更新与使用架构文档（ARCHITECTURE.md）。在根目录维护架构文档，修改前后需阅读文档；文档关注最终结果与流程串联，不陷入实现细节。适用于新增/变更功能、重构、或需要理解系统整体时。

ProgrammerAnthony/Anything-Extract

A skill your agent uses when explaining existing code architecture, visualizing a new system before detailed design, mapping software boundaries, or creating C4-style diagrams in ASCII or Mermaid.

intent-driven-dev/intent-driven-template

A skill your agent uses when 用户需要理解现有源码结构、定位功能实现、梳理调用链/数据流、评估重构点时。触发场景：源码阅读、代码导读、这段代码在做什么、功能在哪里实现、调用链分析、数据流分析、架构走读、阅读报告、系统摸底、重构前分析。

ProgrammerAnthony/Expert-Coding-Harness

生成面向学生的公理/定理深度讲解文案，输出图文并茂的 Markdown 文章。触发条件：用户输入一个观点、公理、定理或数学/科学/哲学命题，并希望获得系统性讲解文章。关键词包括："讲解"、"解释"、"公理"、"定理"、"原理"、"推导"、"怎么来的"、"有什么用"、"证明"等。即使用户只说"帮我讲讲XX定理"或"解释一下XX原理"，也应使用本 skill。输出保存到项目 markdown/…

digoal/blog

根据用户给出的行业名称（或默认使用热点社会新闻），抓取最新新闻热点，用"找世界bug"的视角——找出那些打眼一看就不合理的地方——深度分析根因、利益链条、监管盲区，并给出多维度解决思路，输出图文并茂（含SVG/Mermaid/ASCII图形）的Markdown文件，保存到项目markdown/目录。

digoal/blog

抓取并分析"数据库、AI、GitHub、AI论文"相关的近1周内最新内容，分类汇总，输出图文并茂（含内置 Mermaid 图）的 Markdown 周报到当前项目的 markdown/ 目录。

digoal/blog

快速且通俗易懂地讲透一个行业，输出图文并茂的深度分析 Markdown 报告，保存到当前项目的 markdown/ 目录。触发条件：用户输入一个行业名称，并希望获得全面、通俗易懂的行业深度分析，关键词包括"讲透"、"深度分析行业"、"行业分析"、"帮我搞懂XX行业"、"XX行业是怎么赚钱的"、"XX行业有什么机会"、"XX行业怎么进入"、"产业链分析"、"行业机会"等。即使用户只说"帮我了解一下…

digoal/blog

Create diagrams and visualizations using Mermaid syntax. An agent skill from hoodini/ai-agents-skills.

hoodini/ai-agents-skills