/typescript-patterns

TypeScript best practices and patterns. Use when writing TypeScript, fixing type errors, or working with generics.

tibsfox@tibsfox

GitHub

From plugin

gsd-skill-creator

6926 skills64 agents26 commands1 MCP

Install

$ npx -y skills add Tibsfox/gsd-skill-creator --agent claude-code

How it fires

How this command gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/typescript-patterns

Context preview

What this command does when you run it.

TypeScript best practices and patterns. Use when writing TypeScript, fixing type errors, or working with generics.

Command definition

typescript-patterns.md

name: typescript-patterns
description: TypeScript best practices and patterns. Use when writing TypeScript, fixing type errors, or working with generics.

TypeScript Patterns

Type vs Interface

| Use Case | Prefer | |----------|--------| | Object shape | interface | | Union types | type | | Extending shapes | interface | | Intersection | type | | Tuple/primitives | type |

Key Patterns

**Discriminated Unions** — model state with tagged types:

type Result<T> = { ok: true; value: T } | { ok: false; error: Error };

**Type Guards** — narrow at runtime:

function isUser(obj: unknown): obj is User {
  return typeof obj === 'object' && obj !== null && 'id' in obj;
}

**Generic Constraints:**

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] { return obj[key]; }

Utility Types

| Type | Purpose | |------|---------| | Partial\<T\> | All optional | | Required\<T\> | All required | | Pick\<T,K\> | Select properties | | Omit\<T,K\> | Remove properties | | Record\<K,V\> | Key-value map | | ReturnType\<T\> | Function return type |