$npx skillfedfor your agent

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 MITupdated by aws-samples

Decision gist · record as of 2026-07-25

Excalidraw creates hand-drawn style diagrams, flowcharts, and architecture visualizations to show structure and flow. 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.

manual: 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
chatbot-app/agentcore/skills/excalidraw/SKILL.md · version 3137fb80

Use it when

  • excalidraw supports flowchart creation through its interactive canvas with shapes and connectors.
  • Yes, excalidraw is designed to build architecture and system component diagrams.

Verify before relying

Read SKILL.md below before installing (2 files). Open directory: indexed for reading, not audited.

Same gist for agents: .md · .json

Install

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

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 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)

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

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 hand-drawn style diagrams to visualize structure, flow, and relationships”

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

Related skills

excalidraw
by moltis-org · moltis-org/moltis

Excalidraw lets you build sketchy, hand-drawn diagrams by writing element JSON and saving as .excalidraw files. Drop them into excalidraw.com for viewing, editing, or optionally upload for shareable links—no accounts or API keys required.

MITupdated Jul 2026
★ 2,795repo stars
excalidraw
by NousResearch · NousResearch/hermes-agent

Excalidraw lets you build diagrams by writing standard element JSON and saving as `.excalidraw` files that open directly in excalidraw.com. Generate architecture diagrams, flowcharts, sequence diagrams, and concept maps with a simple JSON structure—no rendering libraries or authentication required. Upload files for shareable links or edit them locally.

MITupdated Jul 2026
★ 221,503repo stars
Excalidraw
by graniet · graniet/kheish

Build sketchy, hand-drawn diagrams by composing Excalidraw element JSON and saving them as .excalidraw files. Open files directly at excalidraw.com or upload for shareable links—no accounts or API keys required. Supports rectangles, ellipses, diamonds, arrows, and labeled shapes with a built-in color palette for flowcharts, architecture diagrams, and concept maps.

Apache-2.0updated Jul 2026
★ 264repo stars
Obsidian Plugin Excalidraw
by family3253 · family3253/skill

This plugin creates .excalidraw whiteboard files that work with Obsidian's Excalidraw plugin 2.0 and later. It supports shapes, smart connectors, text binding, and Obsidian internal links for building diagrams, flowcharts, and mind maps.

no license declared → metadata onlyupdated Apr 2026
★ 0repo stars
Excalidraw Mcp Server
by Aradotso · Aradotso/mcp-skills

Learn to create MCP servers that deliver interactive Excalidraw diagrams directly to AI chat platforms. This skill covers deployment options, scene formatting, element creation, and HTML generation for rendering hand-drawn style visualizations with full editing capabilities.

no license declared → metadata onlyupdated Jul 2026
★ 5repo stars
excalidraw-ai
by jiatastic · jiatastic/open-python-skills

excalidraw-ai lets you build Excalidraw diagrams by writing JSON directly, with complete control over shapes, text, arrows, and styling. It includes the full Excalidraw schema, component-based color palettes for architecture diagrams, and access to 305+ professional icons across five libraries for system design, AWS services, and more.

MITupdated Jan 2026
★ 7repo stars

More skills excalidraw-generator (MIT) · Excalidraw (unlicensed) · Excalidraw Skill (unlicensed) · Excalidraw Studio (NOASSERTION) · diagram-design (MIT) · excalidraw-skill (MIT)

Tags
diagram-generationvisual-flowchartsketchy-drawingsarchitecture-designworkflow-mappinguml-diagramscanvas-renderingshape-connectorinteractive-visualizationtechnical-sketching