staff-full-stack-engineer

Automate iterative UX/UI refinement for React and Next.js web apps by running a structured staff-level workflow loop that clarifies goals, plans implementations, and validates designs using Playwright MCP until acceptance criteria are met.

The best way to validate UI redesigns and accessibility checks in a TypeScript project is using Playwright MCP-driven validation across primary and deep user flows, enforcing high-quality UI design gates within an iterative refinement loop.

Yes, the Playwright MCP validation workflow supports responsive checks across primary and deep user flows to ensure web app designs meet staff-level technical and UX quality expectations.

Yes, you can use this iterative refinement loop for feature refinements in an existing Next.js application, applying structured planning, implementation, and Playwright validation until explicit stop criteria are satisfied.

You need a staff-level workflow for UX/UI iteration when your redesigns, feature refinements, or accessibility checks require strict guardrails, explicit documentation, and automated Playwright validation to meet high technical quality expectations.

Your UI iteration process lacks repeatable quality gates if it skips explicit stop criteria and Playwright MCP validation, which this staff-level workflow enforces to maintain high design standards across Next.js and React projects.