vite · uni-helper — скилл для Claude Code: конфиг, плагины, сборка
Скилл по Vite 6.x: помогает настроить конфиг, подключить плагины, разобраться с dev-сервером и собрать проект в прод.
npx skills add uni-helper/skills --skill vite -a claude-codeЧто делает vite
Скилл разложен по разделам и подтягивает нужный файл-справочник, когда агент работает с Vite. Внутри четыре блока: конфигурация (defineConfig, условные и асинхронные конфиги), CLI-команды, базовые возможности вроде TypeScript, JSX и CSS, а также подключение и порядок плагинов.
Отдельные справочники закрывают CSS-модули и препроцессоры, статические ассеты, import.meta.glob, переменные окружения, HMR API, веб-воркеры и предварительную сборку зависимостей. Есть разделы про прод-сборку, library mode, SSR, JavaScript API, Plugin API, производительность и интеграцию с традиционными бэкендами.
Скилл собран по Vite 6.x, так что на более старых мажорных версиях часть советов разойдётся с реальным поведением — это повод свериться с версией в package.json перед тем, как следовать подсказкам агента. Установка идёт через npx skills add.
Какие задачи решает
- собрать конфиг Vite с условными ветками под разные режимы
- подключить плагин и выставить правильный порядок
- настроить CSS-модули и препроцессоры
- разобраться с переменными окружения и режимами сборки
- собрать библиотеку с корректными package exports
Примеры запросов агенту
- Настрой vite.config.ts под два режима: dev и production
- Добавь плагин в Vite и объясни, почему он должен идти раньше остальных
- Собери проект как библиотеку с exports для ESM и CJS
Как установить vite
1Через Skills CLI (Vercel)
npx skills add uni-helper/skills --skill vite -a claude-code2Вручную: положить файлы
~/.claude/skills/vite/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/vite/
1Через Skills CLI (Vercel)
npx skills add uni-helper/skills --skill vite -a codex2Вручную: положить файлы
.agents/skills/vite/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add uni-helper/skills --skill vite -a cursor2Вручную: положить файлы
.cursor/skills/vite/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install uni-helper/skills vite2Вручную: положить файлы
.github/skills/vite/SKILL.md1Через Skills CLI (Vercel)
npx skills add uni-helper/skills --skill vite -a gemini-cli2Командой платформы
gemini skills install https://github.com/uni-helper/skills --path skills/viteВручную: положить файлы
.devin/skills/vite/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add uni-helper/skills --skill vite -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о vite
Как установить скилл vite в Claude?
Выполни npx skills add uni-helper/skills --skill vite -a claude-code. Файл скилла окажется в ~/.claude/skills/vite/SKILL.md.
Что делает скилл vite?
Даёт агенту справочники по конфигурации, CLI, плагинам, CSS, ассетам, HMR, прод-сборке, SSR и Plugin API, чтобы он отвечал по Vite, а не по памяти.
На какой версии Vite основан скилл?
На Vite 6.x. На старых мажорных версиях часть подсказок не совпадёт с поведением проекта.
Исходный текст
SKILL.md · MIT
--- name: vite description: Vite next-generation frontend build tool with fast HMR and optimized builds. Use when configuring Vite, adding plugins, working with dev server, or building for production. metadata: author: Anthony Fu version: "2026.1.28" source: Generated from https://github.com/vitejs/vite, scripts located at https://github.com/antfu/skills --- Vite is a modern build tool for frontend development featuring instant server start with native ES modules, lightning-fast HMR, and optimized production builds using Rolldown/Rollup. It supports TypeScript, JSX, CSS pre-processors out of the box and has a rich plugin ecosystem. > The skill is based on Vite 6.x, generated at 2026-01-28. ## Core | Topic | Description | Reference | |-------|-------------|-----------| | Configuration | Config file setup, defineConfig, conditional and async configs | [core-config](references/core-config.md) | | CLI Commands | Dev server, build, preview commands and options | [core-cli](references/core-cli.md) | | Core Features | TypeScript, JSX, CSS, HTML processing, JSON handling | [core-features](references/core-features.md) | | Using Plugins | Adding, configuring, and ordering plugins | [core-plugins](references/core-plugins.md) | ## Features | Topic | Description | Reference | |-------|-------------|-----------| | CSS Handling | CSS modules, pre-processors, PostCSS, Lightning CSS | [features-css](references/features-css.md) | | Static Assets | Asset imports, public directory, URL handling | [features-assets](references/features-assets.md) | | Glob Import | import.meta.glob, dynamic imports, batch loading | [features-glob-import](references/features-glob-import.md) | | Environment Variables | .env files, modes, import.meta.env constants | [features-env](references/features-env.md) | | HMR API | Hot Module Replacement client API | [features-hmr](references/features-hmr.md) | | Web Workers | Worker imports and configuration | [features-workers](references/features-workers.md) | | Dependency Pre-Bundling | optimizeDeps, caching, monorepo setup | [features-dep-bundling](references/features-dep-bundling.md) | ## Build | Topic | Description | Reference | |-------|-------------|-----------| | Production Build | Build options, browser targets, multi-page apps | [build-production](references/build-production.md) | | Library Mode | Building libraries with proper package exports | [build-library](references/build-library.md) | | SSR | Server-side rendering setup and configuration | [build-ssr](references/build-ssr.md) | ## Advanced | Topic | Description | Reference | |-------|-------------|-----------| | JavaScript API | createServer, build, preview programmatic APIs | [advanced-api](references/advanced-api.md) | | Plugin API | Creating Vite plugins, hooks, virtual modules | [advanced-plugin-api](references/advanced-plugin-api.md) | | Performance | Optimization tips for dev server and builds | [advanced-performance](references/advanced-performance.md) | | Backend Integration | Integrating Vite with traditional backends | [advanced-backend](references/advanced-backend.md) |
© Anthony Fu · MIT · uni-helper/skills
Похожие скиллы
Всё по теме «Фронтенд и UI» →Сначала — vite от других авторов.
