bootstrap-ts

Automate TypeScript project setup with pnpm, tsconfig, Biome, and Vitest.

1|Updated Apr 22, 2014

Search Tags:#typescript #vitest #tooling #pnpm #biome #project-setup #bootstrap

Ready to run

npx skills add https://github.com/simonnordberg/dotfiles --skill bootstrap-ts

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: bootstrap-ts
Source: https://github.com/simonnordberg/dotfiles/tree/main/services/claude-code/skills/bootstrap-ts
Command: npx skills add https://github.com/simonnordberg/dotfiles --skill bootstrap-ts

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Invoke when creating a new TypeScript project or when a TypeScript project is missing standard tooling config. Sets up the baseline that all TS projects share.

Core Features & Use Cases

Always: pnpm init, set "type": "module" in package.json; TypeScript: add -D typescript and create tsconfig.json with strict: true, noUncheckedIndexedAccess: true; target ES2022, module ESNext, moduleResolution bundler; Biome: add -D @biomejs/biome; create biome.json with formatter: tabs, 100 line width; Linter: enabled; Organize imports enabled; Vitest: add -D vitest; add "test": "vitest" script; .gitignore: node_modules, dist, .env, coverage; CLAUDE.md: trigger the project setup questions from the global config
If the project has a UI (ask first)
React: pnpm add react react-dom, pnpm add -D @types/react @types/react-dom
Tailwind v4: pnpm add -D tailwindcss @tailwindcss/vite, add CSS import
Vite: pnpm add -D vite, minimal vite.config.ts
Principles
Maintain minimal config; avoid creating src/ dirs or app code; avoid extraneous dependencies; after setup, run pnpm biome check .

Quick Start

Ask your AI to bootstrap a new TypeScript project using the minimal baseline tooling.

Frequently Asked Questions about bootstrap-ts

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

FAQPage Schema

How do I bootstrap a new TypeScript project with pnpm, Vitest, and Biome?▼

Setting up a TypeScript project involves initializing pnpm with ESNext modules, configuring strict tsconfig.json settings, adding Biome for linting and formatting, and integrating Vitest to provide a consistent baseline tooling configuration.

What is the best way to configure TypeScript tooling for a new project?▼

Configuring TypeScript tooling requires setting pnpm as the package manager, applying strict tsconfig.json rules, enabling Biome for linting and organizing imports, and adding Vitest to establish a minimal, standardized project baseline.

Can I add React and Tailwind v4 when setting up a TypeScript project?▼

Yes, you can add React and Tailwind v4 during setup. If UI tooling is requested, the process installs React dependencies, adds Tailwind CSS with the Vite plugin, and generates a minimal vite.config.ts configuration.

Does this TypeScript project setup include a strict tsconfig configuration?▼

Yes, the TypeScript setup creates a strict tsconfig.json configuration. It enables strict type checking and noUncheckedIndexedAccess, targeting ES2022 with ESNext modules and bundler module resolution for robust compile-time safety.

What limitations exist when bootstrapping a TypeScript project with this minimal setup?▼

The limitation of this minimal setup is that it avoids creating src directories or application code and excludes extraneous dependencies, focusing strictly on generating baseline configuration files for TypeScript, Biome, and Vitest.