react-vite

To structure a React + Vite app inside a pnpm monorepo, apply guidelines for clear frontend architecture, module boundaries, and workspace governance. This approach establishes scalable workflows and collaboration patterns with a design subagent.

A design subagent in a frontend monorepo workflow is a delegated component that handles UI shell tasks. It integrates with the core React + Vite app through predefined touchpoints and task partitioning rules to align UI implementation with backend planning.

Frontend work in a pnpm workspace should be scaffolded or stubbed when establishing initial boundaries, and fully implemented when finalizing integration. Use the provided decision frameworks to determine the appropriate completion level for design subagent tasks.

Yes, you can use Vite with pnpm workspaces for scalable React applications. The guidelines provide monorepo tooling configurations and quality checks specifically designed to support scalable frontend architectures and clear module boundaries.

To delegate UI tasks to a design subagent in a React Vite project, follow established collaboration patterns and integration touchpoints. This allows the subagent to independently handle UI shell work while maintaining alignment with the core application architecture.

The limitation of design delegation in a frontend monorepo is that it requires strict adherence to task partitioning and integration touchpoints. Without clear module boundaries and workspace governance, the design subagent may struggle to align with backend codegen workflows.