react-vite

Name: react-vite
Availability: InStock
Author: gopforever

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

Updated Apr 3, 2026

Search Tags:#react #workspace #pnpm #monorepo #vite #frontend-guidelines #design-subagent

Ready to run

npx skills add https://github.com/gopforever/Idle-Echoes --skill react-vite-gopforever

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react-vite
Source: https://github.com/gopforever/Idle-Echoes/tree/main/.local/skills/react-vite
Command: npx skills add https://github.com/gopforever/Idle-Echoes --skill react-vite-gopforever

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Guidelines for building React + Vite web apps in a pnpm monorepo, enabling structured frontend workflows with a design subagent.

Core Features & Use Cases

Establishes a clear frontend architecture, module boundaries, and collaboration patterns between the core app and a design subagent.
Provides decision frameworks for when frontend work should be scaffolded, stubbed, or fully implemented, including guidance on monorepo tooling and quality checks.
Use Case: When starting a new React + Vite project in a pnpm workspace, follow these rules to align frontend design tasks with backend planning and codegen workflows.

Quick Start

Initialize a React + Vite frontend scaffold inside a pnpm monorepo and delegate UI shell work to the design subagent.

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, apply guidelines for clear frontend architecture, module boundaries, and workspace governance. This approach establishes scalable workflows and collaboration patterns with a design subagent.

What is a design subagent in a frontend monorepo workflow?▼

A design subagent in a frontend monorepo workflow is a delegated component that handles UI shell tasks. It integrates with the core React + Vite app through predefined touchpoints and task partitioning rules to align UI implementation with backend planning.

When should frontend work be scaffolded versus fully implemented in a pnpm workspace?▼

Frontend work in a pnpm workspace should be scaffolded or stubbed when establishing initial boundaries, and fully implemented when finalizing integration. Use the provided decision frameworks to determine the appropriate completion level for design subagent tasks.

Can I use Vite with pnpm workspaces for scalable React applications?▼

Yes, you can use Vite with pnpm workspaces for scalable React applications. The guidelines provide monorepo tooling configurations and quality checks specifically designed to support scalable frontend architectures and clear module boundaries.

How do I delegate UI tasks to a design subagent in a React Vite project?▼

To delegate UI tasks to a design subagent in a React Vite project, follow established collaboration patterns and integration touchpoints. This allows the subagent to independently handle UI shell work while maintaining alignment with the core application architecture.

What are the limitations of using design delegation in a frontend monorepo?▼

The limitation of design delegation in a frontend monorepo is that it requires strict adherence to task partitioning and integration touchpoints. Without clear module boundaries and workspace governance, the design subagent may struggle to align with backend codegen workflows.