SkillGild
Images & Graphics

Excalidraw Diagram

Generates clean Excalidraw diagrams from a description: coloured blocks, short labels, arrows with captions, in layouts that fit the idea (flow, hub, cycle, tree, comparison, timeline, swimlane).

skillgild install excalidraw-diagram
Works with
  • Claude Code
  • Codex
  • Cursor
  • Gemini CLI
and any agent that reads SKILL.md

License: not stated by the project · Created by Cole Medin · The project lists support for Claude Code, OpenCode

Free

What you get

  • Generates clean Excalidraw diagrams from a description: coloured blocks, short labels, arrows with captions, in layouts that fit the idea (flow, hub, cycle, tree, comparison, timeline, swimlane).
  • A Playwright render loop lets the agent see its own output and fix overlaps before delivering.

Requirements

  • Python with uv, Playwright and Chromium for the validation loop

Install the Excalidraw Diagram skill

A community skill: it installs from its own repository and your agent runs the project's instructions locally with your own model. SkillGild lists it and credits the author; nothing runs on SkillGild.

  1. With the SkillGild CLI (needs git). It clones coleam00/excalidraw-diagram-skill and copies the skill folder into the right place for your agent; use --agent codex, cursor or gemini-cli for other clients.

    Terminal
    skillgild install excalidraw-diagram --agent claude-code
  2. Manual copy.

    Terminal
    Clone the repo and copy it into .claude/skills/excalidraw-diagram (project) or ~/.claude/skills/
  3. Or copy the folder yourself from coleam00/excalidraw-diagram-skill into ~/.claude/skills/excalidraw-diagram/ for Claude Code, ~/.agents/skills/ for Codex, ~/.cursor/skills/ for Cursor or ~/.gemini/skills/ for Gemini CLI, then start a new session.

Try asking

Requests that trigger this skill once it is installed in your agent.

  • Draw the request flow between the gateway, API and queue
  • Make a comparison diagram of the two deployment options
  • Diagram the onboarding timeline as a swimlane

Questions

How do I install the Excalidraw Diagram skill in Claude Code?

Run skillgild install excalidraw-diagram --agent claude-code: the SkillGild CLI clones coleam00/excalidraw-diagram-skill and copies the skill folder into ~/.claude/skills/excalidraw-diagram. You can also use the project's own commands shown above, or copy the folder yourself. Use --agent codex, cursor or gemini-cli for other clients.

Is Excalidraw Diagram free and open source?

The coleam00/excalidraw-diagram-skill repository does not include a license file at the time of listing, so treat it as all rights reserved by the author until one is added. SkillGild lists and links it; it does not host or redistribute the files.

Which agents does Excalidraw Diagram work with?

The project lists Claude Code, OpenCode. It is a plain Agent Skills folder (SKILL.md plus supporting files), so any client that reads that format can load it.

Does Excalidraw Diagram run on SkillGild?

No. Excalidraw Diagram is a community skill: your agent runs its instructions locally with your own model, and SkillGild lists, credits and installs it. Hosted SkillGild skills are marked differently and run through the SkillGild MCP server.

What does Excalidraw Diagram need to work?

Python with uv, Playwright and Chromium for the validation loop. Everything else is the usual: a coding agent that loads skills and the folder installed where that agent looks for it.

Related guides

Setup steps and worked examples for this kind of skill.