Skip to main content
affpapa.org
RU EN
skill CX Codex

excalidraw-skill · lingzhi227 — Claude Code skill: draw Excalidraw diagrams from an agent

A skill that connects an agent to a live Excalidraw canvas so it can draw, adjust and export diagrams.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add lingzhi227/agent-research-skills --skill excalidraw-skill -a claude-code
Open on GitHub

What excalidraw-skill does

The skill hands the agent a set of canvas operations: add elements in batches, move and resize them, align, group, duplicate, lock. It can look at the result through a scene description or a screenshot, which makes iterative redrawing practical instead of guessing.

On start it checks what is available: MCP tools first, then the health endpoint at http://localhost:3000. If neither responds, the skill walks through setting up the canvas server by hand. Diagrams can be imported from Mermaid, and files come in .excalidraw, PNG and SVG. Named snapshots let you roll the canvas back.

A canvas server has to be running, addressed through EXPRESS_SERVER_URL, which defaults to http://localhost:3000. Image export and screenshots need an open browser, and a few tools — screenshots, viewport control, the diagram guide, export to an Excalidraw URL — are MCP-only. In pure REST mode those calls have no equivalent.

What it helps with

  • draw a service diagram on a live canvas
  • fix a layout from a screenshot instead of blind edits
  • turn a Mermaid chart into editable Excalidraw elements
  • export a diagram as PNG or SVG
  • save a named snapshot and restore it later

Example prompts for the agent

  • Draw a three-service diagram with a database on the canvas, then send me a screenshot
  • Convert the Mermaid file flow.mmd into Excalidraw elements
  • Save the canvas as a snapshot called before-refactor

How to install excalidraw-skill

1Skills CLI (Vercel)

npx skills add lingzhi227/agent-research-skills --skill excalidraw-skill -a claude-code

2Manually: put the files in place

~/.claude/skills/excalidraw-skill/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/excalidraw-skill/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about excalidraw-skill

How do I install excalidraw-skill in Claude Code?

Run npx skills add lingzhi227/agent-research-skills --skill excalidraw-skill -a claude-code, then check that ~/.claude/skills/excalidraw-skill/SKILL.md exists.

What does excalidraw-skill do?

It gives the agent element-level control over an Excalidraw diagram — create, update, delete, align, group — plus snapshots, Mermaid import and export to files or images.

What has to be running for the skill to work?

A canvas server, with its address passed in EXPRESS_SERVER_URL (default http://localhost:3000). Screenshots and image export need a browser window open, and get_canvas_screenshot, read_diagram_guide and export_to_excalidraw_url exist only as MCP tools.

Similar skills

All skills for Agent setup: memory, context, orchestration →

excalidraw-skill by other authors comes first.

excalidraw-skill yctimlin This skill gives an agent a live Excalidraw canvas for diagrams, file exchange, and scene edits. Use it for Mermaid conversion, snapshots, and element-level changes. CX Codex +1 510installs setup-matt-pocock-skills Matt Pocock This skill configures a repository for Matt Pocock's engineering skills by setting its issue tracker, triage labels, and domain docs layout. Run it before using the other skills. 1,052,851installs ask-matt Matt Pocock Routes you to the right Matt Pocock skill or flow for the task at hand. Use it when you need a starting point for a feature, prototype, incoming issue, or hard bug. 766,587installs to-tickets Matt Pocock Turns a plan, spec, or conversation into small end-to-end tickets with explicit blockers. Use it to agree on the work breakdown before tickets go to a tracker. 711,230installs writing-plans Jesse Vincent This skill turns requirements for a multi-step task into an implementation plan before code changes begin. It helps when another engineer needs exact files, interfaces, and checks. CX Codex 282,859installs caveman-review JuliusBrussee Turns code review comments into one line per finding: location, problem, fix. Useful when a diff or PR needs a fast pass without the filler. CX Codex +1 411,800installs caveman-compress JuliusBrussee Compresses CLAUDE.md, todo lists, and other prose files into a shorter format while retaining a readable backup. CX Codex +1 411,500installs

From the same set31

experiment-code Writes and iterates on ML experiment code for a research paper: training, evaluation, debugging, plots. Useful when you need a batch of runs and a comparison. CX Codex +1 1,600installs paper-to-code Turns an ML research paper into a runnable code repository. Useful when reproducing published experiments and models without manual scaffolding. CX Codex +1 1,600installs atomic-decomposition Splits a research idea into atomic concepts, then finds the math formula in papers and the matching code for each one. CX Codex +1 1,600installs paper-compilation Compiles a LaTeX paper to PDF, catches build errors and checks citations and references. Useful when pdflatex throws errors and the log is a mess. CX Codex +1 1,600installs slide-generation Turns a completed LaTeX paper into Beamer presentation slides or a poster. It helps researchers prepare talks and poster sessions directly from paper source files. CX Codex +1 1,600installs self-review This skill reviews an academic paper with the NeurIPS form, three reviewer roles, and score aggregation. Use it to assess a draft before submission. CX Codex +1 1,600installs table-generation Turns JSON or CSV experiment results into booktabs-styled LaTeX tables with bold best values, captions and labels. CX Codex +1 1,600installs related-work-writing Drafts publication-ready Related Work sections by grouping literature thematically and contrasting previous approaches with your method. CX Codex +1 1,600installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor