[]

Diagrams

The best skills for design-related work, like interfaces, visuals, presentations and design systems.

  • mindmap-helper

    Organize requirements into Markdown or JSON outlines for mind map tools

    ★2K
  • mindmap-html-generator

    Convert notes and outlines into interactive markmap mind map HTML pages

    ★2K
  • scientific-schematics

    Draw journal-ready flowcharts, architectures and pathway diagrams from text descriptions

    ★2K
  • text-to-technical-roadmap

    Turn research proposals into Mermaid roadmap flowcharts

    ★2K
  • animation

    Animate technical explainer diagrams that show how a system behaves over time

    ★2K
  • canvas

    Lay out documents, mockups and screen flows on a spatial board with live cards

    ★2K
  • excalidraw

    Draw flowcharts, architecture diagrams and sketches in Excalidraw files

    ★2K
  • architectural-dxf-extraction

    Extract rooms, doors and fixtures from DXF floor plans into structured JSON

    ★1.9K
  • geometric-layout-repair

    Repair 2D floor plan layouts with minimal changes to meet clearance rules

    ★1.9K
  • mermaid-expert

    Create Mermaid flowcharts, sequence diagrams, ERDs and architecture diagrams

    ★1.9K
  • space-chart-image

    Generate flowcharts, architecture diagrams, SWOT and roadmaps as images

    ★1.7K
  • space-text-logic-diagram

    Turn article paragraphs into logic diagrams as SVG or HTML for WeChat posts

    ★1.7K
  • extract-tikz

    Extract TikZ diagrams from Beamer source and convert them to SVG files

    ★1.7K
  • new-diagram

    Scaffold TikZ diagrams from a snippet gallery and loop review until approved

    ★1.7K
  • archify

    Create validated architecture and sequence diagrams as explorable HTML with exports

    ★1.7K
  • diagram-design

    Create technical and product diagrams as standalone HTML with inline SVG

    ★1.7K
  • dynamic-archify

    Create animated architecture and flow diagrams as HTML with dark mode and exports

    ★1.7K
  • flowchart

    Generate animated flowcharts and concept diagrams as HTML for tutorials and videos

    ★1.7K
  • network-protocol-viz

    Build animated HTML demos of TCP/IP, Ethernet, routing, DHCP and HTTPS flows

    ★1.7K
  • architecture-diagram

    Build a dark-themed architecture diagram as one self-contained HTML file

    ★1.7K
  • azure-resource-visualizer

    Generate Mermaid architecture diagrams showing how Azure resources connect

    ★1.6K
  • architecture-diagrams

    Render Azure infrastructure and data catalog relationships as Mermaid or ASCII

    ★1.6K
  • c4-architecture

    Document software architecture with C4 context, container and component views

    ★1.6K
  • mural

    Read and write Mural boards, rooms and widgets through the Mural REST API

    ★1.6K
  • pretty-mermaid

    Render themed Mermaid diagrams as SVG, PNG or ASCII for docs, PRs and terminals

    ★1.5K
  • excalidraw-use

    Place screenshots and slides onto an Excalidraw whiteboard and inspect drawings

    ★1.5K
  • mermaid-tools

    Extract Mermaid diagrams from markdown files and render them as PNG images

    ★1.5K
  • visualize

    Render diagrams, charts and UI mockups inline in chat when a picture explains better

    ★1.5K
  • breadboarding

    Map a workflow into UI and code affordance tables with their wiring

    ★1.4K
  • feishu-cli-visual

    Create Feishu whiteboards, Slides decks and interactive HTML charts from the CLI

    ★1.4K
  • visual-flow-gif

    Turn process notes into animated flow diagrams as PNG and GIF files

    ★1.3K
  • excalidraw

    Create hand-drawn style diagrams as .excalidraw files for architecture and flows

    ★1.3K
  • create-workflow-diagram

    Create FigJam-style workflow diagrams as PNG images from plain-text descriptions

    ★1.3K
  • moai-domain-svg-infographic

    Draw editable SVG architecture, flow and comparison infographics with checked layouts

    ★1.2K
  • paper-fig

    Build editable paper figures and architecture diagrams as PowerPoint files

    ★1.2K
  • architecture-diagram

    Create dark-themed SVG architecture and cloud infrastructure diagrams as HTML

    ★1.2K
  • aris-mermaid-diagram

    Generate Mermaid flowcharts, sequence, class, ER and Gantt diagrams with syntax checks

    ★1.2K
  • external-diagram-mermaid-generate

    Draw Salesforce architecture, OAuth and ERD diagrams in Mermaid or ASCII

    ★1.1K
  • visio-image-rebuilder

    Rebuild Visio diagrams from reference images and export vsdx, SVG, PDF or PPTX

    ★1.1K
  • diagram-design

    Design research diagrams with Excalidraw MCP tools using clear layout rules

    ★1.1K
  • code-to-diagram

    Generate architecture, ER, sequence and class diagrams from code with Mermaid

    ★1.1K
  • drawio

    Generate draw.io diagrams as .drawio files and export them to PNG, SVG or PDF

    ★1.1K
  • model-architecture-diagram

    Fetch public architecture diagrams for popular LLM, VLM and MoE model families

    ★1.1K
  • markdown-mermaid-writing

    Write Markdown documents with Mermaid diagrams for reports and analysis

    ★1K
  • scientific-schematics

    Create publication-quality scientific diagrams with iterative quality review

    ★1K
  • lanshu-animated-architecture-diagram

    Create hand-drawn animated architecture diagrams as Excalidraw files and GIFs

    ★1K