Crea l'interfaccia utente React come proiezione di transizioni di stato esplicite utilizzando riduttori + eventi. Isolare gli effetti collaterali nei callback di mutazione di React Query. Mantieni i componenti di solo rendering e di solo intento.
Installa rapidamente la skill AI state-driven-ui nel tuo ambiente di sviluppo tramite riga di comando
Fonte: lucascmelo/agent-skills.
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:
Crea l'interfaccia utente React come proiezione di transizioni di stato esplicite utilizzando riduttori + eventi. Isolare gli effetti collaterali nei callback di mutazione di React Query. Mantieni i componenti di solo rendering e di solo intento. Fonte: lucascmelo/agent-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/lucascmelo/agent-skills --skill state-driven-uiCrea l'interfaccia utente React come proiezione di transizioni di stato esplicite utilizzando riduttori + eventi. Isolare gli effetti collaterali nei callback di mutazione di React Query. Mantieni i componenti di solo rendering e di solo intento. Fonte: lucascmelo/agent-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/lucascmelo/agent-skills --skill state-driven-ui Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/lucascmelo/agent-skills