skills.rest
soq123
soq123COMMUNITY
Explore all skills by this author →
GitHub

react-vite

Coordinate React + Vite frontend setup and governance in a pnpm monorepo.

Updated Feb 9, 2026
Search Tags:#workflow#frontend#react#pnpm#monorepo#vite
One-click install
npx skills add https://github.com/soq123/SE3354-Calo-fit --skill react-vite-soq123
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-vite
Source: https://github.com/soq123/SE3354-Calo-fit/tree/main/.local/skills/react-vite
Command: npx skills add https://github.com/soq123/SE3354-Calo-fit --skill react-vite-soq123

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides a structured approach for building React + Vite web apps within a pnpm monorepo, coordinating a design subagent to handle frontend design and orchestration.

Core Features & Use Cases

  • End-to-end guidelines for app classification, API surface planning, and parallel frontend/backend work.
  • Clear workflows for design delegation, workspace references, and artifact management within a monorepo.
  • Use case: teams shipping React + Vite apps with a design subagent to accelerate frontend delivery while keeping backend aligned.

Quick Start

Instruct the design subagent to bootstrap the frontend flow using the prescribed workflow.

Frequently Asked Questions about react-vite

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

FAQPage Schema
How do I set up a React and Vite frontend within a pnpm monorepo?▼

Setting up a React and Vite frontend within a pnpm monorepo involves guided app classification, API surface planning, and design subagent delegation to orchestrate parallel frontend and backend development.

What is the best way to coordinate frontend design and backend architecture in a monorepo?▼

Coordinating frontend and backend in a monorepo is achieved by delegating frontend design to a design subagent while governing artifact creation and codegen rules to maintain alignment.

Can I use a design subagent to accelerate React and Vite frontend delivery?▼

Yes, you can use a design subagent to accelerate React and Vite frontend delivery by delegating design tasks, enabling rapid prototyping while maintaining modular architecture and clear handoffs.

When do I need API surface planning for frontend-first prototyping?▼

API surface planning is needed for frontend-first prototyping when structuring a React and Vite application to ensure clear handoffs and enable parallel development between frontend and backend teams.

Does this workflow enforce specific operational rules for artifact creation and codegen?▼

Yes, the workflow enforces operational rules including workspace references, design subagent delegation, and the strict orchestration of artifact creation and codegen.

Related Skills

Explore More Software Engineering Skills→
zhu637882-stackzhu637882-stack

project-init

Generate a monorepo with React/Vite frontend and NestJS or Express backend using pnpm workspaces.

Community
Intermediate
koya-altkoya-alt

react-vite

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

Community
Advanced
El3tar-cmdEl3tar-cmd
18

react-vite

Guide React + Vite app development in a pnpm monorepo with design subagent delegation.

Community
Intermediate
Exocore-OrganizationExocore-Organization
5

react-vite

Orchestrate React + Vite frontend builds in a pnpm monorepo with a design subagent.

Official
Advanced