What problem does it solve? Frontend work often gets declared finished without real verification, leading to broken layouts, console errors, and unresponsive pages reaching production. This Skill enforces a disciplined build-test-verify workflow so every web project is actually built, tested, and visually confirmed in a real browser before being called done. ## Core Features & Use Cases - Structured Build Workflow: Enforces a fixed sequence of understanding the codebase, writing TypeScript/React code following best practices, building with pnpm, and fixing all errors before deploying. - Mandatory Visual Verification: Uses agent-browser to screenshot pages at desktop and tablet widths, check console errors, and detect layout overflow before any deploy. - Production Verification with Vercel: Deploys via the Vercel CLI and re-verifies the live URL with screenshots after deployment. - Use Case: Ask the agent to build a landing page with Next.js and Tailwind; it will write the code, run the build, screenshot the result at multiple viewport sizes, fix any visual issues, and only then deploy to Vercel. ## Quick Start Build a responsive landing page with Next.js, verify it visually in a browser at desktop and tablet widths, then deploy it to Vercel.
