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

Design Doc compliance and security validation with optional auto-fixes

Generate PRD and Design Docs from existing codebase through discovery, generation, verification, and review workflow

Generate PRD and Design Docs from existing codebase through discovery, generation, verification, and review workflow

Frontend-specific technical decision criteria, anti-patterns, debugging techniques, and quality check workflow. Use when making frontend technical decisions or performing quality assurance.

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.

Execute frontend implementation in autonomous execution mode

Frontend-specific technical decision criteria, anti-patterns, debugging techniques, and quality check workflow. Use when making frontend technical decisions or performing quality assurance.

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.

Create frontend work plan from design document and obtain plan approval

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.