Оптимизация производительности для анимированных веб-сайтов премиум-класса. Используйте, когда вас спрашивают о: производительности анимации, 60 кадрах в секунду, основных веб-показателях, настройке Vite, оптимизации пакета, отложенной загрузке, изменении изменений, ускорении графического процессора, изменении макета, ошибках отладки или бюджетах производительности.
Быстро установите AI-навык elite-performance в вашу среду разработки через командную строку
Источник: rshvr/elite-web-design.
| Vite Setup | vite-setup.md | | Animation Performance | animation-performance.md | | Asset Optimization | asset-optimization.md | | Debugging | debugging.md |
| Metric | Good | Needs Work | Poor |
| LCP (Largest Contentful Paint) | ≤ 2.5s | ≤ 4.0s | > 4.0s | | INP (Interaction to Next Paint) | ≤ 200ms | ≤ 500ms | > 500ms | | CLS (Cumulative Layout Shift) | ≤ 0.1 | ≤ 0.25 | > 0.25 |
Оптимизация производительности для анимированных веб-сайтов премиум-класса. Используйте, когда вас спрашивают о: производительности анимации, 60 кадрах в секунду, основных веб-показателях, настройке Vite, оптимизации пакета, отложенной загрузке, изменении изменений, ускорении графического процессора, изменении макета, ошибках отладки или бюджетах производительности. Источник: rshvr/elite-web-design.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/rshvr/elite-web-design --skill elite-performanceОптимизация производительности для анимированных веб-сайтов премиум-класса. Используйте, когда вас спрашивают о: производительности анимации, 60 кадрах в секунду, основных веб-показателях, настройке Vite, оптимизации пакета, отложенной загрузке, изменении изменений, ускорении графического процессора, изменении макета, ошибках отладки или бюджетах производительности. Источник: rshvr/elite-web-design.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/rshvr/elite-web-design --skill elite-performance После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/rshvr/elite-web-design