Diagrams
The best skills for design-related work, like interfaces, visuals, presentations and design systems.
node-link-and-diagram-layoutopenai/pluginsAuto-arrange node-link diagrams to cut edge crossings and avoid overlaps★7.6K
node-link-and-diagram-layoutAuto-arrange node-link diagrams to cut edge crossings and avoid overlaps
uml-and-software-architecture-visualizationopenai/pluginsDraw, read and critique UML class, sequence and state diagrams for software★7.6K
uml-and-software-architecture-visualizationDraw, read and critique UML class, sequence and state diagrams for software
ljg-maplijigang/ljg-skillsDraw a formal concept map of an article, with plain definitions and conditional links★7.5K
ljg-mapDraw a formal concept map of an article, with plain definitions and conditional links
html-previewxerrors/YuxiRender comparisons, timelines and flows as lightweight HTML previews in Markdown★7.5K
html-previewRender comparisons, timelines and flows as lightweight HTML previews in Markdown
architecture-diagramCocoon-AI/architecture-diagram-generatorGenerate dark-themed system architecture diagrams as standalone HTML and SVG★7.5K
architecture-diagramGenerate dark-themed system architecture diagrams as standalone HTML and SVG
excalidraw-studiotech-leads-club/agent-skillsGenerate Excalidraw diagrams and flowcharts from plain-language descriptions★7.1K
excalidraw-studioGenerate Excalidraw diagrams and flowcharts from plain-language descriptions
mermaid-studiotech-leads-club/agent-skillsCreate, validate and render Mermaid diagrams as SVG, PNG or ASCII★7.1K
mermaid-studioCreate, validate and render Mermaid diagrams as SVG, PNG or ASCII
infographic-syntax-creatorantvis/InfographicTurn notes and outlines into AntV Infographic DSL with templates and themes★7K
infographic-syntax-creatorTurn notes and outlines into AntV Infographic DSL with templates and themes
Diagram designKunAgent/KunCreate DESIGN.md-driven HTML, SVG and whiteboard diagrams★6.3K
Diagram designCreate DESIGN.md-driven HTML, SVG and whiteboard diagrams
Excalidraw diagramKunAgent/KunCreate and iterate Excalidraw diagrams on whiteboard canvases★6.3K
Excalidraw diagramCreate and iterate Excalidraw diagrams on whiteboard canvases
4drawiojihe520/MathModelAgentDraw flowcharts, model structure and data pipeline diagrams as PDFs for a paper★6.3K
4drawioDraw flowcharts, model structure and data pipeline diagrams as PDFs for a paper
likec4-dsllikec4/likec4Write and check LikeC4 DSL files and CLI commands for architecture diagrams★6K
likec4-dslWrite and check LikeC4 DSL files and CLI commands for architecture diagrams
create-technical-diagramsEverMind-AI/RavenDraw technical diagrams of systems, processes and mechanisms with editable sources★5.7K
create-technical-diagramsDraw technical diagrams of systems, processes and mechanisms with editable sources
drawiojgraph/drawio-mcpCreate and export draw.io diagrams, flowcharts, ER and sequence diagrams, and mockups★5.7K
drawioCreate and export draw.io diagrams, flowcharts, ER and sequence diagrams, and mockups
show-mehumanlayer/skillsSketch concise diagrams and code-shape visuals to explain the current topic★5.5K
show-meSketch concise diagrams and code-shape visuals to explain the current topic
diagram-makeriflytek/skillhubCreate SVG, HTML or Excalidraw diagrams for architecture, flows and whiteboards★5.3K
diagram-makerCreate SVG, HTML or Excalidraw diagrams for architecture, flows and whiteboards
excalidraw-diagramcoleam00/excalidraw-diagram-skillCreate Excalidraw diagram files that show workflows and architectures★5.1K
excalidraw-diagramCreate Excalidraw diagram files that show workflows and architectures
diagram-makerOpenBMB/PilotDeckCreate SVG, HTML or Excalidraw diagrams for architecture, flows and whiteboards★4.9K
diagram-makerCreate SVG, HTML or Excalidraw diagrams for architecture, flows and whiteboards
code-to-diagramzebbern/claude-code-guideGenerate architecture diagrams, flowcharts and dependency graphs from source code★4.7K
code-to-diagramGenerate architecture diagrams, flowcharts and dependency graphs from source code
visual-planBuilderIO/skillsTurn text plans into interactive visual plans with diagrams and file maps★4.6K
visual-planTurn text plans into interactive visual plans with diagrams and file maps
visual-recapBuilderIO/skillsTurn a pull request or git diff into an interactive visual review recap★4.6K
visual-recapTurn a pull request or git diff into an interactive visual review recap
schematicssynthetic-sciences/openscienceCreate publication-quality technical diagrams like CONSORT and PRISMA flows★4.3K
schematicsCreate publication-quality technical diagrams like CONSORT and PRISMA flows
html-diagramplannotator/effective-htmlBuild self-contained HTML diagrams for sequences, topology, state and hierarchy★3.8K
html-diagramBuild self-contained HTML diagrams for sequences, topology, state and hierarchy
miro-automationdavepoon/buildwithclaudeManage Miro boards, sticky notes, frames, sharing and connectors through Composio★3.7K
miro-automationManage Miro boards, sticky notes, frames, sharing and connectors through Composio
excalidraw-diagramaxtonliu/axton-obsidian-visual-skillsGenerate Excalidraw diagrams from text in Obsidian, standard or animated formats★3.7K
excalidraw-diagramGenerate Excalidraw diagrams from text in Obsidian, standard or animated formats
mermaid-visualizeraxtonliu/axton-obsidian-visual-skillsTurn text into Mermaid flowcharts, architectures, comparisons and mind maps★3.7K
mermaid-visualizerTurn text into Mermaid flowcharts, architectures, comparisons and mind maps
figures-diagramNorman-bury/research-writing-skillWrite image AI prompts for flowcharts, architecture and concept diagrams★3.5K
figures-diagramWrite image AI prompts for flowcharts, architecture and concept diagrams
documd-visualsmarkdown-viewer/skillsCreate charts, diagrams and cards directly inside Markdown documents★3.4K
documd-visualsCreate charts, diagrams and cards directly inside Markdown documents
research-to-diagramnexu-io/nexuResearch a topic and export its knowledge relationships as a diagram PDF★3.3K
research-to-diagramResearch a topic and export its knowledge relationships as a diagram PDF
user-flow-diagramOwl-Listener/designer-skillsDiagram screen-level paths, decision points and branch logic for a feature★3.1K
user-flow-diagramDiagram screen-level paths, decision points and branch logic for a feature
alphaear-logic-visualizerRKiding/Awesome-finance-skillsDraw finance logic and transmission chain diagrams as Draw.io XML★3.1K
alphaear-logic-visualizerDraw finance logic and transmission chain diagrams as Draw.io XML
codegen-diagramxstongxue/best-skillsGenerate Draw.io diagrams of a codebase, including stack, architecture and E-R★3.1K
codegen-diagramGenerate Draw.io diagrams of a codebase, including stack, architecture and E-R
drawio-diagramxstongxue/best-skillsCreate Draw.io diagrams of ML architectures and flows, or restyle from a reference★3.1K
drawio-diagramCreate Draw.io diagrams of ML architectures and flows, or restyle from a reference
excalidraw-diagramxstongxue/best-skillsDraw hand-drawn style Excalidraw diagrams for architecture, flows and whiteboards★3.1K
excalidraw-diagramDraw hand-drawn style Excalidraw diagrams for architecture, flows and whiteboards
architecture-diagrammoltis-org/moltisDraw dark-themed SVG architecture diagrams of cloud systems as standalone HTML★2.9K
architecture-diagramDraw dark-themed SVG architecture diagrams of cloud systems as standalone HTML
Academic Figure PromptLigphiDonk/academic-figure-generatorWrite image-model prompts for publication-ready academic framework and pipeline figures★2.8K
Academic Figure PromptWrite image-model prompts for publication-ready academic framework and pipeline figures
Academic Figure Prompt — Modern ML Airy StyleLigphiDonk/academic-figure-generatorWrite prompts for clean ML paper figures with soft shadows and white panels★2.8K
Academic Figure Prompt — Modern ML Airy StyleWrite prompts for clean ML paper figures with soft shadows and white panels
c4-architecturesoftaworks/agent-toolkitDraw C4 context, container and component architecture diagrams in Mermaid★2.6K
c4-architectureDraw C4 context, container and component architecture diagrams in Mermaid
draw-iosoftaworks/agent-toolkitCreate, edit and review draw.io diagrams, including AWS icon usage★2.6K
draw-ioCreate, edit and review draw.io diagrams, including AWS icon usage
excalidrawsoftaworks/agent-toolkitCreate and edit Excalidraw diagrams without flooding the context with JSON★2.6K
excalidrawCreate and edit Excalidraw diagrams without flooding the context with JSON
mermaid-diagramssoftaworks/agent-toolkitDraw class, sequence and flow diagrams in Mermaid syntax for software docs★2.6K
mermaid-diagramsDraw class, sequence and flow diagrams in Mermaid syntax for software docs
excalidraw-skillyctimlin/mcp_excalidrawCreate, refine and export Excalidraw diagrams on a live canvas with screenshots★2.6K
excalidraw-skillCreate, refine and export Excalidraw diagrams on a live canvas with screenshots
pr-lenscoldteadotai/pr-lensDraw code changes and systems as animated architecture or data-flow diagrams★2.3K
pr-lensDraw code changes and systems as animated architecture or data-flow diagrams
mermaid-syntaxtractorjuice/arc-kitWrite or fix Mermaid diagrams for flowcharts, sequences, ER, Gantt and C4★2.3K
mermaid-syntaxWrite or fix Mermaid diagrams for flowcharts, sequences, ER, Gantt and C4
plantuml-syntaxtractorjuice/arc-kitWrite or fix PlantUML diagrams, C4 layouts and rendering errors★2.3K
plantuml-syntaxWrite or fix PlantUML diagrams, C4 layouts and rendering errors
mermaidjs-v11mrgoonie/claudekit-skillsCreate flowcharts, sequence diagrams and Gantt charts with Mermaid.js v11 syntax★2.2K
mermaidjs-v11Create flowcharts, sequence diagrams and Gantt charts with Mermaid.js v11 syntax
openakita/skills@pretty-mermaidopenakita/openakitaGenerate styled Mermaid diagrams as SVG or ASCII with a template library★2K
openakita/skills@pretty-mermaidGenerate styled Mermaid diagrams as SVG or ASCII with a template library
graphical-abstract-generatoraipoch/medical-research-skillsTurn a study storyline into a graphical abstract, Mermaid flowchart or design brief★2K
graphical-abstract-generatorTurn a study storyline into a graphical abstract, Mermaid flowchart or design brief
mechanism-flowchartaipoch/medical-research-skillsGenerate Mermaid flowcharts that map disease mechanisms and pathophysiology★2K
mechanism-flowchartGenerate Mermaid flowcharts that map disease mechanisms and pathophysiology
mindmapaipoch/medical-research-skillsGenerate offline mind maps in native HTML, CSS and JS from plain-text structures★2K
mindmapGenerate offline mind maps in native HTML, CSS and JS from plain-text structures