From ts-dev-kit
Enforces Next.js App Router best practices for file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization. Use when writing, reviewing, or debugging code.
npx claudepluginhub jgamaraalv/ts-dev-kit --plugin ts-dev-kitThis skill uses the workspace's default tool permissions.
Apply these rules when writing or reviewing Next.js code.
references/async-patterns.mdreferences/bundling.mdreferences/data-patterns.mdreferences/debug-tricks.mdreferences/directives.mdreferences/error-handling.mdreferences/file-conventions.mdreferences/font.mdreferences/functions.mdreferences/hydration-error.mdreferences/image.mdreferences/metadata.mdreferences/parallel-routes.mdreferences/route-handlers.mdreferences/rsc-boundaries.mdreferences/runtime-selection.mdreferences/scripts.mdreferences/self-hosting.mdreferences/suspense-boundaries.mdGuides building, debugging, and architecting Next.js App Router apps: routing, Server Components, Server Actions, layouts, middleware, data fetching, rendering strategies, Vercel deployment.
Outlines Next.js App Router best practices for Server/Client Components, data fetching, routing patterns, API routes, caching, metadata, and performance.
Provides Next.js 14+ best practices for App Router structure, Server/Client Components, API routes, loading/error UI, and file conventions.
Share bugs, ideas, or general feedback.
Apply these rules when writing or reviewing Next.js code.
Note: Next.js 16 renamed
middleware.tstoproxy.ts. Verifyproxy.tssupport in your version;middleware.tsremains the stable API.
See file-conventions.md for:
Detect invalid React Server Component patterns.
See rsc-boundaries.md for:
Next.js 16.1.6+ async API changes.
See async-patterns.md for:
params and searchParamscookies() and headers()See runtime-selection.md for:
See directives.md for:
'use client', 'use server' (React)'use cache' (Next.js)See functions.md for:
useRouter, usePathname, useSearchParams, useParamscookies, headers, draftMode, aftergenerateStaticParams, generateMetadataSee error-handling.md for:
error.tsx, global-error.tsx, not-found.tsxredirect, permanentRedirect, notFoundforbidden, unauthorized (auth errors)unstable_rethrow for catch blocksSee data-patterns.md for:
Promise.all, Suspense, preload)See route-handlers.md for:
route.ts basicspage.tsxSee metadata.md for:
generateMetadata functionnext/ogSee image.md for:
next/image over <img>sizes attributeSee font.md for:
next/font setupSee bundling.md for:
See scripts.md for:
next/script vs native script tagsid@next/third-partiesSee hydration-error.md for:
See suspense-boundaries.md for:
useSearchParams and usePathnameSee parallel-routes.md for:
@slot and (.) interceptorsdefault.tsx for fallbacksrouter.back()See self-hosting.md for:
output: 'standalone' for DockerSee debug-tricks.md for:
--debug-build-paths