excalidraw skills

33 tagged excalidraw, measured the same way as everything else here.

Browse within: diagram 21animation 17gif 16

archscribe

01

lazypay/Archscribe

Skill Claude CodeCodex

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.

340 +2 1mo ago A 110 tokens original MIT

excalidraw

02

Agents365-ai/excalidraw-skill

Skill Claude CodeCodex

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 .excalidraw files and exports to PNG/SVG via Kroki API or locally using…

204 +1 1mo ago A 73 tokens original MIT

BV-Venky/excalidraw-architect-mcp

Skill Claude CodeCodex

Guide for reading a codebase and building a high-quality, persistent architecture knowledge graph via the Excalidraw Architect MCP kg tools. Use when creating or updating the knowledge graph (.claude/architecture.md), mapping services and their dependencies, or analyzing one or more repos to capture how services…

147 7d ago A 67 tokens original MIT

BV-Venky/excalidraw-architect-mcp

Skill Claude CodeCodex

Guide for structuring graph input (nodes and edges) for the Excalidraw Architect MCP tool to produce clean, readable diagrams. Use when generating architecture diagrams, flow diagrams, or any visual diagram via creatediagram or mermaidtoexcalidraw.

147 7d ago A 61 tokens original MIT

BV-Venky/excalidraw-architect-mcp

Skill Claude CodeCodex

Choose and compose the right Excalidraw diagram - architecture, flowchart, sequence, state, ER, swimlane, process, timeline, quadrant, pyramid, venn, loop, gantt, bar, line, scatter, and more - using the excalidraw-architect-mcp server. Use whenever a reader would learn more from a picture than from prose, or when…

147 7d ago A 101 tokens original MIT

hand-drawn-diagrams

06

muthuishere/hand-drawn-diagrams

Skill Claude CodeCodex

Create hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups. Default to monochrome sketch output; allow restrained color only for page mockups when the user explicitly wants webpage-like fidelity. Use when the user asks for a diagram, flowchart, wireframe, sketch, visual explanation, mind…

65 +1 23d ago A 88 tokens

comparison-diagrams

07

excalimate/excalimate

Skill Claude CodeCodex

Create animated comparison diagrams showing before/after states or side-by-side alternatives using the Excalimate MCP server. Use when asked to compare architectures, show migration paths, visualize before/after changes, present alternatives, pros/cons, or any A-vs-B visual comparison — even if the user says "what…

63 +1 20d ago A 74 tokens original MIT

network-topologies

08

excalimate/excalimate

Skill Claude CodeCodex

Create animated network topology and infrastructure diagrams using the Excalimate MCP server. Use when asked to visualize network architecture, server infrastructure, cloud deployments, Kubernetes clusters, VPC layouts, firewall rules, load balancing, or any physical/logical network topology.

63 +1 20d ago A 54 tokens original MIT

timeline-roadmaps

09

excalimate/excalimate

Skill Claude CodeCodex

Create animated timelines and project roadmaps using the Excalimate MCP server. Use when asked to visualize project timelines, product roadmaps, release schedules, sprint plans, historical sequences, milestones, Gantt-style views, or any chronological sequence — even if the user just says "show the plan" or "roadmap.".

63 +1 20d ago A 68 tokens original MIT

agent-canvas

10

WHQ25/agent-canvas

Skill Claude CodeCodex

Draw diagrams, flowcharts, and visualizations on an Excalidraw canvas. Use when the user asks to draw, visualize, create diagrams, or sketch ideas.

32 6mo ago A 38 tokens original MIT

excalidraw-skill

11

iagogfe/excalidraw-icons-mcp

Skill Claude CodeCodex

Programmatic canvas toolkit for creating, editing, and refining Excalidraw diagrams via MCP tools with real-time canvas sync. Use when an agent needs to (1) draw or lay out diagrams on a live canvas, (2) iteratively refine diagrams using describescene and getcanvasscreenshot to see its own work, (3) export/import…

31 11d ago A 154 tokens original MIT

PracticalSwan/agent-skills

Skill Claude CodeCodex

Generate .excalidraw diagrams from natural language. Use when creating flowcharts, mind maps, system architecture diagrams, sequence diagrams, ER diagrams, network diagrams, or any visual process visualization.

11 3d ago A 47 tokens original MIT

excalidraw-diagram

13

isatimur/excalidraw-skill-pack

Skill Claude CodeCodex

Create Excalidraw diagrams as editable .excalidraw JSON that make a visual argument — architecture, flowchart, sequence, state, ER, timeline, swimlane, quadrant, loop/flywheel, layers, nested, tree, org chart, venn, pyramid, process, medallion, data flow, IT current-state, evidence/protocol explainers, before/after…

3 2d ago A 205 tokens original MIT

excalidraw-diagram

14

isatimur/excalidraw-skill-pack

Skill Claude CodeCodex

Create Excalidraw diagrams as editable .excalidraw JSON that make a visual argument — architecture, flowchart, sequence, state, ER, timeline, swimlane, quadrant, loop/flywheel, layers, nested, tree, org chart, venn, pyramid, process, medallion, data flow, IT current-state, evidence/protocol explainers, before/after…

3 2d ago A 205 tokens copy · 94% MIT

codebase-slideshow

15

ShellyDeng08/codebase-slideshow

Skill Claude CodeCodex

Generate beautiful HTML slideshow courses for any codebase — glassmorphism reveal.js presentations with dialogue narrative, quizzes, and adaptive teaching.

2 5mo ago A 31 tokens original MIT

excalidraw-diagram

16

ShellyDeng08/codebase-slideshow

Skill Claude CodeCodex

Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, architectures, or concepts.

2 5mo ago B 34 tokens copy · 97% MIT

excalidraw

17

furkangonel/cowrangler

Skill Claude CodeCodex

Export Excalidraw-compatible JSON diagrams from natural language descriptions.

2 4d ago A 18 tokens original MIT

whiteboard-video

18

goatbroai/whiteboard-video

Skill Claude CodeCodex

A hand-drawn-style template for turning technical articles or code into narrated animated videos. It uses scenes, speech, animation, and captions to explain one topic in a vertical video.

2 4mo ago A 76 tokens original MIT