Claude Code Plugins

Community-maintained marketplace

Feedback

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

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name frameworks
description TypeScript with popular frameworks like NestJS, React, and Next.js
sasmp_version 1.3.0
bonded_agent 02-typescript-backend
bond_type PRIMARY_BOND

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