Agent Skills

tsx // React 18 (react-dom) import \{ useFormState \} from "react-dom"; const [state, formAction] = useFormState(action, initial);

app/about/page.tsx -> /about app/blog/page.tsx -> /blog app/dashboard/settings/page.tsx -> /dashboard/settings

Next.js 15 data fetching expert skill - fetch cache options, Server Components, Server Actions, parallel requests, and revalidation patterns.

Expert skill for picking the right Next.js 15 App Router rendering strategy: static, dynamic, ISR, streaming, and Server Components.

TypeScript React patterns expert skill - strict typing, generics, discriminated unions, branded types, and advanced inference for React 19.

Learn to build scalable, performant global state with Zustand and TypeScript. Discover best practices for store architecture, selectors, and middleware.

Learn to craft reusable, well-tested custom React hooks with TypeScript. Follow strict design principles for single responsibility, naming, and return types.

Forms and validation expert skill - React Hook Form, Zod schemas, Server Actions, accessible error UX, and progressive enhancement patterns.

Tailwind v4 plus shadcn/ui expert skill - modern utility-first styling, theme variables, and accessible components for React and Next.js.

Vercel React best practices skill - Next.js 15 deployment, edge runtime tradeoffs, ISR, image optimization, and observability on Vercel.

Senior Node.js scripts expert skill for reviewing, writing, and improving Node.js CLI tools, ESM and CJS modules, and TypeScript runners.

A single-page roundup of every highlight bullet from the 11 pages in the Agent Skills section, grouped by source page so you can scan all 66 takeaways without opening each article individually.