vinext-vite-nextjs — скилл для Claude Code
Помогает перевести проект с Next.js на Vite и подготовить сборку для Cloudflare Workers. Поддерживает Pages Router и App Router.
npx skills add reason-machines/trending-skills --skill vinext-vite-nextjs -a claude-codeЧто делает vinext-vite-nextjs
Скилл объясняет агенту правила работы с плагином vinext. Этот плагин воспроизводит публичный API Next.js поверх сборщика Vite, заявляя охват около 94% возможностей фреймворка. Поддерживаются серверные компоненты, маршрутизация каталогов app/ и pages/, а также привычные импорты next/*.
Миграция не ломает исходную кодовую базу — Next.js продолжает работать параллельно. Для базовых задач отдельный vite.config.ts не требуется, система подхватывает next.config.js сама. Но если в проекте используется App Router, обязательно понадобятся пакеты @vitejs/plugin-rsc и react-server-dom-webpack.
Для публикации в Cloudflare Workers плагин предоставляет команду vinext deploy. Другие облачные платформы подключаются через связку с vite-plugin-nitro.
Какие задачи решает
- перенести проект Next.js на сборщик Vite
- настроить деплой приложения в Cloudflare Workers
- проверить совместимость кодовой базы через
vinext check - сконфигурировать поддержку App Router с RSC на Vite
Примеры запросов агенту
- Помоги перевести текущий проект Next.js на vinext
- Подготовь конфигурацию для выкатки приложения в Cloudflare Workers
- Запусти проверку совместимости с vinext и обнови скрипты в package.json
Как установить vinext-vite-nextjs
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill vinext-vite-nextjs -a claude-code2Вручную: положить файлы
~/.claude/skills/vinext-vite-nextjs/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/vinext-vite-nextjs/
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill vinext-vite-nextjs -a codex2Вручную: положить файлы
.agents/skills/vinext-vite-nextjs/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill vinext-vite-nextjs -a cursor2Вручную: положить файлы
.cursor/skills/vinext-vite-nextjs/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install reason-machines/trending-skills vinext-vite-nextjs2Вручную: положить файлы
.github/skills/vinext-vite-nextjs/SKILL.md1Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill vinext-vite-nextjs -a gemini-cli2Командой платформы
gemini skills install https://github.com/reason-machines/trending-skills --path skills/vinext-vite-nextjsВручную: положить файлы
.devin/skills/vinext-vite-nextjs/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill vinext-vite-nextjs -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о vinext-vite-nextjs
Как установить vinext-vite-nextjs в Claude Code?
Выполните команду npx skills add reason-machines/trending-skills --skill vinext-vite-nextjs -a claude-code. Конфигурация навыка запишется в ~/.claude/skills/vinext-vite-nextjs/SKILL.md.
Что делает vinext-vite-nextjs?
Скилл даёт ассистенту инструкции по запуску приложений Next.js внутри Vite. Он помогает настроить роутинг, сборку и поддержку серверного рендеринга без отказа от стандартного API фреймворка.
Сломает ли миграция существующую сборку Next.js?
Нет, инициализация через vinext init не удаляет оригинальные файлы и настройки. Next.js продолжит работать параллельно, пока вы тестируете запуск через Vite.
