Scaffold Production-Ready TypeScript Projects

A scaffolding skill that generates complete, production-ready TypeScript project structures for four project types: Next.js (full-stack React with SSR/SSG and API routes, scaffolded via pnpm create next-app), React + Vite (SPA or component libraries via pnpm create vite), a Node.js API (Express with a routes, controllers, services, and models layered structure), and a publishable TypeScript library (with dual main, types, and exports package.json fields for proper module resolution). For each project type it produces the full directory tree, a working package.json with pinned dependency versions and scripts (dev, build, test, lint, type-check), a strict tsconfig.json (ES2022 target, strict mode, path aliases), and framework-specific config such as a vite.config.ts with a Vitest test block or an Express app.ts entry point wiring routes and error-handling middleware. It also generates shared development tooling regardless of project type: a .env.example, a vitest.config.ts with V8 coverage reporting, and an .eslintrc.json using @typescript-eslint/recommended with no-explicit-any set to warn and no-unused-vars set to error.

Use when starting a new TypeScript project and needing a consistent, type-safe structure rather than assembling config files by hand - choosing between Next.js, React+Vite, a Node.js API, or a library based on the stated project type. Not for adding scaffolding to an existing, already-structured project, since it generates a fresh tree, and not for non-TypeScript or non-pnpm workflows without adaptation - the generated configs assume pnpm as the package manager and Vitest as the test runner throughout.

Input is the target project type (Next.js, React+Vite, Node.js API, or library) plus any project-specific requirements. Output is a complete directory tree, package.json, tsconfig.json, framework config, an entry point with type-safe setup, a Vitest test structure, a README, and development tooling files such as .env.example, .gitignore, and ESLint config.

### Install pnpm if needed
npm install -g pnpm

### Initialize project
mkdir project-name && cd project-name
pnpm init

### Initialize git
git init
echo "node_modules/" >> .gitignore
echo "dist/" >> .gitignore
echo ".env" >> .gitignore

Built around pnpm for package management, Vitest for testing with V8 coverage, ESLint with @typescript-eslint, and framework-specific tooling per project type: Next.js's own CLI and Tailwind, Vite's @vitejs/plugin-react, Express with zod for the Node.js API, and a tsconfig.build.json for libraries.

Developers and teams starting a new TypeScript project who want a consistent, opinionated, production-ready starting structure - correct tsconfig strictness, test setup, and lint rules from commit one - rather than copying scaffolding from a previous project.