Back to tags
Tag

Agent Skills with tag: mermaid

12 skills match this tag. Use tags to discover related Agent Skills and explore similar workflows.

repo-docs

Generate comprehensive repository documentation following team standards. Use when creating README, CLAUDE.md, ARCHITECTURE.md, DESIGN_DECISIONS.md, or any project documentation. Includes Mermaid diagrams, status indicators, and AI context files.

repository-managementdocumentation-generationmermaidproject-documentation
Optima-Financial
Optima-Financial
0

architect

Design industry-grade Cloudflare architectures with wrangler.toml generation, Mermaid diagrams, AND Edge-Native Constraint validation. Use this skill when designing new systems, planning migrations, evaluating architecture options, or when the user mentions Node.js libraries that may not work on Workers.

cloudflarewrangler.tomlmermaidedge-computing
littlebearapps
littlebearapps
0

system-design

Use when designing, architecting, or planning a new system from requirements or ideas - transforms concepts into navigable design catalog using EventStorming methodology, Mermaid diagrams, and progressive elaboration through 5 phases (Requirements, Big Picture, Processes, Data/Flows, Integration)

software-designeventstormingmermaidprogressive-elaboration
Dwsy
Dwsy
0

memory-map

Visualize soul memory structure as ASCII diagrams and Mermaid graphs

ascii-artmermaidvisualizationmemory-structure
genomewalker
genomewalker
0

mermaid-generator

根据用户描述智能选择最合适的图表类型并生成 Mermaid 代码。支持流程图、时序图、类图、ER图、甘特图、状态图等全部类型,配色鲜艳美观。

mermaiddiagram-generationchart-manipulationflowchart
unix2dos
unix2dos
1

youtube-to-knowledge-doc

Use when user provides YouTube URL and says "document this", "create notes", or "save this video". Automatically extracts transcript, determines folder placement, and generates Knowledge Framework documentation with MECE structure, Mermaid diagrams, and clickable timestamp citations.

youtubetranscriptiondocumentationmermaid
tekliner
tekliner
41

dev.mermaid

Generate Mermaid diagrams with proper syntax. Use when creating flowcharts, sequence diagrams, class diagrams, or any other Mermaid visualizations. Ensures correct label quoting to prevent parsing errors.

mermaiddiagram-generationflowchartsequence-diagram
kevinslin
kevinslin
3

obsidian-mermaid

Create Obsidian-compatible Mermaid diagrams. Prefer square layouts (TB + subgraph LR), avoid markdown in labels. Use when creating flowcharts, sequence diagrams, or any Mermaid diagrams in markdown files.

mermaidobsidianmarkdowndiagram-generation
jykim
jykim
14

architecture-diagrams

Create system architecture diagrams using Mermaid, PlantUML, C4 model, flowcharts, and sequence diagrams. Use when documenting architecture, system design, data flows, or technical workflows.

diagram-generationflowchartmermaidplantuml
aj-geddes
aj-geddes
301

mcaf-adr-writing

Create or update an ADR (Architecture Decision Record) under `docs/ADR/` using `docs/templates/ADR-Template.md`: context, decision, alternatives, consequences, rollout, and verification. Use when changing architecture, boundaries, dependencies, data model, or cross-cutting patterns; ensure it is self-contained, has a Mermaid diagram, and defines testable invariants.

document-templatesarchitecture-decision-recordarchitecture-patternsdiagram-generation
managedcode
managedcode
387

mcaf-architecture-overview

Create or update `docs/Architecture/Overview.md` (architecture diagrams): maintain Mermaid diagrams for system/modules, interfaces/contracts, and key classes/types; document dependency rules; link to ADRs/features. Use when onboarding, refactoring, or adding modules/boundaries.

diagram-generationdocumentationmermaidonboarding
managedcode
managedcode
387

mermaid-tools

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.

mermaidmarkdowndiagram-generationpng
daymade
daymade
15713