react-state-driven-ui
✓Erstellen Sie eine React-Benutzeroberfläche als Projektion expliziter Zustandsübergänge mithilfe von Reduzier- und Ereignissen. Verwendung beim Erstellen mehrstufiger Formulare, asynchroner Vorgänge, komponentenübergreifender Status, Navigationsintegration, Echtzeitaktualisierungen oder komplexer Validierung. Beseitigt zeitabhängige Fehler durch explizite Zustandsübergänge und isolierte Nebenwirkungen.
Installation
SKILL.md
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.
Erstellen Sie eine React-Benutzeroberfläche als Projektion expliziter Zustandsübergänge mithilfe von Reduzier- und Ereignissen. Verwendung beim Erstellen mehrstufiger Formulare, asynchroner Vorgänge, komponentenübergreifender Status, Navigationsintegration, Echtzeitaktualisierungen oder komplexer Validierung. Beseitigt zeitabhängige Fehler durch explizite Zustandsübergänge und isolierte Nebenwirkungen. Quelle: lucascmelo/agent-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/lucascmelo/agent-skills --skill react-state-driven-ui- Quelle
- lucascmelo/agent-skills
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-06
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist react-state-driven-ui?
Erstellen Sie eine React-Benutzeroberfläche als Projektion expliziter Zustandsübergänge mithilfe von Reduzier- und Ereignissen. Verwendung beim Erstellen mehrstufiger Formulare, asynchroner Vorgänge, komponentenübergreifender Status, Navigationsintegration, Echtzeitaktualisierungen oder komplexer Validierung. Beseitigt zeitabhängige Fehler durch explizite Zustandsübergänge und isolierte Nebenwirkungen. Quelle: lucascmelo/agent-skills.
Wie installiere ich react-state-driven-ui?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/lucascmelo/agent-skills --skill react-state-driven-ui Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/lucascmelo/agent-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-06