archscribe
01Skill 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.
33 tagged excalidraw, measured the same way as everything else here.
Browse within: diagram 21animation 17gif 16
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.
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…
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…
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.
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…
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…
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…
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.
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.".
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.
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…
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.
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…
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…
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.
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.
Skill Claude CodeCodex
Export Excalidraw-compatible JSON diagrams from natural language descriptions.
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.