typescript

Configure strict TypeScript projects with testing and build tooling guidance.

2|1|Updated Jun 30, 2019
One-click install
npx skills add https://github.com/tgautier/dotfiles --skill typescript-tgautier
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript
Source: https://github.com/tgautier/dotfiles/tree/main/claude/skills/typescript
Command: npx skills add https://github.com/tgautier/dotfiles --skill typescript-tgautier

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TypeScript discipline and tooling guidelines that help teams enforce strong type safety, robust tests, and reliable builds across React and non-React projects.

Core Features & Use Cases

  • Type Safety Best Practices: strict tsconfig options, branded types, and safe defaults that prevent common runtime errors.
  • Testing Strategy: guidance for unit, integration, and E2E tests using Vitest and Playwright, with example patterns.
  • Build & Tooling: recommendations for bundlers, tree-shaking, and linting to improve performance and maintainability.
  • Use Case: configure a new project with strict TypeScript, add tests, and wire up a CI pipeline with minimal fuss.

Quick Start

Follow the guidelines to configure a TypeScript project with strict options, tests, and build tooling.

Frequently Asked Questions about typescript

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

FAQPage Schema
How do I configure strict TypeScript options for a production-grade application?

Configure strict TypeScript by enabling strict tsconfig options, adopting branded types, and applying safe defaults to prevent runtime errors. These patterns enforce type-safety across React and non-React projects for scalable, production-grade codebases.

What's the best way to set up testing with Vitest and Playwright in a TypeScript project?

Testing strategies for TypeScript projects involve using Vitest for unit and integration tests, and Playwright for E2E tests. Applying specific testing patterns ensures robust test coverage and reliable validation across your application workflows.

Does this TypeScript guidance work for non-React projects?

Yes, the TypeScript tooling and discipline guidelines apply across both React and non-React projects. They cover type-safety, linting, module patterns, and build setup to satisfy requirements for scalable JavaScript and TypeScript codebases.

How do I improve TypeScript build performance and maintainability with linting?

Improve TypeScript build performance and maintainability by applying bundler recommendations, tree-shaking techniques, and linting configurations. These build and tooling practices optimize output size and enforce code discipline across the project.

When do I need branded types in TypeScript?

Branded types are needed when enforcing strict type-safety to prevent common runtime errors and distinguish structurally identical primitives. They serve as a core type-safety pattern for production-grade TypeScript applications requiring safe defaults.