Skills tagged: diagram

• business-model-diagram - Create self-contained HTML/SVG business model diagrams

  business-modeldiagramsvganti-fabrication

  ★ 0 · Updated 2026-09-24

  Generates self-contained HTML/SVG business model diagrams based on Zukai Souken methodology with strict anti-fabrication and evidence table rules.

  ⚙ Generate self-contained HTML SVG diagrams⚙ Structure elements in 3x3 grids⚙ Generate integrated evidence reference tables
• 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
• ai-figure - Generate SVG diagrams automatically from markdown or JSON

  svgdiagrammarkdownvisualization

  ★ 29 · Updated 2026-09-23

  Generates clean SVG diagrams with auto-layout from markdown string or JSON config in browser and Node.js.

  ⚙ Generate SVG diagrams⚙ Parse markdown diagram syntax⚙ Parse JSON diagram config
• draw - Create diagrams in YuzuDraw

  diagramyuzudrawascii-artarchitecture

  ★ 51 · Updated 2026-09-22

  Create YuzuDraw diagrams by choosing a diagram family and following references for architecture, components, flow, bar charts, or ASCII art.

  ⚙ Render ASCII diagrams⚙ Create diagrams⚙ Update diagrams
• drawio - Generate and export draw.io diagrams as editable files.

  drawiodiagramflowchartarchitecture-diagram

  ★ 1 · Updated 2026-09-21

  Generates native draw.io diagrams in mxGraphModel XML format and exports them to embedded PNG, SVG, or PDF files.

  ⚙ Generate draw.io XML diagrams⚙ Write native drawio files⚙ Export diagrams to PNG
• hand-drawn-note-generator - Generate visual summary images and sketchnotes from content

  sketchnoteinfographicdiagramimage-generation

  ★ 73 · Updated 2026-09-21

  Turns text content into visual summary images, sketchnotes, infographics, whiteboard diagrams, sketch SVGs, and portable image prompts.

  ⚙ Detect content relationship types⚙ Select audience visual modes⚙ Generate image generation prompts
• animated-sketch-diagram - Generate animated sketch architecture and flow diagrams

  diagramarchitectureflowchartanimation

  ★ 16 · Updated 2026-09-19

  Creates animated sketch-style architecture and workflow diagrams as self-contained HTML files and renders seamless looping GIFs.

  ⚙ Plan diagram layout⚙ Create animated HTML diagrams⚙ Design SVG doodle icons
• 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
• excalidraw-diagram - Create editable Excalidraw diagram JSON files

  excalidrawdiagramvisualizationarchitecture

  ★ 0 · Updated 2026-09-18

  Generates editable Excalidraw diagrams in JSON format following structured layout and design rules.

  ⚙ Plan diagram layout and coordinates⚙ Generate Excalidraw JSON elements⚙ Save diagrams to excalidraw files
• explain - Generate interactive visual explanations with diagrams

  explanationvisualizationartifacthtml

  ★ 0 · Updated 2026-09-15

  Creates rich visual explanations of concepts, code changes, architectures, or conversations as Claude Artifacts or self-contained HTML files.

  ⚙ Identify explanation subject⚙ Inspect code diffs⚙ Read codebase modules
• eli5 - ELI5 Visual Explainer

  eli5visual-explanationhtml-artifacteducation

  ★ 19 · Updated 2026-09-14

  Creates visual explanations of topics as self-contained HTML artifacts using simple language and diagrams.

  ⚙ Create standalone HTML visual explainers⚙ Map complex concepts to visual analogies⚙ Verify facts using host research tools
• excalidraw - Excalidraw diagram generator

  excalidrawdiagramvisualizationsvg

  ★ 25 · Updated 2026-09-14

  Generates hand-drawn Excalidraw-style diagrams rendered as SVG and PNG files from text prompts.

  ⚙ Analyze diagram requests⚙ Generate diagram JSON⚙ Render SVG and PNG diagrams
• html-visualization - Build, render, and evaluate browser HTML visualizations.

  htmlvisualizationplaywrightdiagram

  ★ 0 · Updated 2026-09-13

  Build, revise, and evaluate browser-rendered HTML visualizations validated via Playwright CLI screenshots.

  ⚙ Build HTML visualizations⚙ Inspect implementation code⚙ Serve HTML over HTTP
• hand-drawn-diagrams - Create hand-drawn Excalidraw diagrams and wireframes

  excalidrawdiagramflowchartwireframe

  ★ 69 · Updated 2026-09-10

  Generates hand-drawn Excalidraw diagrams, flowcharts, and wireframes in JSON format, validates them, and opens hosted edit URLs.

  ⚙ Route diagram types from user intent⚙ Generate Excalidraw JSON diagram files⚙ Validate Excalidraw diagram file structure
• 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
• lark-whiteboard - Draw diagrams in Lark documents

  diagramvisualizationLarkwhiteboard

  ★ 0 · Updated 2026-06-30

  Create architecture diagrams, flowcharts, mind maps, and other visualizations in Lark cloud documents.

  ⚙ draw architecture diagrams⚙ draw flowcharts⚙ draw mind maps
• lark-whiteboard - Lark Whiteboard Chart Drawing Tool

  diagramchartvisualizationwhiteboard

  ★ 2 · Updated 2026-06-30

  Draw architecture diagrams, flowcharts, mind maps, sequence diagrams, and other visual charts in Lark documents

  ⚙ generate JSON diagram⚙ render PNG image⚙ upload to whiteboard
• lark-whiteboard - Lark Whiteboard Drawing Tool

  whiteboarddiagramchartvisualization

  ★ 68 · Updated 2026-06-30

  Draw charts, diagrams, and visualizations in Lark documents

  ⚙ draw diagrams⚙ render charts⚙ generate DSL
• azure-diagrams - Azure Infrastructure Diagram Generator

  azurediagramarmresource-group

  ★ 1 · Updated 2026-05-28

  Visualizes Azure infrastructure from ARM templates, Azure CLI, or descriptions

  ⚙ parse ARM templates⚙ parse Azure CLI output⚙ parse descriptions
• ascii-diagram - Validate ASCII Diagrams

  asciidiagramvalidationalignment

  ★ 1 · Updated 2026-05-09

  Validate and fix alignment issues in ASCII diagrams, box drawings, and monospace text art

  ⚙ validate ASCII diagrams⚙ check box alignment⚙ detect invisible characters

Scroll to load more