frontend-worker

Automating frontend UI feature development with TDD and browser verification requires a workflow that coordinates Vitest tests, React implementation, and agent-browser checks to deliver verified UI changes. This skill orchestrates that entire test-first cycle.

Testing React compound components with Vitest and Testing Library involves writing tests first for components and pages, then implementing the UI features to pass those tests. This approach ensures reliable delivery within Next.js App Router integrations.

Agent-browser verifies client-side authentication behavior in real browsers by confirming UI interactions during end-to-end development. This skill applies it alongside Vitest to validate authentication flows within React and Next.js applications.

This TDD workflow supports Next.js App Router and compound component patterns by applying test-driven development to React components and pages. It integrates Vitest and Testing Library to ensure UI features are verified before delivery.

Automated frontend UI delivery requires Vitest, Testing Library, agent-browser, and a worker-base workflow to coordinate tests and implementation. These dependencies must be configured in your React or Next.js application before starting.

Automated agent-based React UI feature development is suited for feature areas like components, pages, and routes requiring compound patterns. You should avoid it if your project lacks Vitest, Testing Library, or agent-browser dependencies.