state-driven-ui
✓Créez React UI en tant que projection de transitions d'état explicites à l'aide de réducteurs + événements. Isolez les effets secondaires dans les rappels de mutation React Query. Conservez les composants en rendu uniquement et en intention uniquement.
Installation
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:
Créez React UI en tant que projection de transitions d'état explicites à l'aide de réducteurs + événements. Isolez les effets secondaires dans les rappels de mutation React Query. Conservez les composants en rendu uniquement et en intention uniquement. Source : lucascmelo/agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/lucascmelo/agent-skills --skill state-driven-ui- Source
- lucascmelo/agent-skills
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que state-driven-ui ?
Créez React UI en tant que projection de transitions d'état explicites à l'aide de réducteurs + événements. Isolez les effets secondaires dans les rappels de mutation React Query. Conservez les composants en rendu uniquement et en intention uniquement. Source : lucascmelo/agent-skills.
Comment installer state-driven-ui ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/lucascmelo/agent-skills --skill state-driven-ui Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/lucascmelo/agent-skills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01