mermaid skills

117 tagged mermaid, measured the same way as everything else here.

Browse within: linkedin 56openclaw-skills 56skill-md 56markdown 14architecture 13diagram 11katex 11nuxt 11visualization 11documentation 8adr 7ai-assisted-development 7

markstream-install

01

Simon-He95/markstream-vue

Skill Claude CodeCodex

Install and wire markstream-vue, markstream-react, markstream-vue2, markstream-angular, or markstream-svelte into an existing repository. Use when Codex needs to choose the right package, install the smallest framework-specific peer-dependency set, fix CSS/reset order, choose Vue 3 renderer mode and built-in, plain…

3.0k 2d ago A 104 tokens original MIT

Simon-He95/markstream-vue

Skill Claude CodeCodex

Audit and migrate existing Markdown rendering to Markstream, or upgrade a markstream-vue 1.x integration to 2.x. Use when Codex needs to replace another renderer, classify direct vs custom vs plugin-heavy adoption, preserve behavior during adoption, migrate custom renderers into scoped Markstream overrides, decide…

3.0k 2d ago A 95 tokens original MIT

markstream-vue

03

Simon-He95/markstream-vue

Skill Claude CodeCodex

Integrate markstream-vue into a Vue 3 app. Use when Codex needs to add the Vue 3 renderer, import CSS in the right order, choose renderer and DOM modes, choose built-in, plain, or custom code-block paths, choose between content and nodes, coordinate long AI timelines with MarkstreamVirtualTimeline…

3.0k 2d ago A 127 tokens original MIT

pretty-mermaid

04

imxv/Pretty-mermaid-skills

Skill Claude CodeCodex

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…

1.2k +8 10d ago A 121 tokens original MIT

mermaid-diagram

05

wecode-ai/Wegent

Skill Claude CodeCodex

Use this skill when you need to draw diagrams including: Flowchart, Sequence Diagram, Class Diagram, State Diagram, ER Diagram, User Journey, Gantt Chart, Pie Chart, Quadrant Chart, Requirement Diagram, Gitgraph, Mindmap, Timeline, Sankey, XY Chart (Bar/Line), Block Diagram, Packet Diagram, Kanban, Architecture…

747 2d ago A 102 tokens original Apache-2.0

mermaid-skill

06

Agents365-ai/mermaid-skill

Skill Claude CodeCodex

Generate Mermaid diagrams (.mmd) and export to PNG/SVG/PDF using mmdc CLI or Kroki API. USE THIS SKILL when user mentions diagram, flowchart, sequence diagram, class diagram, ER diagram, state machine, architecture, visualize, git graph, 画图, 架构图, 流程图, 时序图, 类图, ER图, 甘特图, 状态机. PROACTIVELY USE when explaining ANY system…

205 4d ago B 137 tokens original MIT

adewale/agentic-mermaid

Skill Claude CodeCodex

Agent-agnostic skill for authoring and editing Mermaid diagrams with structured verification, typed mutation, round-trip serialization, and graphical, terminal, and layout outputs. The live capability registry identifies renderable and mutable families; unmodeled syntax remains source-preserved.

48 3d ago A 61 tokens fork MIT

adewale/agentic-mermaid

Skill Claude CodeCodex

Develop and debug the Agentic Mermaid browser editor, including its modular UI, render/verify pipeline, examples, configuration, exports, URL sharing, website integration, and browser regression tests.

48 3d ago A 45 tokens fork MIT

pdf-press

09

kdcube/kdcube

Skill Claude CodeCodex

Teaches agents how to generate Markdown, HTML (with embedded SVG), and Mermaid content that renders beautifully to multi-page PDF via writepdf, with proper page breaks, compact professional layouts, brand and domain-adaptive color schemes, multi-column support for scientific papers, magazine-style editorial documents…

25 2d ago A 74 tokens original MIT

convex-schema

10

waynesutton/convex-mcp-visual

Skill Claude CodeCodex

Browse and visualize Convex database schemas. Use when exploring Convex tables, viewing document structure, understanding database relationships, or creating dashboards.

20 6mo ago A 31 tokens

analyze-repo

11

miles990/claude-software-skills

Skill Claude CodeCodex

Enterprise-grade repository analysis with arc42/C4 architecture documentation, technical debt quantification, security assessment, and multi-stakeholder reporting.

20 7mo ago A 31 tokens original MIT

aetox-skills/senior-architect-agent

Skill Claude CodeCodex

Cognitive framework that transforms AI agents into senior architects — evidence-first system understanding, honest uncertainty mapping, architecture debt and convention assessment, knowledge-graph-assisted dependency mapping, impact and blast radius analysis, and architecture reasoning before action. Use when an agent…

