frontend-dev

To enforce consistent React and Next.js patterns, this workflow applies framework detection and a four-phase lifecycle including research, implementation, and staff review. It validates TypeScript strict mode and linting to standardize project setup and reduce onboarding time.

Standardizing TypeScript strict mode in a Vite project is handled during Phase 1 setup through automated validation. The workflow reads shared pattern files, detects your package manager, and validates linting and build steps to ensure compliance.

Yes, this frontend workflow explicitly supports Raycast extensions alongside React, Next.js, and Vite. It applies framework-specific pattern guidelines across the entire project lifecycle to ensure reliable UI development.

To start setting up a React project, run Phase 1 to detect your package manager and frontend framework. This generates a task plan that enforces TypeScript strict mode and reads shared pattern files for subsequent implementation.

The frontend pattern workflow requires a staff review phase to provide explicit compliance inputs and verify pattern adoption. This fourth phase ensures team standards are met before finalizing implementation across React or Next.js projects.

No, you cannot use this workflow without package manager detection. The system performs explicit package manager and framework detection gates during Phase 1 to apply the correct pattern set and generate a valid task plan.