Agent Plugins Marketplace
← All plugins

frontend

v0.5.0

Agentes y skills para Next.js, React y TypeScript

CodexClaude Code5 Skills

By Jose Alfaro0 GitHub starsUpdated 1 hour ago

Directory evidence

Runtimes
Codex and Claude Code
Parsed components
5 skill or MCP entries
Source updated
Sep 28, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install frontend for Codex and Claude Code

Installs for the current user
codex plugin marketplace add joseAlfaro25/customs_agents
codex plugin marketplace upgrade my-agents
codex plugin add frontend@my-agents

Paste and run these commands in a terminal with Codex. They add and refresh the my-agents catalog, then install this plugin.

Compatibility: the page URL and API slug “frontend-4” remain stable.

  • Codex: frontend-4@agent-plugin-marketplace → frontend@my-agents

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/joseAlfaro25/customs_agents

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/frontend/.

Plugin files

plugins/frontend/
├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── skills/frontend-testing/SKILL.md
├── skills/nextjs-app-router/SKILL.md
├── skills/nextjs-project-standard/SKILL.md
├── skills/react-components/SKILL.md
└── skills/typescript-patterns/SKILL.md

Included Skills5

frontend-testingskills/frontend-testing/SKILL.md

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-routerskills/nextjs-app-router/SKILL.md

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-standardskills/nextjs-project-standard/SKILL.md

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ándar antes de entregar.

react-componentsskills/react-components/SKILL.md

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-patternsskills/typescript-patterns/SKILL.md

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.

Plugin manifests2

plugins/frontend/.codex-plugin/plugin.json
{
  "name": "frontend",
  "version": "0.5.0",
  "description": "Agentes y skills para Next.js, React y TypeScript",
  "author": {
    "name": "Jose Alfaro"
  },
  "keywords": [
    "frontend",
    "nextjs",
    "react",
    "typescript"
  ],
  "skills": "./skills/",
  "hooks": "./hooks/codex-hooks.json",
  "interface": {
    "displayName": "My Agents · Frontend",
    "shortDescription": "Next.js, React y TypeScript",
    "longDescription": "Agentes y skills para Next.js, React y TypeScript",
    "category": "Coding"
  }
}
plugins/frontend/.claude-plugin/plugin.json
{
  "name": "frontend",
  "version": "0.5.0",
  "description": "Agentes y skills para Next.js, React y TypeScript",
  "author": {
    "name": "Jose Alfaro"
  },
  "keywords": [
    "frontend",
    "nextjs",
    "react",
    "typescript"
  ]
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[frontend on Agent Plugins Marketplace](https://pluginsmp.com/plugins/frontend-4)