[]

Diagrams

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

  • node-link-and-diagram-layout

    Auto-arrange node-link diagrams to cut edge crossings and avoid overlaps

    ★7.6K
  • uml-and-software-architecture-visualization

    Draw, read and critique UML class, sequence and state diagrams for software

    ★7.6K
  • ljg-map

    Draw a formal concept map of an article, with plain definitions and conditional links

    ★7.5K
  • html-preview

    Render comparisons, timelines and flows as lightweight HTML previews in Markdown

    ★7.5K
  • architecture-diagram

    Generate dark-themed system architecture diagrams as standalone HTML and SVG

    ★7.5K
  • excalidraw-studio

    Generate Excalidraw diagrams and flowcharts from plain-language descriptions

    ★7.1K
  • mermaid-studio

    Create, validate and render Mermaid diagrams as SVG, PNG or ASCII

    ★7.1K
  • infographic-syntax-creator

    Turn notes and outlines into AntV Infographic DSL with templates and themes

    ★7K
  • Diagram design

    Create DESIGN.md-driven HTML, SVG and whiteboard diagrams

    ★6.3K
  • Excalidraw diagram

    Create and iterate Excalidraw diagrams on whiteboard canvases

    ★6.3K
  • 4drawio

    Draw flowcharts, model structure and data pipeline diagrams as PDFs for a paper

    ★6.3K
  • likec4-dsl

    Write and check LikeC4 DSL files and CLI commands for architecture diagrams

    ★6K
  • create-technical-diagrams

    Draw technical diagrams of systems, processes and mechanisms with editable sources

    ★5.7K
  • drawio

    Create and export draw.io diagrams, flowcharts, ER and sequence diagrams, and mockups

    ★5.7K
  • show-me

    Sketch concise diagrams and code-shape visuals to explain the current topic

    ★5.5K
  • diagram-maker

    Create SVG, HTML or Excalidraw diagrams for architecture, flows and whiteboards

    ★5.3K
  • excalidraw-diagram

    Create Excalidraw diagram files that show workflows and architectures

    ★5.1K
  • diagram-maker

    Create SVG, HTML or Excalidraw diagrams for architecture, flows and whiteboards

    ★4.9K
  • code-to-diagram

    Generate architecture diagrams, flowcharts and dependency graphs from source code

    ★4.7K
  • visual-plan

    Turn text plans into interactive visual plans with diagrams and file maps

    ★4.6K
  • visual-recap

    Turn a pull request or git diff into an interactive visual review recap

    ★4.6K
  • schematics

    Create publication-quality technical diagrams like CONSORT and PRISMA flows

    ★4.3K
  • html-diagram

    Build self-contained HTML diagrams for sequences, topology, state and hierarchy

    ★3.8K
  • miro-automation

    Manage Miro boards, sticky notes, frames, sharing and connectors through Composio

    ★3.7K
  • excalidraw-diagram

    Generate Excalidraw diagrams from text in Obsidian, standard or animated formats

    ★3.7K
  • mermaid-visualizer

    Turn text into Mermaid flowcharts, architectures, comparisons and mind maps

    ★3.7K
  • figures-diagram

    Write image AI prompts for flowcharts, architecture and concept diagrams

    ★3.5K
  • documd-visuals

    Create charts, diagrams and cards directly inside Markdown documents

    ★3.4K
  • research-to-diagram

    Research a topic and export its knowledge relationships as a diagram PDF

    ★3.3K
  • user-flow-diagram

    Diagram screen-level paths, decision points and branch logic for a feature

    ★3.1K
  • alphaear-logic-visualizer

    Draw finance logic and transmission chain diagrams as Draw.io XML

    ★3.1K
  • codegen-diagram

    Generate Draw.io diagrams of a codebase, including stack, architecture and E-R

    ★3.1K
  • drawio-diagram

    Create Draw.io diagrams of ML architectures and flows, or restyle from a reference

    ★3.1K
  • excalidraw-diagram

    Draw hand-drawn style Excalidraw diagrams for architecture, flows and whiteboards

    ★3.1K
  • architecture-diagram

    Draw dark-themed SVG architecture diagrams of cloud systems as standalone HTML

    ★2.9K
  • Academic Figure Prompt

    Write image-model prompts for publication-ready academic framework and pipeline figures

    ★2.8K
  • Academic Figure Prompt — Modern ML Airy Style

    Write prompts for clean ML paper figures with soft shadows and white panels

    ★2.8K
  • c4-architecture

    Draw C4 context, container and component architecture diagrams in Mermaid

    ★2.6K
  • draw-io

    Create, edit and review draw.io diagrams, including AWS icon usage

    ★2.6K
  • excalidraw

    Create and edit Excalidraw diagrams without flooding the context with JSON

    ★2.6K
  • mermaid-diagrams

    Draw class, sequence and flow diagrams in Mermaid syntax for software docs

    ★2.6K
  • excalidraw-skill

    Create, refine and export Excalidraw diagrams on a live canvas with screenshots

    ★2.6K
  • pr-lens

    Draw code changes and systems as animated architecture or data-flow diagrams

    ★2.3K
  • mermaid-syntax

    Write or fix Mermaid diagrams for flowcharts, sequences, ER, Gantt and C4

    ★2.3K
  • plantuml-syntax

    Write or fix PlantUML diagrams, C4 layouts and rendering errors

    ★2.3K
  • mermaidjs-v11

    Create flowcharts, sequence diagrams and Gantt charts with Mermaid.js v11 syntax

    ★2.2K
  • openakita/skills@pretty-mermaid

    Generate styled Mermaid diagrams as SVG or ASCII with a template library

    ★2K
  • graphical-abstract-generator

    Turn a study storyline into a graphical abstract, Mermaid flowchart or design brief

    ★2K
  • mechanism-flowchart

    Generate Mermaid flowcharts that map disease mechanisms and pathophysiology

    ★2K
  • mindmap

    Generate offline mind maps in native HTML, CSS and JS from plain-text structures

    ★2K