skills.rest
tamnguyentommy-rgb
tamnguyentommy-rgbCOMMUNITY
Explore all skills by this author →
GitHub

react-vite

Coordinate frontend builds and enforce standards with reusable Python-powered tools.

2|2|Updated Apr 3, 2026
Search Tags:#frontend#react#pnpm#monorepo#vite#design-subagent
One-click install
npx skills add https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project --skill react-vite-tamnguyentommy-rgb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-vite
Source: https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project/tree/main/.local/skills/react-vite
Command: npx skills add https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project --skill react-vite-tamnguyentommy-rgb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guidelines for coordinating React + Vite development within a pnpm monorepo, emphasizing design-led upfront workflows and consistent build/deploy practices.

Core Features & Use Cases

  • Design-first build workflow: Always use the design subagent for the initial frontend build.
  • Architecture guidance: Clear steps for classifying apps, API surface planning, and parallel frontend/backend work.
  • Monorepo conventions: Reuse the pnpm-workspace rules and reference artifacts for contracts, routes, and coding standards.
  • Production readiness: Structured artifact generation and robust deployment readiness checks.

Quick Start

Spawn the design subagent and begin the first React–Vite build using the guidelines provided.

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 monorepo with pnpm?▼

Plan a React and Vite monorepo by defining app classification, API surface contracts, and codegen orchestration upfront. This design-first workflow within a pnpm workspace ensures parallel frontend and backend development with consistent architecture.

What is a design-first workflow for frontend scaffolding?▼

A design-first workflow delegates the initial React and Vite build to a design subagent. This establishes app classification, API surface contracts, and coding standards before generating production-ready artifacts within the pnpm monorepo.

How do I plan API surfaces for frontend applications in a monorepo?▼

Plan API surfaces by classifying apps upfront and defining clear contracts within the pnpm-workspace. This coordinates parallel frontend and backend work while ensuring production-ready artifact generation and robust deployment readiness.

Can I use this React and Vite workflow with backend stubs?▼

Yes, the React and Vite monorepo workflow supports frontend scaffolding with optional backend stubs. This enables parallel frontend and backend development within the pnpm workspace while maintaining clear API surface planning and codegen orchestration.

When do I need coordinated codegen orchestration in a pnpm monorepo?▼

You need coordinated codegen orchestration in a pnpm monorepo when managing multiple React and Vite frontend applications. It ensures consistent API surface planning, reference artifact generation, and production-ready build practices across teams.

Related Skills

Explore More Software Engineering Skills→
pohlai88pohlai88

pnpm-workspace

Define pnpm-workspace.yaml and link local packages with the workspace protocol.

Community
Intermediate
chartsaichartsai

springboot-deploy

Automate Spring Boot deployment to Google Cloud Run with Dockerfile and Cloud Build.

Community
Advanced
KartikSharma4448KartikSharma4448

react-vite

Implement React + Vite apps in a pnpm monorepo with design subagent guidance.

Community
Advanced
scikrikciscikrikci

react-vite

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

Community
Intermediate