undraw-handcraftslisted
Install: claude install-skill CaesiumY/undraw-plugin
# unDraw Handcrafts
Find a hand-drawn accent mark on handcrafts.undraw.co and save it into the
project. These are small annotation marks — arrows, underlines, circles,
squiggles — meant to sit *next to* content and point at it.
> For a full scene — hero art, an empty state, 404 art, onboarding illustration —
> use the `undraw-illustrations` skill instead. Handing back a 200-byte arrow
> when someone asked for a login-page illustration is the failure to avoid.
## Locating the script
The bundled CLI is at `scripts/undraw.mjs` in the plugin root — two levels up
from this file. In Claude Code use `${CLAUDE_PLUGIN_ROOT}/scripts/undraw.mjs`.
On other hosts, resolve it relative to this SKILL.md's directory:
`<skill-dir>/../../scripts/undraw.mjs`.
Below it is written as `$UNDRAW`. That is a placeholder in this document, not a
variable that exists in your shell — substitute the real path before running
anything. In PowerShell especially, an unset `$UNDRAW` expands to an empty
string and `node ""` fails with a confusing error.
> Shell snippets below are POSIX. On Windows the host may be PowerShell, where
> `&&`, `grep`, and `2>/dev/null` do not work — prefer your own file-search and
> file-read tools for the inspection steps, and use the shell only to run
> `node`.
## Step 1 — Check the runtime
```bash
node --version
```
Then confirm `$UNDRAW` exists using whatever file tool you have.
Node 18+ is required (the script uses the global `fetch`).
**If either check fails**, read