Agent Skills: TypeScript Frameworks Skill

TypeScript with popular frameworks like NestJS, React, and Next.js

typescriptnestjsreactnext.jsframework-selection
developmentID: pluginagentmarketplace/custom-plugin-typescript/frameworks

Skill Files

Browse the full folder contents for frameworks.

Download Skill

Loading file tree…

skills/frameworks/SKILL.md

Skill Metadata

Name
frameworks
Description
TypeScript with popular frameworks like NestJS, React, and Next.js

TypeScript Frameworks Skill

Overview

Use TypeScript effectively with popular frameworks including NestJS, React, Next.js, and other modern tools.

Topics Covered

NestJS

  • Module structure
  • Decorators and metadata
  • Dependency injection types
  • Guards and interceptors
  • Custom decorators

React TypeScript

  • Component prop types
  • Event handler typing
  • Context with generics
  • Hooks typing
  • Ref typing patterns

Next.js

  • Page component types
  • API route typing
  • getServerSideProps types
  • App Router types
  • Middleware typing

Express/Fastify

  • Request/Response typing
  • Middleware types
  • Route handler types
  • Error handling types
  • Validation with zod

Type Integration

  • Prisma types
  • GraphQL code generation
  • API client generation
  • Database types
  • Schema-driven typing

Prerequisites

  • TypeScript advanced types
  • Framework basics

Learning Outcomes

  • Type React components
  • Build type-safe APIs
  • Use framework decorators
  • Integrate database types