excalidraw-diagram
CommunityVisualize complex ideas with compelling diagrams.
AuthorAngKS
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill transforms natural language descriptions into visually compelling Excalidraw diagrams that effectively communicate complex ideas, architectures, and workflows.
Core Features & Use Cases
- Visual Argumentation: Creates diagrams where shapes and structures mirror concepts, not just display information.
- Evidence Artifacts: Includes real code snippets and data examples in technical diagrams for clarity and educational value.
- Brand Customization: Easily adapt diagram colors and styles to match your brand by editing a single file.
- Use Case: Generate a diagram illustrating the flow of events from an AI agent to a frontend UI, ensuring all protocol details and data formats are accurately represented.
Quick Start
Create an Excalidraw diagram showing how the AG-UI protocol streams events from an AI agent to a frontend UI.
Dependency Matrix
Required Modules
playwright
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: excalidraw-diagram Download link: https://github.com/AngKS/HackOMania-2026/archive/main.zip#excalidraw-diagram Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.