·react-frontend-expert
</>

react-frontend-expert

hieutrtr/ai1-skills

Patrones de implementación de frontend de React/TypeScript. Úselo durante la fase de implementación al crear o modificar componentes de React, enlaces personalizados, páginas, lógica de recuperación de datos con TanStack Query, formularios o enrutamiento. Cubre la estructura de componentes, reglas de enlaces, diseño de enlaces personalizados (useAuth, useDebounce, usePagination), convenciones de modo estricto de TypeScript, manejo de formularios, requisitos de accesibilidad y estructura del proyecto. NO cubre pruebas (use patrones de prueba de reacción), pruebas E2E (use pruebas e2e) ni implementación.

0Instalaciones·0Tendencia·@hieutrtr

Instalación

$npx skills add https://github.com/hieutrtr/ai1-skills --skill react-frontend-expert

SKILL.md

Centralize query key and function definitions to prevent key collisions:

See references/component-templates.md for annotated component templates. See references/tanstack-query-patterns.md for CRUD query patterns.

Patrones de implementación de frontend de React/TypeScript. Úselo durante la fase de implementación al crear o modificar componentes de React, enlaces personalizados, páginas, lógica de recuperación de datos con TanStack Query, formularios o enrutamiento. Cubre la estructura de componentes, reglas de enlaces, diseño de enlaces personalizados (useAuth, useDebounce, usePagination), convenciones de modo estricto de TypeScript, manejo de formularios, requisitos de accesibilidad y estructura del proyecto. NO cubre pruebas (use patrones de prueba de reacción), pruebas E2E (use pruebas e2e) ni implementación. Fuente: hieutrtr/ai1-skills.

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/hieutrtr/ai1-skills --skill react-frontend-expert Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/hieutrtr/ai1-skills --skill react-frontend-expert
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-05
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es react-frontend-expert?

Patrones de implementación de frontend de React/TypeScript. Úselo durante la fase de implementación al crear o modificar componentes de React, enlaces personalizados, páginas, lógica de recuperación de datos con TanStack Query, formularios o enrutamiento. Cubre la estructura de componentes, reglas de enlaces, diseño de enlaces personalizados (useAuth, useDebounce, usePagination), convenciones de modo estricto de TypeScript, manejo de formularios, requisitos de accesibilidad y estructura del proyecto. NO cubre pruebas (use patrones de prueba de reacción), pruebas E2E (use pruebas e2e) ni implementación. Fuente: hieutrtr/ai1-skills.

¿Cómo instalo react-frontend-expert?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/hieutrtr/ai1-skills --skill react-frontend-expert Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/hieutrtr/ai1-skills