Mastering Typescript Skill

Mastering TypeScript Skill

Master enterprise-grade TypeScript development with type-safe patterns, modern tooling, and framework integration.

Overview

This skill provides comprehensive guidance for TypeScript 5.9+ development, covering:

• Type System Mastery: Generics, mapped types, conditional types, satisfies operator
• Enterprise Patterns: Error handling, validation with Zod, project architecture
• React Integration: Type-safe components, hooks, state management (Zustand, Redux Toolkit)
• NestJS Development: Scalable APIs, DTOs, authentication, RBAC
• Modern Toolchain: Vite 7, pnpm, ESLint 9 flat config, Vitest
• Cross-Language Insights: TypeScript compared with Java, Python, C#

Quick Start

# Initialize TypeScript project with ESM
pnpm create vite@latest my-app --template vanilla-ts
cd my-app && pnpm install

# Configure strict TypeScript
cat > tsconfig.json << 'EOF'
{
  "compilerOptions": {
    "target": "ES2024",
    "module": "ESNext",
    "moduleResolution": "bundler",
    "strict": true,
    "noUncheckedIndexedAccess": true,
    "exactOptionalPropertyTypes": true
  }
}
EOF

When to Use This Skill

Use when:

• Building type-safe React, NestJS, or Node.js applications
• Migrating JavaScript codebases to TypeScript
• Implementing advanced type patterns (generics, mapped types, conditional types)
• Configuring modern TypeScript toolchains
• Designing type-safe API contracts with Zod validation

Installing with Skilz (Universal Installer)

The recommended way to install this skill across different AI coding agents is using the **skilz** universal installer.

Install Skilz

pip install skilz

Claude Code

Install to user home (available in all projects):

skilz install -g https://github.com/SpillwaveSolutions/mastering-typescript-skill

Install to current project only:

skilz install -g https://github.com/SpillwaveSolutions/mastering-typescript-skill --project

Op