typescript-advanced-types
sickn33/agentic-awesome-skills
Master TypeScript's advanced type system: generics, conditional types, mapped types, and utility types for type-safe applications.
What is typescript-advanced-types?
Comprehensive guidance for building with TypeScript's advanced type features including generics, conditional types, mapped types, template literal types, and utility types. Use this when designing type-safe libraries, frameworks, API clients, or migrating JavaScript codebases to leverage strong typing.
- Design and implement generic types for reusable components
- Apply conditional types for dynamic type inference
- Create mapped types to transform and derive new types
- Use template literal types for string-based type construction
- Leverage utility types (Partial, Pick, Omit, Record, etc.) for common patterns
- Build type-safe validation systems and configuration objects
How to install typescript-advanced-types
npx skills add https://github.com/sickn33/agentic-awesome-skills --skill typescript-advanced-typesHow to use typescript-advanced-types
- 1.Clarify your goals, constraints, and required inputs for the type system design
- 2.Review `resources/implementation-playbook.md` for detailed patterns and examples relevant to your use case
- 3.Apply the appropriate advanced type patterns (generics, conditional types, mapped types, etc.) to your codebase
- 4.Validate your type definitions with test cases and real usage scenarios
- 5.Verify outcomes and refine types based on actual usage patterns
Use cases
- Building type-safe REST API clients with request/response inference
- Implementing strongly-typed form validation frameworks
- Creating reusable generic React components with proper type constraints
- Designing type-safe state management systems (Redux, Zustand)
- Migrating large JavaScript projects to TypeScript with incremental typing
- TypeScript developers building libraries or frameworks
- Backend engineers designing type-safe APIs
- Frontend developers creating reusable component systems
- Teams migrating JavaScript codebases to TypeScript
- Developers implementing complex type inference logic
typescript-advanced-types FAQ
Use generics for parameterizing types across components and functions. Use conditional types when you need to infer or select types based on conditions, such as extracting array element types or creating type-dependent return types.
Mapped types are a language feature for transforming existing types into new ones (e.g., making all properties readonly). Utility types are pre-built mapped types provided by TypeScript (Partial, Pick, Record, etc.) that solve common problems.
Template literal types allow you to create string literal types based on patterns, enabling type-safe string manipulation and validation. They're useful for creating type-safe event names, CSS class names, or API route patterns.
Advanced TypeScript types exist only in the type system and are erased at runtime. You can use them in JavaScript projects with JSDoc comments, but TypeScript files provide better tooling and validation.
Use TypeScript's type-checking at compile time, create test files with type assertions, and use tools like `tsd` or `expect-type` to validate that types behave as expected.
Full instructions (SKILL.md)
Source of truth, from sickn33/agentic-awesome-skills.
name: typescript-advanced-types description: "Comprehensive guidance for mastering TypeScript's advanced type system including generics, conditional types, mapped types, template literal types, and utility types for building robust, type-safe applications." risk: safe source: community date_added: "2026-02-27"
TypeScript Advanced Types
Comprehensive guidance for mastering TypeScript's advanced type system including generics, conditional types, mapped types, template literal types, and utility types for building robust, type-safe applications.
Use this skill when
- Building type-safe libraries or frameworks
- Creating reusable generic components
- Implementing complex type inference logic
- Designing type-safe API clients
- Building form validation systems
- Creating strongly-typed configuration objects
- Implementing type-safe state management
- Migrating JavaScript codebases to TypeScript
Do not use this skill when
- The task is unrelated to typescript advanced types
- You need a different domain or tool outside this scope
Instructions
- Clarify goals, constraints, and required inputs.
- Apply relevant best practices and validate outcomes.
- Provide actionable steps and verification.
- If detailed examples are required, open
resources/implementation-playbook.md.
Resources
resources/implementation-playbook.mdfor detailed patterns and examples.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Related skills
More from sickn33/agentic-awesome-skills and the wider catalog.
typescript-expert
Advanced TypeScript expert for type systems, performance, monorepos, and migrations.
ui-ux-designer
Expert UI/UX designer for design systems, accessibility-first interfaces, and modern design workflows.
ui-ux-pro-max
Comprehensive design guide with 50+ styles, 97 color palettes, and 99 UX guidelines for web and mobile apps.
unreal-engine-cpp-pro
Expert C++ development guide for Unreal Engine 5.x with UObject hygiene, performance patterns, and best practices.
vercel-deployment
Deploy Next.js applications to Vercel with expert guidance and best practices.
vulnerability-scanner
Advanced vulnerability analysis: OWASP 2025, supply chain security, attack surface mapping, and risk prioritization.