18 1mo ago A 87 tokens original MIT

audit-flow

13

ArunJRK/audit-flow

Skill Claude CodeCodex

Interactive system flow tracing across CODE, API, AUTH, DATA, NETWORK layers with SQLite persistence and Mermaid export. Use for security audits, compliance documentation, flow tracing, feature ideation, brainstorming, debugging, architecture reviews, or incident post-mortems. Triggers on audit, trace flow, document…

15 6mo ago A 84 tokens copy · 100% MIT

YuLaiZ/interactive-code-map

Skill Claude CodeCodex

Turn a codebase directory and a business question into a single interactive HTML code map, or turn a described non-code business process into the same evidence-backed map. Use when the user asks to explain, map, or visualize code flows, architecture, modules, data models, or a business process.

7 14d ago A 63 tokens original MIT

mermaid-diagrams

15

HighDesertWizard/mdg

Skill Claude CodeCodex

Comprehensive toolkit for creating consistent, cognitively-optimized Mermaid diagrams following the Mermaid Diagram Guidelines (MDG) v1.0 standard. Use for creating flowcharts, system architectures, process flows, sequence diagrams, ERDs, state diagrams, Gantt charts, mindmaps, class diagrams, and conceptual maps.…

6 4mo ago A 105 tokens original MIT

Anselmoo/mcp-ai-agent-guidelines

Skill Claude CodeCodex

Evaluate and address a GitHub pull request review locally. Use when a PR review contains inline comments, suggestions, or requested changes that need to be implemented in the local workspace. Covers fetching review threads, triaging by severity, applying code fixes, running tests, and optionally replying to or…

6 5d ago B 68 tokens original MIT

fix-codecov-gaps

17

Anselmoo/mcp-ai-agent-guidelines

Skill Claude CodeCodex

Fix Codecov patch coverage gaps reported on a pull request. Use when Codecov bot flags missing or partial lines in a PR comment, when patch coverage is below the project threshold (≥87.55%), or when coverage regresses after new code is merged. Covers reading the Codecov report, identifying uncovered lines per file…

6 5d ago A 87 tokens original MIT

pr-quality-cycle

18

Anselmoo/mcp-ai-agent-guidelines

Skill Claude CodeCodex

Combined PR quality workflow: address inline review comments AND fix Codecov patch coverage gaps in one end-to-end cycle. Use when a PR has both review feedback and coverage regression, or when you want a single checklist that covers triage, code fixes, test additions, verification, and push-gate validation before…

6 5d ago B 67 tokens original MIT

adrgen

19

stefanrossmeier/ai-craftkit

Skill Claude CodeCodex

Skill "adrgen" from stefanrossmeier/ai-craftkit, covering adrgen skill, purpose, modes, mode 1: discover and mode 2: generate.

5 26d ago A 0 tokens original Apache-2.0

glossary

20

stefanrossmeier/ai-craftkit

Skill Claude CodeCodex

Discover and document repository-specific business and domain language from a Domain-Driven Design perspective. Use when asked to identify ubiquitous language, domain terminology, bounded-context vocabulary, ambiguous business terms, or to create or refresh docs/GLOSSARY.md.

5 26d ago A 51 tokens original Apache-2.0

stefanrossmeier/ai-craftkit

Skill Claude CodeCodex

Skill "overengineering-review" from stefanrossmeier/ai-craftkit, covering overengineering review skill, invocation model, purpose, required output file and template location.

5 26d ago A 0 tokens original Apache-2.0

document_export

22

XSpoonAi/spoon-bot

Skill Claude CodeCodex

Export text content to various formats (PDF, Excel, Markdown, Mermaid mindmap).

5 8d ago A 20 tokens

chenxihuang1028-a11y/crypto-protocol-diagram

Skill Claude CodeCodex

Extracts protocol message flow from source code, RFCs, academic papers, pseudocode, informal prose, ProVerif (.pv), or Tamarin (.spthy) models and generates Mermaid sequenceDiagrams with cryptographic annotations. Use when diagramming a crypto protocol, visualizing a handshake or key exchange flow, extracting message…

5 1mo ago A 120 tokens CC-BY-SA-4.0

OKHP3/skillz

Skill Claude CodeCodex

Build, audit, and improve OpenAI Custom GPTs with production-grade methodology. Use this skill when the user asks to create, configure, test, evaluate, audit, improve, troubleshoot, compare, document, or package a Custom GPT or reusable ChatGPT workflow. Also use it for GPT Builder instructions, knowledge files…

2 2d ago A 103 tokens original MIT