Agent Skills Hub

modern-best-practice-nextjs

Build performant Next.js applications using App Router, Server Components, Server Actions, and modern React best practices.

frontend-ui-animator

Analyze and implement purposeful UI animations for Next.js, Tailwind CSS, and React applications with a focus on UX, performance, and accessibility.

nextjs-app-router

Expert assistant for building modern Next.js 13+ applications using the App Router, including Server Components, nested layouts, streaming with Suspense, and advanced data fetching patterns.

template-nextjs-moderne

A comprehensive Next.js 15 development and project management skill for Claude Code, featuring Supabase integration, RBAC, and automated quality validation.

skills

A project-specific architectural template for Next.js 15, FastAPI, and Supabase applications, including structured AI integration patterns.

react-doctor

Analyze and audit React projects for security, performance, correctness, and architecture issues with actionable diagnostics and scoring.

server-components

Guidance on React Server Components (RSC) in Next.js, covering server/client component boundaries, data fetching, and composition patterns.

migrate-to-vinext

Automated migration tool for converting Next.js projects to vinext (Vite-based Next.js reimplementation), including compatibility scanning, dependency replacement, and configuration setup.

web-frameworks

Full-stack web development suite featuring Next.js (SSR/RSC/App Router), Turborepo for monorepo management, and RemixIcon for UI assets. Optimized for modern React, high-performance builds, and scalable architecture.

fullstack-workflow

A standardized fullstack pattern for Next.js features, integrating GET API routes, server actions, SWR data fetching, and React Hook Form with Zod validation.

next-upgrade

Upgrade Next.js projects to the latest version using official migration guides and automated codemods.

review-react-best-practices

Perform automated, rule-based performance and reliability audits for React and Next.js applications, covering bundle size, waterfalls, rendering, and data fetching.