typescript-dev

Automates TypeScript project implementation, refactoring, testing, and debugging tasks.

Updated Jul 10, 2023
One-click install
npx skills add https://github.com/iamtatsuki05/dotfiles --skill typescript-dev-iamtatsuki05
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript-dev
Source: https://github.com/iamtatsuki05/dotfiles/tree/main/dotfiles/.agent/skills/typescript-dev
Command: npx skills add https://github.com/iamtatsuki05/dotfiles --skill typescript-dev-iamtatsuki05

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TypeScript development tasks like implementing features, refactoring, testing, debugging, and reviewing TS/TSX code, type definitions, and test suites can be time-consuming and error-prone.

Core Features & Use Cases

  • Guided TS project setup: Walkthrough tsconfig.json, package.json, ESLint/Prettier/Biome rules, and TypeScript build configurations.
  • Code quality & testing patterns: Provide patterns for type definitions, generics, Zod validation, and test scaffolding with Jest/Vitest.
  • Practical workflows: Demonstrates end-to-end workflows from coding to validation, with examples for React, Node, and libraries.

Quick Start

Describe a TypeScript task and have it generate a step-by-step plan covering implementation, tests, and linting.

Frequently Asked Questions about typescript-dev

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

FAQPage Schema
How do I set up a TypeScript project with ESLint, Prettier, and Vitest?

To set up a TypeScript project, generate tsconfig.json, package.json scripts, ESLint/Prettier rules, and Vitest configurations. This delivers a guided walkthrough for build setups, ensuring proper type definitions and linting integration for React and Node environments.

What is the best way to refactor TypeScript code and fix build errors?

To refactor TypeScript code and fix build errors, automate implementation and debugging across TS/TSX codebases. This approach diagnoses build errors, updates type definitions, and ensures Zod validation remains intact throughout the refactoring workflow.

How do I create type definitions and Zod validation schemas for a Node library?

Generate type definitions and Zod validation schemas by applying TypeScript patterns for generics and runtime validation. This produces robust type safety and test scaffolding for Node libraries, ensuring data structures match your runtime requirements.

Can I use Biome instead of ESLint for TypeScript linting and formatting?

Yes, you can use Biome instead of ESLint for TypeScript linting. The setup supports ESLint/Biome/Prettier integration, allowing you to apply your preferred linter and formatter rules to TS/TSX codebases while maintaining code quality standards.

Why does my TypeScript test suite fail after refactoring type definitions?

Your TypeScript test suite might fail after refactoring due to mismatched type definitions or broken Zod validation schemas. Diagnosing build errors and updating Jest or Vitest test scaffolding ensures your refactored types align with existing runtime validations.