bootstrap-ts

Community

Bootstrap a minimal TypeScript project setup.

Authorsimonnordberg
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: bootstrap-ts
Download link: https://github.com/simonnordberg/dotfiles/archive/main.zip#bootstrap-ts

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.