AIKraft/AI/Войти
AIKraft/Skills/nextjs-performance

nextjs-performance

Экспертный навык оптимизации производительности Next.js, охватывающий Core Web Vitals, оптимизацию изображений и шрифтов, стратегии кэширования, потоковую передачу (streaming), оптимизацию бандлов и лучшие практики использования Server Components. Используйте при оптимизации приложений Next.js по показателям Core Web Vitals (LCP, INP, CLS), внедрении next/image и next/font, настройке кэширования с помощью unstable_cache и revalidateTag, преобразовании Client Components в Server Components, реализации потоковой передачи через Suspense или анализе и уменьшении размера бандла. Поддерживает паттерны Next.js 16 + React 19.

giuseppe-trisciuoglio official Дизайн

Что делает навык

Экспертный навык оптимизации производительности Next.js, охватывающий Core Web Vitals, оптимизацию изображений и шрифтов, стратегии кэширования, потоковую передачу (streaming), оптимизацию бандлов и лучшие практики использования Server Components. Используйте при оптимизации приложений Next.js по показателям Core Web Vitals (LCP, INP, CLS), внедрении next/image и next/font, настройке кэширования с помощью unstable_cache и revalidateTag, преобразовании Client Components в Server Components, реализации потоковой передачи через Suspense или анализе и уменьшении размера бандла. Поддерживает паттерны Next.js 16 + React 19.

Как подключить

1Скачать навык
# возьмите папку навыка «nextjs-performance» из репозитория: # https://github.com/giuseppe-trisciuoglio/developer-kit
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r nextjs-performance/ ~/.claude/skills/nextjs-performance/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.