Design e Frontend

Create frontend work plan from design document and obtain plan approval

Adjust an already-implemented UI in-session with verification against the design source

React/TypeScript frontend development rules including type safety, component design, state management, and error handling. Use when implementing React components, TypeScript code, or frontend features.

Execute frontend implementation in autonomous execution mode

Execute from codebase analysis to frontend design document creation

Execute frontend implementation in autonomous execution mode

Verifies the work plan is implementable end-to-end and resolves verification-lane / fixture / E2E-environment gaps before the build phase begins. Use when "implement-ready/verification readiness/lane setup/E2E environment missing" is mentioned, or before any build phase begins on a work plan whose readiness has not been preflight-checked.

Execute decomposed fullstack tasks with layer-aware agent routing

React/TypeScript frontend development rules including type safety, component design, state management, and error handling. Use when implementing React components, TypeScript code, or frontend features.

Execute from codebase analysis to frontend design document creation

Execute decomposed tasks in autonomous execution mode

Documentation creation criteria including PRD, ADR, Design Doc, and Work Plan requirements with templates. Use when creating or reviewing technical documents, or determining which documents are required.