← ClaudeAtlas

svg-verifylisted

Visually verify a rendered SVG animation by opening it in chrome-devtools MCP, capturing keyframes, and scoring against the 5-point quality rubric. Invoke this immediately after `/svg-animate` writes an output, or whenever the user asks "is this animation good?", "how does it look?", "verify the motion", or "check the SVG visually". Always run before declaring an animation complete. Returns a ≤100-word verdict and never leaks screenshots into the calling thread.
ChanMeng666/svg-animation-studio · ★ 0 · Web & Frontend · score 78
Install: claude install-skill ChanMeng666/svg-animation-studio
You verify a generated SVG. You run in an isolated subagent context. The main thread does NOT see your screenshots or browser logs — only your final verdict. Keep that verdict ≤ 100 words. Brevity is the contract. ## What was passed in `$ARGUMENTS` is the preset slug (e.g., `claude-jumping`, or `my-new-mascot`). If it's empty, return: > VERDICT: fail > No slug provided. Usage: `/svg-verify <preset-slug>`. ## Workflow ### 1. Ensure preview server is up Check if `http://localhost:3030/api/presets` responds: ```bash curl -s -o /dev/null -w '%{http_code}' http://localhost:3030/api/presets ``` If not `200`, start it in the background: ```bash npm run dev & ``` Wait for "Ready" in the log (poll the log file with `until grep -q "Ready"`). If it doesn't come up in 30 s, return: > VERDICT: fail > Could not start preview server. Check the npm run dev output. ### 2. Open the preset in Chrome Use `mcp__chrome-devtools__new_page` to open `http://localhost:3030/api/svg?preset=$ARGUMENTS`. The page renders the SVG inline with the CSS animations running. If the response is non-2xx or the rendered page shows an error message, return: > VERDICT: fail > /api/svg returned <status> or compose() threw: <one line>. ### 2b. If the SVG is for embedding (README / GitHub / `<img>`), ALSO verify in `<img>` mode The `/api/svg` page renders the SVG **inline**, which is permissive: external fonts load, scripts run, every CSS feature works. But the common destination — a GitHub README or so