project-init

Generate a monorepo with React/Vite frontend and NestJS or Express backend using pnpm workspaces.

1|Updated Apr 6, 2026

Search Tags:#typescript #frontend #backend #scaffolding #monorepo #nestjs #pnpm-workspace

Ready to run

npx skills add https://github.com/zhu637882-stack/jiaoyi --skill project-init-zhu637882-stack

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: project-init
Source: https://github.com/zhu637882-stack/jiaoyi/tree/main/qoder-config-backup/skills/project-init
Command: npx skills add https://github.com/zhu637882-stack/jiaoyi --skill project-init-zhu637882-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

快速为新项目提供一个可扩展、可维护的全栈 monorepo 结构，避免重复配置与环境搭建。

Core Features & Use Cases

Monorepo 结构：自动创建 packages/web 和 packages/server，并在根目录配置 pnpm workspace。
一致的初始配置：提供 tsconfig.json、.gitignore、.env.example 等共享配置，便于团队协作。
快速初始化 Git：自动初始化 Git 仓库，确保从第一步就可版本控制。
前后端栈定制化：根据需要支持 React/Vite 前端与 NestJS/Express 后端的组合。

Quick Start

创建一个包含前端和后端的 monorepo，使用 pnpm workspace 进行配置。

Frequently Asked Questions about project-init

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

FAQPage Schema

How do I scaffold a full-stack monorepo with pnpm workspaces?▼

To scaffold a full-stack monorepo, this tool generates a directory layout with packages/web and packages/server, configures pnpm workspaces at the root, and initializes a Git repository for immediate version control.

What is the best way to start a new project using React, Vite, and NestJS?▼

Starting a new project with React, Vite, and NestJS is handled by generating a customized monorepo structure that pairs a React/Vite frontend with a NestJS or Express backend, complete with shared TypeScript configurations.

Can I use this monorepo scaffolding tool for both frontend and backend TypeScript projects?▼

Yes, you can use this monorepo scaffolding tool for TypeScript projects because it provides shared configurations like tsconfig.json, .gitignore, and .env.example to ensure consistent setup across both web frontend and server backend packages.

Does the generated monorepo structure include shared configuration files for team collaboration?▼

The generated monorepo structure includes shared configuration files such as tsconfig.json, .gitignore, and .env.example, which provide a consistent initial setup to facilitate team collaboration and environment standardization.

What are the limitations of using a pre-configured monorepo scaffold for full-stack development?▼

A limitation of using a pre-configured monorepo scaffold is that it primarily targets React/Vite frontend and NestJS/Express backend combinations, meaning alternative framework choices may require manual structural adjustments after generation.

Do I need pnpm installed to initialize a full-stack monorepo workspace?▼

You need pnpm installed to leverage the workspace configuration, as the scaffold specifically sets up pnpm workspaces at the root directory to manage dependencies across the packages/web and packages/server projects.