skillfed

excalidraw

Generate sketchy, approachable diagrams for workflows, system architecture, mind maps, and entity relationships. The skill renders interactive Excalidraw diagrams directly in your canvas, supporting flowcharts, swimlanes, sequence diagrams, and more with a consistent color palette and element library.

Excalidraw creates hand-drawn style diagrams, flowcharts, and architecture visualizations to show structure and flow.

AI-generated summary based on this skill's SKILL.md

182 53 MIT updated by aws-samples

Install

aws-samples/sample-strands-agent-with-agentcore/excalidraw · repository language: Python

CLI (skillfed)coming soon
git clone https://github.com/aws-samples/sample-strands-agent-with-agentcore
cp -r sample-strands-agent-with-agentcore/chatbot-app/agentcore/skills/excalidraw ~/.claude/skills/excalidraw

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

What can I create hand drawn style diagrams for with excalidraw?

excalidraw generates sketchy, approachable diagrams to visualize structure, flow, and relationships. You can create flowcharts, system architecture diagrams, mind maps, entity relationship diagrams, swimlanes, sequence diagrams, and decision trees. The skill renders interactive diagrams directly in your canvas with a hand-drawn aesthetic and consistent element library.

How do I make a flowchart with excalidraw?

excalidraw supports flowchart creation through its interactive canvas with shapes and connectors. You can build process workflows, decision trees, and workflow diagrams using the skill's element library. The diagrams render with a sketchy style and maintain a consistent color palette for professional yet approachable visualization.

Can excalidraw draw system architecture diagrams?

Yes, excalidraw is designed to build architecture and system component diagrams. The skill provides an interactive canvas with boxes, arrows, and specialized diagram elements to visualize technical systems. You can create architecture overviews and component relationships with the hand-drawn style that makes technical concepts more approachable.

What diagram types does excalidraw support?

excalidraw supports multiple diagram types including flowcharts, mind maps, UML diagrams, entity relationship diagrams, swimlane diagrams, sequence diagrams, data flow diagrams, and concept maps. Each diagram type uses the skill's interactive canvas with consistent styling, making it suitable for brainstorming, technical documentation, and process visualization.

Is excalidraw free to use?

excalidraw is released under the MIT license, making it free and open-source. You can use it to create diagrams for any purpose without licensing restrictions.

SKILL.md

rendered from the published skill — quoted content, verbatim

Excalidraw Diagrams

Create hand-drawn style diagrams, flowcharts, architecture diagrams, and mind maps using the Excalidraw format. Diagrams are rendered interactively in the Canvas panel.

When to Use This Skill

Use create_excalidraw_diagram when the user wants to visualize structure, flow, or relationships — not raw numbers.

Use this skill for... Use visualization skill for...
System architecture diagram Sales figures by quarter
Flowchart or decision tree Survey response percentages
Sequence / interaction diagram Stock price over time
Mind map or concept map Market share breakdown
Shapes, boxes, arrows, labels Any x/y or segment/value data

Diagram Type

Choose based on user intent. For Swimlane, Class, Sequence, ER, and DFD diagrams, read diagram-patterns.md before generating.

Intent Type Pattern
Process steps, workflow, decisions Flowchart Rectangles + diamonds + arrows (see Example)

(truncated - see the full file via the links below)

Read as markdown · JSON record · Browse the source repository

File tree — 2 files
chatbot-app/agentcore/skills/excalidraw/SKILL.md
chatbot-app/agentcore/skills/excalidraw/diagram-patterns.md

Related skills

Tags

diagram-generation visual-flowchart sketchy-drawings architecture-design workflow-mapping uml-diagrams canvas-rendering shape-connector interactive-visualization technical-sketching