architecture-diagram skills

18 tagged architecture-diagram, measured the same way as everything else here.

Browse within: architecture-visualization 8claude-code-plugin 7drawio 6system-design 6ai-tools 5claude-code-marketplace 5opencode 5

archify

01

tt-a1i/archify

Skill Claude CodeCodex

Create validated architecture, workflow, sequence, data-flow, lifecycle/state, ERD, class, tree, timeline, and waterfall diagrams as explorable standalone HTML with dark/light themes, motion and image/SVG/WebM export. Accept requirements or Mermaid; inspect repository evidence for code-backed diagrams. Use when…

not rated 86k +2.8k changed 2d ago A ✓ AI review Socket: passSnyk: passSkillSpector: pass 162 tokens original MIT

drawio-skill

02

Agents365-ai/drawio-skill

Skill Claude CodeCodex needs its repo

Create and edit draw.io/diagrams.net diagrams as editable .drawio files. Covers architecture, UML/ERD/sequence, BPMN, network, and swimlane views authored from a description or converted from code, IaC, SQL, and API schemas, plus sync, query, test, review, export, and publish of existing diagrams. Use when the user…

not rated 10k +128 changed 9d ago A Socket: passSnyk: passSkillSpector: pass 107 tokens original MIT

archscribe

03

lazypay/Archscribe

Skill Codex

A tool for turning technical descriptions, articles, processes, or reference images into hand-drawn-style diagrams. It can produce editable Excalidraw diagrams, image and video previews, and interactive HTML.

not rated 368 +7 3mo ago A 110 tokens original MIT

dashmotion

04

csthink/dashmotion

Skill Claude CodeCodex

Create dark-themed, animated technical diagrams as self-contained HTML+SVG files — flowcharts whose connectors visibly flow, and architecture diagrams where requests travel as light dots through the system (Diagrid/Temporal landing-page style). Use this skill whenever the user asks for a flowchart, workflow, pipeline…

not rated 178 +1 4mo ago A SkillSpector: warn 187 tokens original MIT

vidanov/aws-architecture-diagram-skill

Skill Claude CodeCodex

Always use when user asks to create, generate, or build an AWS architecture diagram, cloud infrastructure diagram, or system diagram with AWS services. Also activates for draw.io diagrams mentioning AWS services like Lambda, DynamoDB, S3, API Gateway, etc.

not rated 167 +4 16d ago A SkillSpector: pass 57 tokens original MIT

tldraw-skill

06

Agents365-ai/tldraw-skill

Skill Claude CodeCodex needs its repo

Use when user requests diagrams, flowcharts, architecture charts, or visualizations. Also use proactively when explaining systems with 3+ components, complex data flows, or relationships that benefit from visual representation. Generates .tldr JSON files and exports to PNG/SVG locally using @kitschpatrol/tldraw-cli.

not rated 125 3mo ago A SkillSpector: warn 70 tokens original MIT

codemap

07

beadnall/codemap

Skill Claude CodeCodex

Turns a codebase into an explorable isometric architecture diagram — a self-contained HTML artifact with blocks on a grid, a component index, a what-it-does/how-it's-built panel, and real data snippets travelling along the edges that the reader can stop and inspect. Use this whenever someone asks for a codemap by name…

not rated 10 2mo ago A 202 tokens original MIT

patvillarroel/drawio-aws-reference

Skill Claude CodeCodex

Produce AWS architecture diagrams as editable .drawio files using the AWS 2026 shape set (mxgraph.aws4 stencils), with verified stencil names and a validator. Use this whenever an AWS architecture diagram is requested, revised, or reviewed, including when the user only says "draw the architecture", "diagram this"…

not rated 8 2mo ago A 119 tokens original Apache-2.0

Ztsdut/ml-architecture-diagram-skill

Skill Claude CodeCodex

Create accurate, publication-ready, editable machine-learning and deep-learning architecture diagrams from model code, configuration files, model summaries, graph exports, or written specifications. Use for neural-network figures, architecture schematics, model block diagrams, training/inference diagrams, paper…

not rated 5 2mo ago A 95 tokens original MIT

agentify

10

avnath13/agentify

Skill Claude CodeCodex

Design production-grade agentic AI systems from a natural-language use case. Runs a clarification loop, walks grounded decision trees (workflow vs agent, RAG vs fine-tuning, single vs multi-agent, autonomy tiers), and emits a detailed enterprise system design document with embedded interactive architecture, sequence…

not rated 2 3mo ago A 179 tokens original MIT

workflow-generator

11

askuma/workflow-generator

Skill Claude CodeCodex

FIRE when user intent matches any of the following conditions — EXPLICIT TRIGGERS: /workflow-generator; "generate workflow"; "create workflow diagram"; "show workflow" ARCHITECTURAL VISUALIZATION INTENT: user wants to visualize, diagram, draw, map, or generate a system architecture diagram / component diagram /…

not rated 0 2mo ago A 687 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: