skills.rest
simonnordberg
simonnordbergCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/simonnordberg/dotfiles --skill bootstrap-ts
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
aaronbassettaaronbassett
4

dev-specialisms:init-local-tooling

Initialize linting, formatting, type checking, and testing tooling across TypeScript, Rust, and Python projects.

Community
Advanced
kingstinctkingstinct

biome

Enforce code quality and formatting standards using Biome.

Official
Basic
markus41markus41
18

react-vite

Develop React 18+ apps with Vite and TypeScript.

Community
Intermediate
ggombeeggombee
13

react-spa

Create React Single Page Applications with Vite or Create React App.

Community
Intermediate