Crea l'interfaccia utente React come proiezione di transizioni di stato esplicite utilizzando riduttori + eventi. Da utilizzare durante la creazione di moduli a più passaggi, operazioni asincrone, stato tra componenti, integrazione della navigazione, aggiornamenti in tempo reale o convalida complessa. Elimina i bug dipendenti dalla tempistica attraverso transizioni di stato esplicite ed effetti collaterali isolati.
Installa rapidamente la skill AI react-state-driven-ui nel tuo ambiente di sviluppo tramite riga di comando
Fonte: lucascmelo/agent-skills.
Build predictable, testable React applications by treating UI as a pure projection of explicit state. This architectural pattern eliminates timing-dependent bugs, reduces cognitive overhead, and makes complex workflows manageable through clear state transitions and isolated side effects.
When to apply Use this skill when building features that require:
Technical approach 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.
Crea l'interfaccia utente React come proiezione di transizioni di stato esplicite utilizzando riduttori + eventi. Da utilizzare durante la creazione di moduli a più passaggi, operazioni asincrone, stato tra componenti, integrazione della navigazione, aggiornamenti in tempo reale o convalida complessa. Elimina i bug dipendenti dalla tempistica attraverso transizioni di stato esplicite ed effetti collaterali isolati. Fonte: lucascmelo/agent-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/lucascmelo/agent-skills --skill react-state-driven-uiCrea l'interfaccia utente React come proiezione di transizioni di stato esplicite utilizzando riduttori + eventi. Da utilizzare durante la creazione di moduli a più passaggi, operazioni asincrone, stato tra componenti, integrazione della navigazione, aggiornamenti in tempo reale o convalida complessa. Elimina i bug dipendenti dalla tempistica attraverso transizioni di stato esplicite ed effetti collaterali isolati. 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 react-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