react-vite

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

Updated Apr 16, 2026

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

Ready to run

npx skills add https://github.com/scikrikci/skills --skill react-vite-scikrikci

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guidelines for building React + Vite web applications within a pnpm monorepo, coordinating with a design subagent to ensure frontend consistency and scalable workflows.

Core Features & Use Cases

Architecture guidance for modern React + Vite apps in a monorepo.
Frontend delegation to a design subagent to handle UI components, layouts, and polish while keeping backend decisions lightweight.
Stepwise build workflow including app classification, API planning, and parallel workstreams with codegen and workspace coordination.

Quick Start

Start by loading the design subagent to scope the frontend and then scaffold the React + Vite project inside the pnpm workspace.

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

Use this workflow to structure React and Vite apps inside a pnpm monorepo by establishing clear frontend-backend boundaries and coordinating parallel build workflows across packages.

What is a design subagent and how does it help with frontend development?▼

A design subagent handles UI components, layouts, and polish through frontend delegation, ensuring design consistency while keeping backend architectural decisions lightweight within the monorepo.

Can I use this workflow to separate frontend and backend boundaries in a monorepo?▼

Yes, this workflow supports clear frontend-backend boundaries within a pnpm monorepo, coordinating design subagent collaboration and optional backend codegen workflows for scalable frontend delivery.

How do I start building a React Vite project with a design subagent?▼

Start by loading the design subagent to scope the frontend, then scaffold the React and Vite project inside the pnpm workspace to establish parallel workstreams.

Does this monorepo workflow support parallel build workflows across packages?▼

Yes, the workflow supports parallel build workflows across monorepo packages, including stepwise app classification, API planning, and workspace coordination alongside optional codegen.

When should I not use a design subagent for frontend React development?▼

Avoid design subagent orchestration when your project does not require frontend delegation or when UI design consistency is already managed outside the pnpm monorepo workflow.