skills.rest
brixtonpham
brixtonphamCOMMUNITY
Explore all skills by this author →
GitHub

excalidraw-architect

Generate architectural diagrams in Excalidraw via a content script.

Updated Jan 28, 2026
Search Tags:#architecture#excalidraw#flowchart#visualization#diagram#system-design#ai-assisted
One-click install
npx skills add https://github.com/brixtonpham/claude-config --skill excalidraw-architect-brixtonpham
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: excalidraw-architect
Source: https://github.com/brixtonpham/claude-config/tree/main/skills/excalidraw-architect
Command: npx skills add https://github.com/brixtonpham/claude-config --skill excalidraw-architect-brixtonpham

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create crisp architecture diagrams, flowcharts, and system visuals directly in Excalidraw, reducing manual diagram drawing time and cognitive load.

Core Features & Use Cases

  • Automated diagram composition for software architectures, deployment topologies, and data flow graphs.
  • Supports framing, grouping, and binding to reflect complex relationships and modules.
  • Interactive updates: modify elements and bindings to refine diagrams as designs evolve.

Quick Start

Inject a control script into Excalidraw and generate a diagram based on the user's request.

Frequently Asked Questions about excalidraw-architect

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Excalidraw architecture diagrams automatically?▼

Yes, you can create software deployment topology and data flow graphs directly in Excalidraw. The skill programmatically generates elements and applies framing, grouping, and binding to reflect complex component relationships and modules visually.

How does AI-assisted diagram creation handle complex system design layouts?▼

To start generating flowcharts, you inject a control script into Excalidraw and provide your diagram request. The skill then programmatically constructs the elements, manages IDs, and applies bindings to render the requested system architecture.

Can I modify system design elements interactively as my architecture evolves?▼

Yes, you can modify system design elements interactively as your architecture evolves. The skill supports interactive updates, allowing you to modify elements and bindings to refine workflow diagrams and component relationships within Excalidraw.

Do I need the Excalidraw API to use AI-assisted diagram generation?▼

Yes, you need the Excalidraw API surface accessed via a content script to use AI-assisted diagram generation. The skill requires this access to programmatically manage element IDs, bindings, and framing details for architectural diagrams.

Related Skills

Explore More Design & Creative Skills→
Chris-Chai-MinjaeChris-Chai-Minjae

excalidraw

Generate Excalidraw-compatible diagram JSON files as .excalidraw bundles.

Community
Intermediate
archerliarcherli

excalidraw-diagram-generator

Generate Excalidraw diagrams from natural language descriptions.

Community
Advanced
gztcodegztcode

excalidraw

Create hand-drawn style diagrams from Excalidraw JSON files.

Community
Advanced
javierhbrjavierhbr

react-flow

Create interactive node-based graphs and workflow visualizations with React Flow.

Community
Intermediate