files

Set up, design, implement, refactor, or review client-rendered React SPA architecture using React Router, route-aligned pages, recursive components, controllers, TanStack Query hooks, mutations, repositories, services, and a singleton API client. Use setup mode once when establishing project-wide structure and dependency enforcement. By default, use feature/review mode when adding or reviewing a feature, deciding file or state placement, wiring router-to-API data flow, splitting components, measuring change impact, or checking dependency boundaries and naming. Warn before applying it to projects that are not client-rendered React SPAs using React Router.

Set up, write, refactor, or review behavior-focused tests for Vite SPAs using Vitest Browser Mode, real browser navigation, user-visible assertions, and minimal HTTP stubbing through @frontend-testing/server-stubs and MSW. Use setup mode once when installing or configuring the browser-test harness. By default, use test/review mode for new React user-flow tests, routes, dialogs, forms, authentication-dependent pages, server states, browser APIs, or replacing fragile implementation-coupled tests.