Этот навык следует использовать, когда пользователь хочет оптимизировать производительность внешнего интерфейса Next.js с помощью Lighthouse, анализа пакетов и лучших практик анимации. Используйте при диагностике медленных страниц, оптимизации размера пакета или улучшении основных веб-показателей (LCP, TBT, CLS).
Быстро установите AI-навык frontend-performance в вашу среду разработки через командную строку
Источник: b-open-io/prompts.
Important: Always test production builds (next build && next start), not dev mode. Dev mode has 2-10x overhead from HMR, source maps, and no optimizations.
For libraries with many exports (icons, utilities, animation libraries):
This ensures tree-shaking works correctly - only imports you use get bundled.
Этот навык следует использовать, когда пользователь хочет оптимизировать производительность внешнего интерфейса Next.js с помощью Lighthouse, анализа пакетов и лучших практик анимации. Используйте при диагностике медленных страниц, оптимизации размера пакета или улучшении основных веб-показателей (LCP, TBT, CLS). Источник: b-open-io/prompts.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/b-open-io/prompts --skill frontend-performanceЭтот навык следует использовать, когда пользователь хочет оптимизировать производительность внешнего интерфейса Next.js с помощью Lighthouse, анализа пакетов и лучших практик анимации. Используйте при диагностике медленных страниц, оптимизации размера пакета или улучшении основных веб-показателей (LCP, TBT, CLS). Источник: b-open-io/prompts.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/b-open-io/prompts --skill frontend-performance После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/b-open-io/prompts