react-vite

Guide React and Vite frontend builds in a pnpm monorepo with design subagent delegation.

Updated Feb 10, 2026
One-click install
npx skills add https://github.com/AugustEmna/FlexMatch --skill react-vite-augustemna
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-vite
Source: https://github.com/AugustEmna/FlexMatch/tree/main/.local/skills/react-vite
Command: npx skills add https://github.com/AugustEmna/FlexMatch --skill react-vite-augustemna

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guidelines for building React + Vite web apps in the pnpm monorepo with design subagent delegation.

Core Features & Use Cases

  • Architecture guidelines for modern React apps within a pnpm monorepo, including when to stub backend for frontend-first iterations.
  • Step-by-step protocol for starting a project: classify app, plan API surface, enable codegen, run design subagent, parallel backend work, and codegen details.
  • Clear guidance on collaboration with the design subagent and rules about not providing frontend design details unless requested.

Quick Start

Use the react-vite skill to guide the initial frontend build with design subagent delegation; always spawn the design subagent for first builds and follow the workflow steps to ensure consistent frontend quality.

Frequently Asked Questions about react-vite

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a React and Vite frontend inside a pnpm monorepo?

To structure a React and Vite frontend in a pnpm monorepo, follow architecture guidelines that classify your app, plan the API surface, and enable codegen for consistent frontend quality. This ensures clear build steps and robust project organization.

What is the best way to delegate frontend design tasks during a React build?

The best way to delegate frontend design tasks is by spawning a design subagent specifically for first builds. This protocol separates architecture planning from visual polish, allowing parallel backend work while the subagent handles the UI iteration.

How do I plan an API surface for frontend-first iteration in a Vite project?

To plan an API surface for frontend-first iteration, classify your app type and stub the backend interactions early. This allows the React Vite workflow to proceed rapidly using codegen details before the actual backend implementation is completed.

When should I spawn a design subagent for my React application development?

You should always spawn a design subagent for first builds of your React application. This ensures consistent frontend quality by delegating visual polish and design details to a dedicated subagent while you focus on core architecture.

Do I need to provide design details myself when using a React Vite monorepo workflow?

No, you do not need to provide frontend design details yourself unless explicitly requested. The workflow delegates design responsibilities to a dedicated subagent, allowing you to focus on frontend architecture and codegen setup.

Can I use this React and Vite workflow for both simple and complex monorepo apps?

Yes, the React and Vite workflow supports both simple and complex apps within a pnpm monorepo. It provides scalable architecture guidelines, build steps, and delegation rules that adapt to your project's specific complexity requirements.