skills.rest
hajrasarwar11
hajrasarwar11COMMUNITY
Explore all skills by this author →
GitHub

react-vite

Coordinate React + Vite frontend projects in a pnpm monorepo with standardized guidelines.

Updated Mar 19, 2026
Search Tags:#architecture#frontend#react#pnpm#monorepo#vite#design-subagent
One-click install
npx skills add https://github.com/hajrasarwar11/DataBase-Engine-with-AI --skill react-vite-hajrasarwar11
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-vite
Source: https://github.com/hajrasarwar11/DataBase-Engine-with-AI/tree/main/.local/skills/react-vite
Command: npx skills add https://github.com/hajrasarwar11/DataBase-Engine-with-AI --skill react-vite-hajrasarwar11

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

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

Core Features & Use Cases

  • Establishes standardized frontend architecture for React + Vite within a pnpm workspace.
  • Guides integration with a design subagent workflow, including codegen and backend/frontend coordination.
  • Defines governance around references, monorepo rules, and predictable project structure for scalable delivery.

Quick Start

Load the design skill and run frontend generation after OpenAPI-driven codegen and proceed with backend work in parallel.

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

To structure a React and Vite frontend in a pnpm monorepo, apply standardized governance rules for pnpm-workspace to ensure a predictable project structure. This coordinates frontend architecture for scalable delivery and cross-team integration.

What is a design subagent workflow in frontend architecture?▼

A design subagent workflow delegates frontend generation tasks after OpenAPI-driven codegen. It coordinates backend and frontend integration by defining OpenAPI contracts and routing references, enabling parallel backend and frontend development.

How do I integrate OpenAPI codegen with a React and Vite frontend?▼

Integrate OpenAPI codegen with React and Vite by executing frontend generation commands after defining OpenAPI contracts. This workflow ensures backend and frontend coordination within the pnpm monorepo for scalable delivery.

Can I run backend and frontend development in parallel using a pnpm workspace?▼

Yes, you can run backend and frontend development in parallel within a pnpm workspace by loading the design skill and running frontend generation after OpenAPI-driven codegen. This coordinates cross-team integration of backend and frontend workflows.

What are the limitations of using design subagent delegation for React and Vite projects?▼

Design subagent delegation for React and Vite projects is limited to frontend architecture work requiring OpenAPI-driven codegen and pnpm-workspace governance. It does not replace backend routing or database guidelines but references them for cross-team integration.

Related Skills

Explore More Software Engineering Skills→
JaylaelikeJaylaelike

foundry-nextgen-frontend

Build Foundry-themed frontend interfaces using Vite, React, and pnpm.

Community
Advanced
jon23djon23d
3

openapi-codegen

Generate type-safe API clients from OpenAPI specifications using openapi-typescript and openapi-fetch.

Community
Advanced
scikrikciscikrikci

react-vite

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

Community
Intermediate
koya-altkoya-alt

react-vite

Guide React and Vite app builds in a pnpm monorepo with API planning.

Community
Advanced