Шаблоны состояний интерактивных компонентов, включая состояния наведения, фокуса, активности, отключения, загрузки и ошибки. Используйте при создании кнопок, полей ввода, карточек или любых интерактивных элементов. (проект)
Быстро установите AI-навык ux-component-states в вашу среду разработки через командную строку
Источник: matthewharwood/fantasy-phonics.
Interactive state management for web components. This skill covers visual feedback for all interaction states, ensuring components feel responsive and accessible.
Custom elements are "undefined" until JavaScript loads and registers them. Use :not(:defined) to prevent Flash of Unstyled Content (FOUC):
Important: Element references are stored during construction - NEVER use querySelector.
Шаблоны состояний интерактивных компонентов, включая состояния наведения, фокуса, активности, отключения, загрузки и ошибки. Используйте при создании кнопок, полей ввода, карточек или любых интерактивных элементов. (проект) Источник: matthewharwood/fantasy-phonics.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-component-statesШаблоны состояний интерактивных компонентов, включая состояния наведения, фокуса, активности, отключения, загрузки и ошибки. Используйте при создании кнопок, полей ввода, карточек или любых интерактивных элементов. (проект) Источник: matthewharwood/fantasy-phonics.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-component-states После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/matthewharwood/fantasy-phonics