react-vite

Coordinates React + Vite builds in a pnpm monorepo with design subagent delegation and API planning.

Updated Apr 18, 2026

Search Tags:#frontend #react #pnpm #monorepo #vite #design-subagent

Ready to run

npx skills add https://github.com/Mo7amed-Mahmoud/ZeinaGuard-Pro --skill react-vite-mo7amed-mahmoud

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react-vite
Source: https://github.com/Mo7amed-Mahmoud/ZeinaGuard-Pro/tree/main/.local/skills/react-vite
Command: npx skills add https://github.com/Mo7amed-Mahmoud/ZeinaGuard-Pro --skill react-vite-mo7amed-mahmoud

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Coordinate complex React + Vite projects within a pnpm monorepo by clarifying when to use a design subagent, how to plan API surfaces, and how to parallelize frontend and backend work.

Core Features & Use Cases

Architecture and workflow guidelines for React + Vite in a monorepo.
Frontend-first build workflow with design subagent delegation for initial UI and shell scaffolding.
Stepwise guidance on app classification, API surface planning, and parallel frontend/backend work.

Quick Start

Start by engaging the design subagent for the initial frontend build and follow the workflow to classify the app and align backend work with monorepo rules.

Frequently Asked Questions about react-vite

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

FAQPage Schema

How do I coordinate a React and Vite frontend with a backend in a pnpm monorepo?▼

Coordinating a React and Vite frontend with a backend in a pnpm monorepo requires classifying the app, planning the API surface, and applying pnpm-workspace rules to parallelize frontend and backend development effectively.

What is a design subagent and when do I use it for a React Vite project?▼

A design subagent handles the initial frontend build and UI shell scaffolding for React Vite apps. You should use it for the first build to establish the design foundation before parallelizing remaining frontend and backend work.

Can I use this workflow for simple frontends or is it only for complex dashboards?▼

You can use this workflow for both simple frontends and complex dashboards. The guidelines scale by specifying operational requirements for app classification and API surface planning across varying project complexities.

How do I plan the API surface when building a React Vite app?▼

To plan the API surface for a React Vite app, follow the stepwise workflow to classify the application first, then align the frontend design scaffolding with backend scaffolding and monorepo tooling rules.

Why do I need pnpm-workspace rules for shared dependencies in a React monorepo?▼

You need pnpm-workspace rules for shared dependencies in a React monorepo to ensure proper package alignment and enable parallel frontend and backend workflows without dependency conflicts.