react-vite

Architect React + Vite frontends in a pnpm monorepo with design subagent delegation.

Updated Apr 6, 2026
One-click install
npx skills add https://github.com/Soufianouassif/Web3-Presale-Platform --skill react-vite-soufianouassif
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-vite
Source: https://github.com/Soufianouassif/Web3-Presale-Platform/tree/main/.local/skills/react-vite
Command: npx skills add https://github.com/Soufianouassif/Web3-Presale-Platform --skill react-vite-soufianouassif

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building scalable React + Vite web apps inside a pnpm monorepo can be complex without clear guidelines and delegation for frontend design work. This Skill provides a structured approach to architect, bootstrap, and coordinate frontend development with a design subagent.

Core Features & Use Cases

  • Architecture and workflow guidelines for modern React + Vite projects in a monorepo.
  • Clear steps for engaging the design subagent on first builds and when refining frontend details.
  • Classification guidance to determine frontend ownership (presentation-first, CRUD/dashboard, logic-heavy, etc.) and how to plan API surfaces for backend work when needed.

Quick Start

Load the design subagent for the initial frontend build and follow the classification and planning steps to bootstrap the React + Vite app.

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 + Vite frontend in a pnpm monorepo?

To structure a React + Vite frontend in a pnpm monorepo, you apply architecture guidelines for routing and component organization while establishing clear frontend-backend boundaries. This ensures scalable workflows and coordinated project bootstrapping.

How does a design subagent work with React and Vite?

A design subagent works with React and Vite by handling frontend polish during initial builds. You delegate presentation-first refinements to the subagent, allowing structured development to focus on logic and API surface planning.

Can I use this approach for logic-heavy frontend projects or only dashboards?

Yes, you can use this approach for logic-heavy frontend projects, CRUD dashboards, and presentation-first apps. It provides classification guidance to determine frontend ownership and plan API surfaces for backend work based on project type.

What's the best way to plan API surfaces for backend work in a monorepo?

The best way to plan API surfaces for backend work in a monorepo is using classification guidance to determine frontend ownership. This separates presentation logic from backend dependencies, establishing clear boundaries for scalable workflows.

When do I need a design subagent for frontend development?

You need a design subagent for frontend development during first-build orchestration and when refining frontend details. It delegates visual and presentation work, ensuring the React + Vite architecture remains structured and scalable.

Does this React + Vite workflow require specific routing and component organization rules?

Yes, this React + Vite workflow requires specific routing and component organization rules. It ensures compliance with architectural guidelines to maintain clear frontend-backend boundaries and scalable monorepo development.