Advanced TypeScript types including generics, conditionals, and mapped types
Advanced TypeScript Types Skill
Overview
Master advanced TypeScript type features including generics, conditional types, mapped types, and utility types.
Topics Covered
Generics
- Generic functions
- Generic interfaces
- Generic classes
- Generic constraints
- Default type parameters
Conditional Types
- Conditional type syntax
- Inferring within conditionals
- Distributive conditionals
- Type filtering
- Never in conditionals
Mapped Types
- Basic mapped types
- Key remapping
- Modifiers (+/-)
- Template literal types
- Recursive types
Utility Types
- Partial, Required, Readonly
- Pick, Omit, Record
- Extract, Exclude
- ReturnType, Parameters
- Awaited, NonNullable
Advanced Patterns
- Type guards
- Branded types
- Opaque types
- Variadic tuple types
- Type-level programming
Prerequisites
- TypeScript fundamentals
- Basic generics understanding
Learning Outcomes
- Create complex generic types
- Use conditional types effectively
- Build custom utility types
- Apply type-level patterns
You Might Also Like
Related Skills
coding-agent
Run Codex CLI, Claude Code, OpenCode, or Pi Coding Agent via background process for programmatic control.
openclaw
add-uint-support
Add unsigned integer (uint) type support to PyTorch operators by updating AT_DISPATCH macros. Use when adding support for uint16, uint32, uint64 types to operators, kernels, or when user mentions enabling unsigned types, barebones unsigned types, or uint support.
pytorchat-dispatch-v2
Convert PyTorch AT_DISPATCH macros to AT_DISPATCH_V2 format in ATen C++ code. Use when porting AT_DISPATCH_ALL_TYPES_AND*, AT_DISPATCH_FLOATING_TYPES*, or other dispatch macros to the new v2 API. For ATen kernel files, CUDA kernels, and native operator implementations.
pytorchskill-writer
Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill, or needs help with SKILL.md files, frontmatter, or skill structure.
pytorch
implementing-jsc-classes-cpp
Implements JavaScript classes in C++ using JavaScriptCore. Use when creating new JS classes with C++ bindings, prototypes, or constructors.
oven-shimplementing-jsc-classes-zig
Creates JavaScript classes using Bun's Zig bindings generator (.classes.ts). Use when implementing new JS APIs in Zig with JSC integration.
oven-sh