Verify

Verify UI changes in microlink/www by driving the Gatsby dev server with agent-browser.

microlinkhq eddb95e 1.2 KB Updated

File contents

Verify microlink/www changes

Launch

Kiko usually has npm run dev already running on port 8000 — check with lsof -nP -iTCP:8000 -sTCP:LISTEN before starting one (it serves this repo and hot-reloads edits). If nothing is listening, run npm run dev in the background; predev fetches remote data first, allow ~1-2 min until pages compile.

Drive

Gatsby dev renders client-side, so curl won't show page content — use the agent-browser skill:

agent-browser open http://localhost:8000/<page>
agent-browser wait --load networkidle   # first hit compiles the page; retry screenshot if it shows "Preparing requested page"
agent-browser screenshot out.png
agent-browser set viewport 480 800       # mobile check
agent-browser set media light reduced-motion   # a11y motion check
agent-browser eval "<js>"                # inspect DOM state

Gotchas

  • [error] 404 page could not be found in the console is a Gatsby dev artifact, not a bug.
  • SPA navigation: exercise mount/unmount by clicking a Link then window.history.back() via eval.
  • Lint changed files with npx standard <files>.

microlinkhq/www/tree/main/.agents/skills/verify commit eddb95ebb7

Frequently asked questions

npx skillmds@latest add microlinkhq/verify