Menu
Visual verification of frontend UI using Claude-in-Chrome browser automation. Takes screenshots of all screens at desktop and mobile viewports.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | verify-ui |
| description | Visual verification of frontend UI using Claude-in-Chrome browser automation. Takes screenshots of all screens at desktop and mobile viewports. |
| disable-model-invocation | true |
| user-invocable | true |
Use Claude-in-Chrome browser automation to visually verify the FloodSafe frontend.
http://localhost:5175tabs_context_mcp to see current browser statetabs_create_mcpNavigate to http://localhost:5175 and screenshot each screen:
http://localhost:5175 (when logged out)Use read_page to check for accessibility issues on each screen.
resize_window to set viewport to 375x812read_console_messages to check for errors/warningsProvide a summary:
Query the CodeGraphContext code graph for cross-cutting analysis (callers, callees, dead code, dependency chains)
Check health of all production services — frontend (Vercel), backend + domain-specific (Koyeb), ML service, key API endpoints, per-city integrations
Scan codebase for real counts (hotspots, contexts, tables, cities, routers, screens) and compare against FEATURES.md, CLAUDE.md, README.md. Reports drift and optionally applies fixes.
Deploy frontend (Vercel) and/or backend (Koyeb) to production with pre-deploy quality gates
Manage Koyeb backend services - check status, view logs, redeploy, list deployments
Run all quality gates before any major change. Checks TypeScript types, Vite build, ESLint, and backend tests.