skills.rest
El3tar-cmd
El3tar-cmdCOMMUNITY
Explore all skills by this author →
GitHub

react-vite

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

18|4|Updated Apr 3, 2026
Search Tags:#react#pnpm#monorepo#vite#frontend-architecture#design-subagent
One-click install
npx skills add https://github.com/El3tar-cmd/DevHive-Cli --skill react-vite-el3tar-cmd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-vite
Source: https://github.com/El3tar-cmd/DevHive-Cli/tree/main/skills/react-vite
Command: npx skills add https://github.com/El3tar-cmd/DevHive-Cli --skill react-vite-el3tar-cmd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Architecture-aware workflows: classify app types (presentation-first, CRUD dashboards, logic-heavy tools) and assign frontend work to DESIGN subagents and backend teams.
  • Async design subagent orchestration: spawn a design subagent to draft frontend components while core logic is implemented in parallel.
  • Monorepo planning and coordination: outline API surface, codegen hooks, and workspace conventions to keep frontend and backend aligned.

Quick Start

Spawn the design subagent and begin building your React + Vite app in the pnpm monorepo following these guidelines.

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

To structure a React + Vite app inside a pnpm monorepo, use architecture-aware workflows that classify app types like presentation-first or CRUD dashboards. This approach outlines API surfaces, codegen hooks, and workspace conventions to align frontend and backend.

What is a design subagent delegation model for frontend architecture?▼

A design subagent delegation model is an async orchestration process where you spawn a subagent to draft frontend components. This enables iterative frontend design while core logic is implemented in parallel by backend teams within the monorepo.

Can I parallelize frontend UI design and backend logic in a pnpm workspace?▼

Yes, you can parallelize frontend UI design and backend logic in a pnpm workspace using design subagent orchestration. The subagent drafts frontend components asynchronously while backend teams implement core logic simultaneously.

Does this monorepo workflow support logic-heavy tools or only presentation-first apps?▼

This monorepo workflow supports logic-heavy tools, presentation-first apps, and CRUD dashboards. Architecture-aware workflows classify the app type to assign frontend work to design subagents and backend teams for parallel integration.

What's the best way to keep frontend and backend aligned in a pnpm-workspace environment?▼

The best way to keep frontend and backend aligned in a pnpm-workspace environment is to outline API surfaces and codegen hooks using monorepo planning. This coordination ensures frontend design subagents and backend teams remain synchronized.

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
VXerysVXerys

fullstack-guardian

Construct secure full-stack applications with authentication and input validation.

Community
Advanced
gopforevergopforever

react-vite

Guide React and Vite app builds in a pnpm monorepo with design subagent delegation.

Community
Intermediate
maurodf0maurodf0

webf-quickstart

Set up and test WebF-based web apps with Vite and WebF Go.

Community
Intermediate