← ClaudeAtlas

undraw-illustrationslisted

Search undraw.co's illustration library and save an SVG into the project, recolored to match the project's theme. Use when the user wants an illustration, hero image, empty-state graphic, 404/error page art, onboarding artwork, or placeholder vector art — e.g. "find an illustration for the login page", "빈 상태에 넣을 그림 찾아줘", "회원가입 페이지 일러스트", "undraw에서 가져와줘".
CaesiumY/undraw-plugin · ★ 0 · AI & Automation · score 75
Install: claude install-skill CaesiumY/undraw-plugin
# unDraw illustrations Find an illustration on undraw.co and save it into the project, recolored to the project's theme. > For a small hand-drawn accent instead — an arrow, underline, circle or doodle > that points at something rather than filling a space — use the > `undraw-handcrafts` skill. ## 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 Run these as two separate commands (`&&` is a parse error in PowerShell 5.1): ```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** — Node missing or older than 18, or the script not found because only the skill directory was co