frontend

Plugin frontend from marketplace my-agents in joseAlfaro25/customs_agents. Commands read from the repo's manifest — 21 days ago.

Skills (5)

• frontend-testing

  Testing frontend con Vitest o Jest, React Testing Library, user-event, MSW y Playwright, incluyendo Server Components y Server Actions de Next.js. Usar al escribir, arreglar o planificar tests de UI, hooks, formularios o flujos e2e.

• nextjs-app-router

  Convenciones de Next.js App Router: estructura de app/, layouts, route groups, rutas dinámicas, Server/Client Components, data fetching y caching, Server Actions, route handlers, metadata y proxy. Usar al crear, modificar o depurar rutas, páginas o caché en Next.js.

• nextjs-project-standard

  Estándar para crear apps web nuevas con Next.js 16 (App Router, React 19.2), TypeScript estricto, Tailwind v4, Zustand, TanStack Query, react-hook-form + zod y vertical slices. Usar al crear un proyecto Next.js desde cero, al decidir dónde va un archivo o al revisar que un proyecto cumple el estánda

• react-components

  Patrones para componentes React 19 con TypeScript: estructura por feature, props tipadas, composición, hooks personalizados, estado, formularios con actions, rendimiento, React Compiler y accesibilidad. Usar al crear, refactorizar o revisar componentes y hooks de UI.

• typescript-patterns

  Patrones de TypeScript para frontend: tsconfig estricto, type vs interface, genéricos, narrowing, discriminated unions, utility types, satisfies, validación runtime con zod e inferencia, tipado de APIs y cómo evitar any. Usar al diseñar tipos o corregir errores de compilación.

Slash commands (2)

• /frontend:new-component

  Crea un componente React con TypeScript, su test y su export siguiendo la estructura del proyecto. Úsalo para generar un componente nuevo de UI o de un feature.

• /frontend:new-page

  Crea una ruta de Next.js App Router con page, loading, error y metadata (y not-found si es dinámica), adaptada a la versión de Next del proyecto. Úsalo para añadir una página nueva.

Subagents (4)

• frontend-reviewer

  Revisor de código frontend de solo lectura: correctitud, accesibilidad, rendimiento, seguridad y buenas prácticas de React, Next.js y TypeScript. Úsalo tras cambios en UI, rutas o Server Actions, o antes de abrir un PR, para obtener hallazgos priorizados.

• nextjs-developer

  Especialista en Next.js App Router: rutas, layouts, Server y Client Components, data fetching, caché, Server Actions, route handlers, metadata y proxy. Úsalo para construir, refactorizar o depurar páginas, rutas y flujos de datos en proyectos Next.js.

• react-developer

  Especialista en React 19 con TypeScript: componentes, composición, hooks personalizados, estado, formularios, rendimiento y accesibilidad. Úsalo para crear, refactorizar o depurar componentes y lógica de UI, en Next.js, Vite u otro stack React.

• typescript-expert

  Especialista en TypeScript: tipado estricto, genéricos, discriminated unions, utility types, zod e inferencia, tipado de APIs y tsconfig (incluida migración a TS 6/7). Úsalo para resolver errores de tipos, eliminar any, diseñar tipos de dominio o endurecer la configuración.

Hooks (1)

• PostToolUse

  "${CLAUDE_PLUGIN_ROOT}/hooks/format.sh"

Similar plugins