Steps 9-10: Screenshots, Docs & Deploy

What your agent does

Screenshots & documentation (Step 9)

The agent opens a headless browser, navigates to every page in the app, and takes screenshots. These go into docs/screenshots/ and get included in the README.

It also creates or updates the README with:

• What the app does

• Tech stack

• Setup instructions (clone → install → env vars → init db → run)

• Screenshots of every page

Deployment (Step 10)

Based on the hosting ADR, the agent sets up deployment:

Vercel: Creates config, sets env vars, deploys

Docker: Creates Dockerfile + docker-compose.yml

Self-hosted: Creates systemd service + reverse proxy config

What the output looks like

A message from your agent with:

> Uptime Monitor is live 🟢

>

> Features built:

> - Signup/login with session auth

> - Monitor CRUD (add/edit/delete URLs)

> - Dashboard with status, response time, uptime %

> - Cron pinger with retry logic

> - Discord + email notifications

>

> Screenshots: [login] [dashboard] [detail] [settings]

>

> How to run:

> ```

> git clone {repo}

> cd {project}

> npm install

> node scripts/init-db.mjs

> npm run dev

> ```

>

> Acceptance criteria: 18/20 passing (90%)

> Deferred: 7-day chart view (needs data), E2E tests

Your role

Review the final product. Look at the screenshots, try the app, check the acceptance criteria. If something's wrong, tell the agent — it'll fix it.

Next: The complete picture →