Communitygithub.com

diegofisi/WordRush

Doctrina de frontend React: cortes verticales, contenedor/presentacional, adaptadores sobre cualquier transporte (HTTP, React Query, WebSocket stores); el kit de UI y la capa de datos del repositorio se declaran en references/project.md. Úsalo cuando se te pida crear o modificar un componente, página, vista, hook, store, formulario, ruta, slice de funcionalidad, DTO, ViewModel, cadena i18n, token de tema o cualquier trabajo en React/TSX — incluyendo Tailwind, MUI, shadcn, Zustand, React Query, react-hook-form, zod, react-router o código de sockets.

¿Qué es WordRush?

Este skill, diegofisi/WordRush, establece una doctrina clara para el desarrollo frontend en React, enfatizando una arquitectura basada en cortes verticales y el patrón contenedor/presentacional. Su principal utilidad radica en proporcionar una estructura coherente para crear o modificar cualquier elemento de una aplicación React moderna, desde componentes y páginas hasta hooks, stores y formularios. El skill se apoya en un documento de referencia (references/project.md) que define el kit de UI y la capa de datos del repositorio, y utiliza adaptadores para abstraer los detalles de transporte como HTTP, React Query o WebSocket stores. Está diseñado para funcionar con ecosistemas populares como Tailwind, MUI, shadcn, Zustand, React Query, react-hook-form, zod, react-router y código de sockets, lo que lo hace adecuado tanto para asistentes de IA como Cursor o Codex. Al seguir esta doctrina, los desarrolladores pueden mantener un estilo arquitectónico predecible, favoreciendo la separación de preocupaciones, la testabilidad y la facilidad de mantenimiento en proyectos React de cualquier escala.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/diegofisi/WordRush/tree/master/docs/research/skills/propuesta/skills/frontend

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace WordRush?

Doctrina de frontend React: cortes verticales, contenedor/presentacional, adaptadores sobre cualquier transporte (HTTP, React Query, WebSocket stores); el kit de UI y la capa de datos del repositorio se declaran en references/project.md. Úsalo cuando se te pida crear o modificar un componente, página, vista, hook, store, formulario, ruta, slice de funcionalidad, DTO, ViewModel, cadena i18n, token de tema o cualquier trabajo en React/TSX — incluyendo Tailwind, MUI, shadcn, Zustand, React Query, react-hook-form, zod, react-router o código de sockets.

Skills relacionados