excalidraw-use

An agent skill by daymade, from daymade/claude-code-skills. Tags: assets, design, desktop, diagrams, visual-art.

What it does

Place existing images onto an Excalidraw whiteboard, turn a slide deck into clean per-slide images first, and inspect what is inside a .excalidraw file. Use whenever someone mentions Excalidraw, a whiteboard or canvas, a .excalidraw file, 白板 or 画板 — especially "put these screenshots on my board", "add my old workshop images to the canvas", "space them out so I don't have to adjust spacing by hand", "turn these slides into images I can draw on", or "what's in this scene file". Also use when a talk or workshop is delivered by hand-drawing over screenshots on a shared canvas, or when someone needs a pick tray of many images to choose from. Not for generating a diagram from a text description — that is a different job.

Install

With the skills CLI, which installs into Claude Code, Codex, Cursor and other agents:

npx skills add daymade/claude-code-skills --skill excalidraw-use

Or copy the skill folder into Claude Code's skills directory by hand (~/.claude/skills for every project, or .claude/skills inside one):

git clone --depth 1 https://github.com/daymade/claude-code-skills
cp -r claude-code-skills/excalidraw-use ~/.claude/skills/excalidraw-use

Safety box score

Grade B, low risk: 21 of 100 risk points, rated 2026-10-16. The grade rates what the skill and its scripts can reach on the machine of whoever installs it, across eight categories from shell execution to secrets access. How the score works.

This skill manipulates Excalidraw scene files and screenshots slide decks by running local Python and Node scripts, including a headless browser. The main risks are executing browser-side code from the deck, depending on external npm packages, and reading/writing user-chosen files outside the repo; it does not appear to touch secrets or require elevated privilege.

Category levels, from 0 (none) to 3 (high)
Category	Level	Why
Code & shell execution	2 (moderate)	It runs local Python and Node programs (`scripts/build_scene.py`, `scripts/split_scene.py`, `scripts/shoot_deck.mjs`) and invokes `npx vite build`, so it does execute code rather than only manipulating data.
Network access	1 (low)	The documented flow uses `npx vite build` and a local server (`python3 -m http.server 8080` with `page.goto(http://127.0.0.1:8080/...)`), so it can contact the npm registry if needed but otherwise stays on localhost.
Filesystem reach	2 (moderate)	It reads and writes user-specified files and paths outside the repo, including `--template-from ~/path/to/their-board.excalidraw`, `/tmp/deck-dist`, and new `.excalidraw` outputs.
Secrets & credentials	0 (none)	There is no handling of tokens, passwords, keychains, browser sessions, or `.env` files in the skill files.
Privilege & persistence	0 (none)	No sudo, service registration, shell startup edits, or other privilege changes are requested.
Instruction hijack surface	0 (none)	The files contain operational guidance, but nothing that asks the agent to ignore its rules, follow remote instructions, or hide behavior.
Irreversible actions	0 (none)	The skill generates files and screenshots but does not publish, send, deploy, or delete anything on the user's behalf.
Transparency	1 (low)	The workflow depends on externally resolved packages such as `puppeteer` and `npx vite`, so part of the executed behavior is outside direct review even though the shipped files are plain text.

Before installing

Read `scripts/shoot_deck.mjs` and only point `--url` at a trusted deck you expect to execute in a browser.
Confirm you are okay with `npx vite build` potentially fetching dependencies from npm on first run.
Try `build_scene.py` and `shoot_deck.mjs` on a disposable copy of the board before using a real one.

Rated 2026-10-16 by an automated review of 8 files from the skill's repository.

Source

Repository: daymade/claude-code-skills (all skills from this repository)
Path: excalidraw-use/SKILL.md
Branch: main
Updated: 2026-09-20

ui-designer — Extract design systems from reference UI images and generate implementation-ready UI design prompts.
stitch::manage-design-system — Manage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screens.
design-style-picker — Batch-generate and compare visual design directions so a user can choose the style they actually want.
mermaid-tools — Extracts Mermaid diagrams from markdown files and generates high-quality PNG images using bundled scripts.
terminal-screenshot — Render a terminal CLI program's colored output to a PNG so Claude can actually SEE the real visual result — color contrast, alignment, background blocks.
algorithmic-art — Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code.