react-vite

Always follow these guidelines when building a React + Vite web application:

Architecture

• Follow modern web application patterns and best-practices.
• If the app is complex and requires functionality that can't be done in a single request, it is okay to stub out the backend and implement the frontend first.

Frontend

• Load the design skill and start an async design subagent to build the frontend. Do not give the subagent any recommendation or advice on how it should build the frontend unless requested by the user. For example, do not talk about color, font, layout, etc. the design subagent has much better taste than you

First Build

Step 1: Classify the app

Before building, classify the app to decide how you and the DESIGN subagent split work. The design subagent is always used — the question is how much it owns.