javascript-typescript-typescript-scaffold

Name: javascript-typescript-typescript-scaffold
Availability: InStock
Author: monang404

Generate TypeScript project structures with pnpm, Vite, Next.js, and Vitest configurations.

2|Updated Jun 16, 2026

Search Tags:#typescript #vitest #scaffolding #project setup #pnpm #nextjs #vite

Ready to run

npx skills add https://github.com/monang404/lunawave --skill javascript-typescript-typescript-scaffold-monang404

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: javascript-typescript-typescript-scaffold
Source: https://github.com/monang404/lunawave/tree/main/.agent/skills/javascript-typescript-typescript-scaffold
Command: npx skills add https://github.com/monang404/lunawave --skill javascript-typescript-typescript-scaffold-monang404

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Setting up a new TypeScript project involves repetitive decisions about directory layout, build tooling, testing frameworks, and linting rules. This Skill generates complete, consistent project scaffolds so you skip manual boilerplate configuration. ## Core Features & Use Cases - Multi-Template Scaffolding: Generates structures for Next.js apps, React + Vite SPAs, Node.js APIs (Express/Fastify), libraries, and CLI tools. - Modern Tooling Setup: Configures pnpm, TypeScript strict mode, Vitest testing, ESLint, and path aliases out of the box. - Complete Config Files: Produces package.json, tsconfig.json, vite.config.ts, .eslintrc.json, and .env.example tailored to each project type. - Use Case: You need a new Express API with type safety and tests. The Skill outputs the full directory tree, typed Express app entry point, route/controller/service layers, and Vitest configuration ready to run. ## Quick Start Ask the assistant to scaffold a new TypeScript Node.js API project with Express, Vitest testing, and pnpm as the package manager.

Frequently Asked Questions about javascript-typescript-typescript-scaffold

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

FAQPage Schema

How do I scaffold a TypeScript project with pnpm?▼

Initialize with pnpm init, then generate the structure for your project type such as Next.js, React Vite, or Node.js API. The scaffold includes package.json scripts, strict tsconfig.json, Vitest testing, and ESLint configuration.

What project types does TypeScript scaffolding support?▼

Five project types are covered: Next.js full-stack apps, React + Vite SPAs, Node.js APIs with Express or Fastify, reusable libraries with build exports, and CLI tools. Each has a tailored directory layout and dependency set.

Should I use Next.js or React with Vite for a new app?▼

Choose Next.js when you need SSR, SSG, or API routes in a full-stack React application. Choose React + Vite for client-only SPAs or component libraries where faster dev server startup and simpler deployment matter.

Does the scaffold include testing configuration?▼

Yes, every template includes Vitest configuration with globals enabled and v8 coverage reporting. React projects add jsdom environment and a tests/setup.ts file, while Node.js projects use the node environment.

What TypeScript compiler settings are used in the scaffold?▼

The tsconfig targets ES2022 with strict mode enabled, bundler module resolution, and path aliases like @/* mapped to ./src/*. Next.js projects use noEmit with the Next plugin, while libraries use a separate tsconfig.build.json for dist output.