bootstrap-project

Scaffolds Turborepo monorepo projects with React, Next.js, ESLint, and Prettier configuration.

Updated Mar 21, 2026
One-click install
npx skills add https://github.com/sonth87/TEMP-PROJECT-with-AI-FIRST --skill bootstrap-project-sonth87
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bootstrap-project
Source: https://github.com/sonth87/TEMP-PROJECT-with-AI-FIRST/tree/main/.agents/skills/bootstrap-project
Command: npx skills add https://github.com/sonth87/TEMP-PROJECT-with-AI-FIRST --skill bootstrap-project-sonth87

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Setting up a new frontend project requires dozens of repetitive decisions: monorepo structure, package installation, linting rules, formatting config, environment validation, and pre-commit hooks. This Skill eliminates that setup friction by providing a complete step-by-step bootstrap procedure aligned with a standardized tech stack. ## Core Features & Use Cases - Monorepo Workspace Setup: Initializes a Turborepo workspace with pnpm, including pnpm-workspace.yaml, turbo.json pipelines, and root scripts for dev, build, lint, type-check, and test. - App Scaffolding: Creates React SPA (Vite) or Next.js applications inside apps/ with TypeScript, Tailwind, and the shadcn design system pre-installed. - Tooling Configuration: Provides ready-to-use Prettier and flat-config ESLint setups, Husky pre-commit hooks with lint-staged, and Zod-based environment variable validation. - Use Case: A developer starting a new client project runs through the seven steps to get a fully configured monorepo with consistent linting, formatting, and environment validation in minutes instead of hours. ## Quick Start Use the bootstrap-project skill to scaffold a new Turborepo monorepo with a Next.js app, the shadcn design system, ESLint, Prettier, and environment validation.

Frequently Asked Questions about bootstrap-project

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

FAQPage Schema
How do I set up a Turborepo monorepo with pnpm?▼

Initialize pnpm at the root, add turbo as a dev dependency, and create a pnpm-workspace.yaml listing apps/* and packages/*. Then define turbo.json pipelines for build, dev, lint, type-check, and test tasks.

How to scaffold a Next.js app with TypeScript and Tailwind?▼

Run pnpm dlx create-next-app@latest with the --typescript, --tailwind, --eslint, --app, --src-dir, and --import-alias flags inside the apps directory. Then install the design system and core dependencies like TanStack Query and Zustand.

Can I use Vite React instead of Next.js in this setup?▼

Yes, the workflow supports both. Use pnpm create vite with the react-ts template for a single-page application, or create-next-app for a Next.js app; both live under the apps directory in the same monorepo.

How do I validate environment variables in a Vite app?▼

Define a Zod schema describing each required variable, then parse import.meta.env at startup and export the validated result. This fails fast at boot time when required variables like VITE_API_BASE_URL are missing or malformed.

Why is my ESLint flat config not applying React hooks rules?▼

The eslint-plugin-react-hooks rules must be registered under the plugins key with the react-hooks namespace in the flat config format. Ensure rules-of-hooks is set to error and exhaustive-deps to warn inside the rules object.