rendering-animate-svg

Many browsers don't have hardware acceleration for CSS3 animations on SVG elements. Wrap SVG in a and animate the wrapper instead. Important for 8-bit components with pixel art icons and animations.

This applies to all CSS transforms and transitions (transform, opacity, translate, scale, rotate). The wrapper div allows browsers to use GPU acceleration for smoother animations, which is especially noticeable for retro pixel art animations.

Оберните анимированные элементы SVG в div, чтобы включить аппаратное ускорение. Применяется при анимации значков или элементов SVG, особенно в 8-битных ретро-компонентах с пиксельной анимацией. Источник: theorcdev/8bitcn-ui.

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/theorcdev/8bitcn-ui --skill rendering-animate-svg После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw