Создайте пользовательский интерфейс React как проекцию явных переходов состояний с помощью редуктора + событий. Используйте при создании многошаговых форм, асинхронных операций, межкомпонентного состояния, интеграции навигации, обновлений в реальном времени или сложной проверки. Устраняет ошибки, зависящие от времени, за счет явных переходов состояний и изолированных побочных эффектов.
Быстро установите AI-навык react-state-driven-ui в вашу среду разработки через командную строку
Источник: 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.
Создайте пользовательский интерфейс React как проекцию явных переходов состояний с помощью редуктора + событий. Используйте при создании многошаговых форм, асинхронных операций, межкомпонентного состояния, интеграции навигации, обновлений в реальном времени или сложной проверки. Устраняет ошибки, зависящие от времени, за счет явных переходов состояний и изолированных побочных эффектов. Источник: lucascmelo/agent-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/lucascmelo/agent-skills --skill react-state-driven-uiСоздайте пользовательский интерфейс React как проекцию явных переходов состояний с помощью редуктора + событий. Используйте при создании многошаговых форм, асинхронных операций, межкомпонентного состояния, интеграции навигации, обновлений в реальном времени или сложной проверки. Устраняет ошибки, зависящие от времени, за счет явных переходов состояний и изолированных побочных эффектов. Источник: lucascmelo/agent-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/lucascmelo/agent-skills --skill react-state-driven-ui После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/lucascmelo/agent-skills