Does this skill support runtime data validation?

Yes, it includes specific patterns for Zod integration, allowing Claude to bridge the gap between static TypeScript types and runtime data validation for APIs and user input.

What are Branded Types and why are they included?

Branded types allow you to create unique types for similar primitives (like UserId vs PostId). This skill helps Claude implement these nominal types to prevent logic errors that standard TypeScript wouldn't catch.

How does this skill improve my TypeScript development?

It provides Claude with a standardized set of advanced implementation patterns, ensuring that the generated code uses best practices like type guards, discriminated unions, and branded types instead of basic or unsafe types.

Can I use these patterns for React projects?

Absolutely. The skill includes specific patterns for generic React components, template literal types for event handlers, and type-safe state management patterns.

TypeScript Patterns

Name: TypeScript Patterns
Author: Naw3

byNaw3

0•

Developer Tools

Implements production-grade, type-safe application logic using advanced TypeScript utility types, generics, and architectural patterns.

This skill provides Claude with a curated library of modern TypeScript patterns designed to maximize type safety and maintainability in complex projects. It covers everything from advanced utility types like DeepPartial and Branded Types to robust state management using Discriminated Unions and Result patterns. By utilizing these implementation patterns, Claude can help developers eliminate 'any' types, build reusable generic components, and ensure runtime safety through integrated Zod schema validation, making it an essential tool for building scalable enterprise applications.

Key Features

01Custom type guards for robust runtime type narrowing and validation

02Discriminated union patterns for type-safe state and error handling

03Template literal and mapped type implementations for dynamic API modeling

04Advanced generic patterns for functions, interfaces, and React components

05Comprehensive library of custom utility types (DeepPartial, RequiredBy, Nullable)

060 GitHub stars

Use Cases

01Designing domain-driven models using Branded Types to prevent ID collisions

02Refactoring legacy codebases to replace 'any' types with precise generic interfaces

03Implementing type-safe API clients with Zod for runtime schema validation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add naw3/skillsrepo typescript-patterns

For use in Claude.ai and ChatGPT

Download Skill