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