Which frameworks does this skill support?

This skill provides specialized guidance for NestJS, React, Next.js, Express, Fastify, and integration tools like Prisma and GraphQL.

Is it compatible with the Next.js App Router?

Yes, it specifically includes types and best practices for the App Router, page components, and server-side middleware.

How does this help with React development?

It provides standardized patterns for typing component props, event handlers, hooks, and context with generics for robust frontend code.

Does it include backend patterns?

Yes, it covers NestJS module structures, decorators, dependency injection, and middleware typing for Express and Fastify.

Can it help with database type safety?

Absolutely. The skill includes patterns for integrating Prisma types and schema-driven typing for end-to-end application safety.

TypeScript Frameworks Mastery

Name: TypeScript Frameworks Mastery
Author: pluginagentmarketplace

bypluginagentmarketplace

•

API開発

Accelerates the development of type-safe applications using modern TypeScript frameworks like NestJS, React, and Next.js.

This skill provides Claude with specialized knowledge for implementing production-grade code across the most popular TypeScript ecosystems, including frontend frameworks like React and Next.js, backend solutions like NestJS and Express, and data layers like Prisma. It ensures that complex features—such as dependency injection, custom decorators, and advanced component typing—follow industry best practices and maintain strict type safety throughout the entire application stack, making it an essential tool for full-stack TypeScript developers.

主な機能

01Integration patterns for Prisma, GraphQL, and schema-driven typing

021 GitHub stars

03Advanced typing for React components, hooks, and context

04Next.js App Router and API route implementation patterns

05NestJS module architecture and dependency injection guidance

06Type-safe API development with Express, Fastify, and Zod validation

ユースケース

01Building scalable, enterprise-ready backend services with NestJS and dependency injection

02Developing complex, type-safe React frontend architectures with modern state management

03Implementing end-to-end type safety between database schemas and frontend API clients

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pluginagentmarketplace/custom-plugin-typescript frameworks

For use in Claude.ai and ChatGPT

Download Skill