Шаблоны анимации CSS и пользовательского интерфейса для отзывчивых и совершенных интерфейсов. Используйте при реализации эффектов наведения, всплывающих подсказок, обратной связи с кнопками, переходов или исправления проблем с анимацией, таких как мерцание и дрожание.
Быстро установите AI-навык animation-best-practices в вашу среду разработки через командную строку
Источник: aidenybai/react-scan.
Detailed reference guide for common animation scenarios. Use this as a checklist when implementing animations.
When something feels off but you can't identify why, record the animation and play it back frame by frame. This reveals details invisible at normal speed.
Elements may shift by 1px at the start/end of CSS transform animations due to GPU/CPU rendering handoff.
Шаблоны анимации CSS и пользовательского интерфейса для отзывчивых и совершенных интерфейсов. Используйте при реализации эффектов наведения, всплывающих подсказок, обратной связи с кнопками, переходов или исправления проблем с анимацией, таких как мерцание и дрожание. Источник: aidenybai/react-scan.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/aidenybai/react-scan --skill animation-best-practicesШаблоны анимации CSS и пользовательского интерфейса для отзывчивых и совершенных интерфейсов. Используйте при реализации эффектов наведения, всплывающих подсказок, обратной связи с кнопками, переходов или исправления проблем с анимацией, таких как мерцание и дрожание. Источник: aidenybai/react-scan.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/aidenybai/react-scan --skill animation-best-practices После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/aidenybai/react-scan