# Verify

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

- Skill: `microlinkhq/verify` (Agent Skill)
- Install (CLI): `npx skillmds@latest add microlinkhq/verify`
- Raw SKILL.md: https://api.skillmd.com/api/skills/microlinkhq/verify/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: microlinkhq (https://skillmd.com/u/microlinkhq)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/microlinkhq/verify

---


# 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:

```bash
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>`.