Excalidraw
Build flowcharts, wireframes, system diagrams, and other visual documentation in Excalidraw's distinctive hand-drawn style. The skill outputs .excalidraw.json files that open directly in Excalidraw or any compatible viewer, handling layout, positioning, text centering, and arrow routing automatically.
Excalidraw generates hand-drawn style diagrams as JSON files for flowcharts and visual documentation.
AI-generated summary based on this skill's SKILL.md
Install
kv0906/cc-skills/excalidraw · repository language: TypeScript
git clone https://github.com/kv0906/cc-skills
cp -r cc-skills ~/.claude/skills/excalidrawgenerated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is Excalidraw and what can I create with it?
Excalidraw is an open-source drawing tool for creating diagrams, flowcharts, wireframes, and system documentation with a distinctive hand-drawn aesthetic. The skill builds visual content in Excalidraw's native format, outputting .excalidraw.json files that open directly in Excalidraw or any compatible viewer. You can design everything from architecture diagrams to mockups while Excalidraw handles layout, positioning, text centering, and arrow routing automatically.
Can I use Excalidraw to create whiteboard sketches and flowcharts?
Yes. Excalidraw excels at creating whiteboard sketches and flowcharts with its hand-drawn style. The skill automates diagram construction by managing shape placement, text alignment, and connection routing, so you can focus on your visual design. Output files are fully compatible with Excalidraw's editor for further refinement or sharing.
Is Excalidraw free and open source?
Excalidraw is an open-source drawing application, making it freely accessible for creating technical drawings, wireframes, and collaborative sketches. The skill leverages this open-source foundation to generate diagrams that integrate seamlessly into your workflows without licensing restrictions.
How does Excalidraw support real-time collaboration?
Excalidraw enables collaborative sketching on visual diagrams and flowcharts in real-time. Multiple users can work together on the same drawing, making it ideal for team brainstorming, design reviews, and distributed whiteboarding sessions. The skill's output files preserve all collaboration-ready formatting.
Can I integrate Excalidraw functionality into an agent workflow?
Yes. Excalidraw can be integrated into agent workflows to automate diagram generation as part of larger processes. The skill outputs .excalidraw.json files that agents can generate programmatically, enabling automated creation of flowcharts, system diagrams, and visual documentation within your automation pipelines.
What file format does Excalidraw use and how do I open it?
Excalidraw uses the .excalidraw.json file format. These files open directly in Excalidraw's editor or any compatible viewer without conversion. The format preserves all drawing elements, styling, and hand-drawn aesthetics, making it easy to share, edit, and integrate diagrams across different tools and platforms.