skills.rest
Darsh20009
Darsh20009COMMUNITY
Explore all skills by this author →
GitHub

react-vite

Identify React + Vite projects in a pnpm monorepo and define standardized frontend build workflows.

Updated Apr 11, 2026
Search Tags:#architecture#frontend#react#pnpm#monorepo#vite#design-subagent
One-click install
npx skills add https://github.com/Darsh20009/MAFASEL --skill react-vite-darsh20009
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-vite
Source: https://github.com/Darsh20009/MAFASEL/tree/main/.local/skills/react-vite
Command: npx skills add https://github.com/Darsh20009/MAFASEL --skill react-vite-darsh20009

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Guidelines for building React + Vite web apps in the pnpm monorepo with design subagent delegation. The skill codifies architecture, frontend workflows, and first-build rules to ensure consistency across packages and teams.

Core Features & Use Cases

  • Standardized frontend scaffold for React + Vite within a pnpm workspace.
  • Design subagent delegation for initial builds and UI polish.
  • Clear steps for classification, API planning, and parallel backend work.

Quick Start

Spawn the design subagent to perform the initial React + Vite frontend build within the pnpm monorepo.

Frequently Asked Questions about react-vite

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

FAQPage Schema
How do I standardize frontend builds for React and Vite in a pnpm monorepo?▼

You standardize frontend builds by identifying React and Vite projects, defining a consistent build pipeline workflow, and delegating initial UI scaffolding to a design subagent.

What is a design subagent and how does it work with React and Vite scaffolding?▼

A design subagent is spawned to execute the initial React and Vite frontend build, handling UI polish and initial scaffolding within the pnpm workspace to ensure consistent architecture.

Can I use this workflow to add a new React package to an existing pnpm workspace?▼

Yes, the workflow applies to multi-package repos requiring frontend scaffolding, classifying new React and Vite projects inside the pnpm monorepo and integrating them with parallel backend work.

Does the frontend build workflow require specific SKILL.md frontmatter?▼

Yes, the workflow specifies requirements for YAML frontmatter in SKILL.md, requiring name and description fields, alongside optional resources in scripts, references, or assets directories.

What's the best way to plan APIs when building React and Vite apps in a monorepo?▼

The best way involves clear steps for project classification, API planning, and parallel backend work, ensuring the frontend scaffold aligns with the 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
koya-altkoya-alt

react-vite

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

Community
Advanced
pertrai1pertrai1

link-workspace-packages

Automate linking workspace packages across npm, yarn, pnpm, and bun monorepos.

Community
Intermediate
KartikSharma4448KartikSharma4448

react-vite

Implement React + Vite apps in a pnpm monorepo with design subagent guidance.

Community
Advanced