·state-driven-ui
*

state-driven-ui

lucascmelo/agent-skills

Cree la interfaz de usuario de React como una proyección de transiciones de estado explícitas utilizando eventos reductor +. Aislar los efectos secundarios en las devoluciones de llamadas de mutaciones de React Query. Mantenga los componentes de solo renderizado y de intención.

1Instalaciones·0Tendencia·@lucascmelo

Instalación

$npx skills add https://github.com/lucascmelo/agent-skills --skill state-driven-ui

SKILL.md

Scope Use this skill to design and implement UI behavior as a pure projection of state. Model behavior with reducer + events. Isolate side effects in React Query mutation callbacks.

Required approach Follow this order. Do not skip steps. Do not write component code before steps 1 to 4 are complete.

Output expectations When using this skill, output in this structure:

Cree la interfaz de usuario de React como una proyección de transiciones de estado explícitas utilizando eventos reductor +. Aislar los efectos secundarios en las devoluciones de llamadas de mutaciones de React Query. Mantenga los componentes de solo renderizado y de intención. Fuente: lucascmelo/agent-skills.

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/lucascmelo/agent-skills --skill state-driven-ui
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es state-driven-ui?

Cree la interfaz de usuario de React como una proyección de transiciones de estado explícitas utilizando eventos reductor +. Aislar los efectos secundarios en las devoluciones de llamadas de mutaciones de React Query. Mantenga los componentes de solo renderizado y de intención. Fuente: lucascmelo/agent-skills.

¿Cómo instalo state-driven-ui?

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/lucascmelo/agent-skills --skill state-driven-ui 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/lucascmelo/agent-skills

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-01