skills.rest
adminsairolotech-bit
adminsairolotech-bitCOMMUNITY
Explore all skills by this author →
GitHub

react-vite

Build React and Vite apps in a pnpm monorepo with design subagent delegation.

Updated Mar 22, 2026
Search Tags:#workflow#frontend#react#pnpm#monorepo#vite#design-subagent
One-click install
npx skills add https://github.com/adminsairolotech-bit/sai-rolotech-smart-engines --skill react-vite-adminsairolotech-bit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-vite
Source: https://github.com/adminsairolotech-bit/sai-rolotech-smart-engines/tree/main/.local/skills/react-vite
Command: npx skills add https://github.com/adminsairolotech-bit/sai-rolotech-smart-engines --skill react-vite-adminsairolotech-bit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill guides teams to systematically build React + Vite apps inside a pnpm monorepo with a delegated design subagent workflow, reducing setup time and ambiguity.

Core Features & Use Cases

  • Structured frontend scaffolding for React + Vite within a monorepo.
  • Design-subagent delegation workflows that separate UI polish from business logic.
  • Clear project blueprint including routing, conventions, and workspace coordination across packages.

Quick Start

Create a new React + Vite app in the pnpm monorepo following these guidelines to bootstrap architecture and delegation.

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

Setting up a React and Vite app inside a pnpm monorepo requires structured frontend scaffolding that defines file structure, workspace coordination across packages, and clear routing conventions to ensure consistent integration.

What is a design subagent delegation workflow in frontend development?▼

A design subagent delegation workflow in frontend development separates UI polish from business logic by routing visual design tasks to a specialized subagent, ensuring clear architecture and structured handoff between frontend and design subagents.

Can I use this approach to coordinate multiple frontend packages in a pnpm workspace?▼

Yes, you can coordinate multiple frontend packages in a pnpm workspace. This approach provides a clear project blueprint for workspace coordination across packages, applying specific workflow conventions to maintain consistent setup and integration.

What's the best way to separate UI design handoffs from business logic in a React monorepo?▼

The best way to separate UI design handoffs from business logic in a React monorepo is applying a design-subagent delegation workflow that systematically isolates visual polish tasks, reducing ambiguity and setup time for frontend teams.

Do I need pnpm to build a React and Vite monorepo with design subagents?▼

Yes, pnpm is required to build this specific React and Vite monorepo setup. The workflow conventions, workspace coordination across packages, and design subagent delegation are specifically structured around pnpm monorepo architecture.

Related Skills

Explore More Software Engineering Skills→
pohlai88pohlai88

pnpm-workspace

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

Community
Intermediate
sayali-ingle-pdlsayali-ingle-pdl

vite-config

Generate a Vue 3 vite.config.ts with build, dev server, and plugin settings.

Community
Intermediate
Impertio-StudioImpertio-Studio

tailwind-errors-utility-soup

Analyze Tailwind CSS utility soup and provide refactoring suggestions.

Official
Intermediate
mcj-codermcj-coder
1

monorepo-orchestration-setup

Configure monorepo workspaces and task pipelines with Nx, Turborepo, or Lerna.

Community
Advanced