$npx skillfedfor your agent

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

14 2 unlicensed, metadata onlyupdated by kv0906

Decision gist · record as of 2026-07-27

Excalidraw generates hand-drawn style diagrams as JSON files for flowcharts and visual documentation. 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.

manual: git clone https://github.com/kv0906/cc-skills → cp -r cc-skills ~/.claude/skills/excalidraw

Use it when

  • Yes.
  • Excalidraw is an open-source drawing application, making it freely accessible for creating technical drawings, wireframes.
Same gist for agents: .md · .json

Install

kv0906/cc-skills/excalidraw · repository language: TypeScript

generated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub

Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.

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.

Let your AI agent find skills like this

Example. Real query, live index.

You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.

wish › “Create and edit diagrams with a hand-drawn aesthetic style”

Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →

Related skills

excalidraw-generator
by kv0906 · kv0906/pm-kit

excalidraw-generator transforms diagram descriptions into complete, valid .excalidraw.json files ready to open at excalidraw.com. It handles flowcharts, architecture diagrams, UML diagrams, and mind maps in both professional and hand-drawn styles, with precise layout calculations and proper element positioning.

MITfor claude-codeupdated Jun 2026
★ 134repo stars
excalidraw
by malue-ai · malue-ai/dazee-small

Create sketchy, approachable diagrams—flowcharts, mind maps, architecture visualizations—as Excalidraw JSON files ready to edit and share. Perfect for brainstorming, teaching, and informal presentations where a casual aesthetic beats formal precision.

MITdocs in Chineseupdated Mar 2026
★ 35repo stars
excalidraw-visual-designer
by guanyang · guanyang/super-publisher

Build and refine visual diagrams, flowcharts, architecture maps, and infographics directly in Excalidraw using an embedded browser. The skill manages layout, connector routing, and editable elements to keep your designs clean and legible. Import complex scenes via clipboard JSON or construct them interactively, then finalize with all elements ready for further editing.

MITupdated Jul 2026
★ 28repo stars
Json Canvas
by freestylefly · freestylefly/canghe-skills

Build and modify valid JSON Canvas files that power infinite canvas applications like Obsidian. Supports four node types—text, file, link, and group—plus edges with customizable endpoints and labels. Position elements precisely, apply colors, and organize content visually.

no license declared → metadata onlyupdated Jun 2026
★ 418repo stars
excalidraw-diagram
by breferrari · breferrari/obsidian-mind

This skill transforms text descriptions into Excalidraw diagrams across three output modes: Obsidian markdown files, standard Excalidraw JSON, and animated variants with playback sequencing. It detects your intent from trigger words, selects an appropriate diagram type, and handles layout, typography, and color styling automatically.

MITfor claude-codeupdated Jul 2026
★ 4,045repo stars
Excalidraw Skill
by Agents365-ai · Agents365-ai/365-skills

Excalidraw Skill generates technical diagrams and flowcharts in .excalidraw format, then exports them to PNG or SVG. Choose between Kroki API (zero setup, SVG only) or local CLI (PNG and SVG support). Use it when explaining systems with multiple components, multi-step processes, or any visualization that benefits from a visual layout.

no license declared → metadata onlyupdated Jul 2026
★ 24repo stars

More skills Excalidraw Studio (NOASSERTION) · Obsidian Plugin Excalidraw (unlicensed) · excalidraw-diagrams (Apache-2.0) · Excalidraw (NOASSERTION) · excalidraw (MIT) · excalidraw (MIT) · Excalidraw (Apache-2.0) · Excalidraw Mcp Server (NOASSERTION)

Tags
visual-diagrammingcollaborative-sketchinghand-drawn-aestheticopen-source-graphicswireframing-toolreal-time-collaborationarchitecture-visualizationshape-based-drawing