Habilidades de Agente

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

Skill experto en obtención de datos con Next.js 15 — opciones de caché de fetch, Server Components, Server Actions, solicitudes paralelas y patrones de revalidación.

Skill experto para elegir la estrategia de renderizado correcta en Next.js 15 App Router: estático, dinámico, ISR, streaming y Server Components.

Skill experta en patrones TypeScript para React — tipado estricto, genéricos, uniones discriminadas, tipos de marca y inferencia avanzada para React 19.

Un skill de Claude listo para copiar y pegar para construir stores de Zustand con patrones de buenas prácticas y TypeScript.

tsx import \{ useState, useEffect, useCallback, useRef \} from "react";

Skill experto en formularios y validación — React Hook Form, esquemas Zod, Server Actions, UX de errores accesible y patrones de mejora progresiva.

Skill experta en Tailwind v4 y shadcn/ui — estilado utility-first moderno, variables de tema y componentes accesibles para React y Next.js.

Skill de mejores prácticas de React de Vercel — despliegue en Next.js 15, compensaciones del edge runtime, ISR, optimización de imágenes y observabilidad en Vercel.

Skill de experto senior en scripts de Node.js para revisar, escribir y mejorar herramientas CLI de Node.js, módulos ESM y CJS, y runners de TypeScript.