skills.rest
monang404
monang404COMMUNITY
Explore all skills by this author →
GitHub

javascript-typescript-typescript-scaffold

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
One-click install
npx skills add https://github.com/monang404/lunawave --skill javascript-typescript-typescript-scaffold-monang404
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
parisgroup-aiparisgroup-ai
1

dep-check

Audit npm dependencies for vulnerabilities, outdated packages, and workspace mismatches.

Official
Intermediate
MathiasPaulenkoMathiasPaulenko

salesforce-dev

Develop and deploy Salesforce applications with Apex triggers, Lightning Web Components, and SFDX.

Community
Advanced
VMRam95VMRam95

setup-dev-env

Provision isolated dev environments with PostgreSQL schemas, Docker containers, and Caddy routes.

Community
Advanced
microsoftmicrosoft
190.1k

project-setup-info-local

Scaffold complete project structures for VS Code extensions, web frameworks, and MCP servers.

Official
Intermediate