Skills tagged: mermaid

• mermaid-diagram-generator - Generate Mermaid diagrams in Markdown

  mermaiddiagramflowchartsequence-diagram

  ★ 61 · Updated 2026-09-24

  Creates Mermaid diagrams for flowcharts, sequence diagrams, ERDs, and architecture visualizations in markdown.

  ⚙ Create flowchart diagrams⚙ Create sequence diagrams⚙ Create entity relationship diagrams
• pavilio-mermaid-chart - Mermaid Diagram Guidelines for Design Docs

  mermaiddiagramsflowchartsequence-diagram

  ★ 0 · Updated 2026-09-24

  Provides patterns for authoring and reviewing Mermaid diagrams in design docs and explanatory memos.

  ⚙ Author Mermaid diagrams⚙ Review design document diagrams⚙ Apply flowchart subgraph patterns
• archi-diagrams - Generate Mermaid diagrams on demand from architecture index

  mermaidarchitecturediagramserd

  ★ 1 · Updated 2026-09-23

  Generates Mermaid diagrams including architecture, class, ERD, sequence, and use case diagrams based on an architecture index.

  ⚙ Generate architecture diagrams⚙ Generate class diagrams⚙ Generate ERD data models
• documentation-specialist - Software Documentation and Diagram Specialist

  documentationdiagrammingmermaidplantuml

  ★ 46 · Updated 2026-09-22

  Creates, extracts, audits, converts software documentation, and generates Mermaid and PlantUML diagrams from templates or existing code.

  ⚙ Create documentation from templates⚙ Reverse-engineer documentation from source code⚙ Review and audit existing documentation
• diagram - Convert text or Mermaid source into editable diagram triplets

  diagrammermaidexcalidrawvisualization

  ★ 2 · Updated 2026-09-19

  Generates Mermaid source, Excalidraw scene files, and SVG/PNG diagrams offline from English descriptions or Mermaid code.

  ⚙ Write Mermaid source code⚙ Render SVG and PNG offline⚙ Convert flowcharts to Excalidraw scenes
• c4-code - C4 Code-Level Documentation Specialist

  c4-modeldocumentationcode-analysismermaid

  ★ 0 · Updated 2026-09-19

  Analyzes code directories to create comprehensive C4 code-level documentation including function signatures, arguments, dependencies, and code structure.

  ⚙ Analyze code directories⚙ Document function signatures and dependencies⚙ Generate C4 code-level documentation
• c4-code - Analyze code directories to create C4 code documentation

  c4code-documentationc4-modelcode-analysis

  ★ 0 · Updated 2026-09-19

  Analyzes code directories to create comprehensive C4 code-level documentation including function signatures, arguments, dependencies, and code structure.

  ⚙ Analyze code directories⚙ Extract function signatures and arguments⚙ Document code dependencies
• dreamprint - Progressive Service Architecture Design and Visualization

  architecture-designmermaidservice-designsystem-architecture

  ★ 0 · Updated 2026-09-17

  Converts ideas or technical problems into progressive service architectures with Mermaid pages after a structured interview.

  ⚙ Scan 10 architecture dimensions⚙ Conduct structured user interviews⚙ Generate architectural readiness summary
• streamdown - Streaming-optimized React Markdown renderer

  reactmarkdownstreamingsyntax-highlighting

  ★ 5 · Updated 2026-09-17

  Render streaming Markdown in React with syntax highlighting, Mermaid diagrams, LaTeX math, CJK support, and link safety.

  ⚙ Install streamdown package⚙ Configure Tailwind CSS content scanning⚙ Render streaming Markdown content
• c4-component - C4 Component-level documentation specialist

  c4-modelarchitecture-documentationcomponent-designmermaid

  ★ 36 · Updated 2026-09-14

  Synthesizes C4 Code-level documentation into Component-level architecture, defining component boundaries, interfaces, and relationships.

  ⚙ Synthesize code documentation into components⚙ Define component boundaries and interfaces⚙ Generate Mermaid component diagrams
• technical-documentator - Technical documentation for Flutter and Supabase projects

  documentationfluttersupabasemermaid

  ★ 0 · Updated 2026-09-14

  Generates technical docs, Mermaid diagrams, READMEs, GitHub Wiki structures, API specs, and design systems for Flutter and Supabase projects.

  ⚙ Generate structured README files⚙ Draw architecture diagrams using Mermaid⚙ Organize GitHub Wiki structures
• architecture-diagram - Produce architecture documentation with Mermaid and Draw.io

  architecturediagrammermaiddrawio

  ★ 0 · Updated 2026-09-10

  Produces architecture documentation containing Mermaid diagrams and editable Draw.io files from source code.

  ⚙ Inspect target components and boundaries⚙ Trace data and control flows⚙ Generate Mermaid diagrams
• diagram-writer - Generate technical documentation diagrams using Mermaid

  diagramsmermaidarchitecturesequence-diagram

  ★ 1 · Updated 2026-09-09

  Produces technical visualizations including architecture diagrams, sequence flows, ERDs, and flowcharts as Mermaid code.

  ⚙ Generate C4 architecture diagrams⚙ Create API sequence diagrams⚙ Build database ER diagrams
• smart-illustrator - Smart Article Illustration and Infographic Generator

  illustrationinfographiccover-imagePPT

  ★ 18 · Updated 2026-06-30

  Generates article illustrations, batch PPT infographics, and platform cover images using Gemini, Excalidraw, and Mermaid rendering engines.

  ⚙ Analyze article content⚙ Generate article illustrations⚙ Generate batch infographics
• lark-whiteboard - Lark Whiteboard Diagrams

  larkwhiteboarddiagramscharts

  ★ 2 · Updated 2026-06-30

  Create diagrams and charts on Lark Whiteboard via DSL or Mermaid syntax.

  ⚙ create diagrams⚙ draw charts⚙ generate architecture diagrams
• investigate-diagram - Generate dependency diagrams from code or architecture

  dependency-diagramcode-analysisarchitecture-visualizationmermaid

  ★ 1 · Updated 2026-05-28

  Generate dependency diagrams from code-level or architecture-level. Outputs Mermaid diagrams in markdown or FigJam via Figma MCP.

  ⚙ gather requirements⚙ trace dependencies⚙ search documentation
• mermaid-diagrams - Create Compatible Mermaid Diagrams

  mermaiddiagramflowchartvisualization

  ★ 0 · Updated 2026-03-22

  Guide for creating human-readable and agent-parseable diagrams using Mermaid with renderer-compatible templates

  ⚙ Create Mermaid diagrams⚙ Generate flowcharts⚙ Create sequence diagrams
• mermaid - GitHub-Compatible Mermaid Diagrams

  diagramsmermaiddocumentationgithub

  ★ 0 · Updated 2026-03-22

  Create professional Mermaid diagrams that render correctly on GitHub in both light and dark modes

  ⚙ create flowchart diagrams⚙ apply dark fill styles⚙ define subgraph styles
• mermaid - Create GitHub-Compatible Mermaid Diagrams

  mermaiddiagramdocumentationgithub

  ★ 602 · Updated 2026-03-22

  Guide for creating Mermaid diagrams compatible with GitHub dark and light modes

  ⚙ create Mermaid diagram code⚙ style diagram nodes⚙ style subgraphs
• mermaid-display - Render Mermaid diagrams as visual images

  diagramvisualizationmermaidarchitecture

  ★ 2 · Updated 2026-02-17

  Renders Mermaid syntax diagrams to PNG or SVG images

  ⚙ Generate Mermaid code⚙ Save to temporary files⚙ Render diagrams to images

Scroll to load more