What problem does it solve? Frontend work often gets declared done without real verification, leading to broken layouts, console errors, and failed production deploys. 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 finished. ## Core Features & Use Cases - Enforced Build Workflow: Runs the project build, fixes all errors, and refuses to deploy broken builds or suppress lint and TypeScript checks. - Mandatory Visual Verification: Uses agent-browser to screenshot desktop and tablet viewports, check console errors, and detect layout overflow before and after deployment. - Production-Grade Code Standards: Applies TypeScript strictness, React Server Components patterns, semantic HTML, accessibility contrast targets, and bundle-size optimizations. - Use Case: Ask it 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, deploy to Vercel, and verify the live URL. ## Quick Start Build a responsive landing page with Next.js, verify it in a browser with screenshots, and deploy it to Vercel.
