primevue — скилл для Claude Code: что делает и как установить
Скилл помогает развернуть PrimeVue в связке с Vue 3 и Vite. Настраивает пресеты оформления вроде Aura и включает автоимпорт компонентов.
npx skills add kindy/skills --skill primevue -a claude-codeЧто делает primevue
Скилл снабжает ассистента инструкциями по интеграции PrimeVue в проекты на Vue 3 под управлением Vite. Он задаёт правильную регистрацию плагина в main.ts, подсказывает пакеты стилей из @primeuix/themes и показывает примеры разметки для базовых элементов интерфейса вроде DataTable, Dialog или Button.
Для работы без постоянных ручных импортов скилл предлагает связку из unplugin-vue-components и резолвера @primevue/auto-import-resolver прямо в vite.config.ts. Это избавляет от лишнего бойлерплейта в коде шаблонов. Инструкция также охватывает встроенные пресеты оформления Aura, Lara и Nora, а ещё unstyled-режим под Tailwind.
Если забыть прописать резолвер в конфиге Vite, компоненты придётся импортировать в каждый файл вручную. Скилл предотвращает такие ошибки при начальной инициализации приложения.
Какие задачи решает
- Подключить библиотеку PrimeVue и пресеты тем в проект на Vue 3
- Настроить автоматический импорт компонентов через vite.config.ts
- Сконфигурировать переключение между темами Aura, Lara или Nora
- Добавить базовые UI-компоненты вроде DataTable без ручного импорта
Примеры запросов агенту
- Настрой PrimeVue в моём Vue 3 проекте на Vite с темой Aura
- Сконфигурируй автоимпорт для компонентов PrimeVue в vite.config.ts
- Добавь в шаблон форму с Button, InputText и таблицей DataTable
Как установить primevue
1Через Skills CLI (Vercel)
npx skills add kindy/skills --skill primevue -a claude-code2Вручную: положить файлы
~/.claude/skills/primevue/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/primevue/
1Через Skills CLI (Vercel)
npx skills add kindy/skills --skill primevue -a codex2Вручную: положить файлы
.agents/skills/primevue/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add kindy/skills --skill primevue -a cursor2Вручную: положить файлы
.cursor/skills/primevue/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install kindy/skills primevue2Вручную: положить файлы
.github/skills/primevue/SKILL.md1Через Skills CLI (Vercel)
npx skills add kindy/skills --skill primevue -a gemini-cli2Командой платформы
gemini skills install https://github.com/kindy/skills --path primevueВручную: положить файлы
.devin/skills/primevue/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add kindy/skills --skill primevue -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о primevue
Как установить primevue в Claude Code?
Выполните команду npx skills add kindy/skills --skill primevue -a claude-code. Конфигурация запишется по пути ~/.claude/skills/primevue/SKILL.md.
Для чего нужен скилл primevue?
Он обучает агента правильной настройке PrimeVue для связки Vue 3 и Vite. Модель сразу подставляет рабочие примеры регистрации плагина и конфигурации сборщика.
Какие темы оформления поддерживает эта конфигурация?
Конфигурация включает пресеты Aura, Lara и Nora из пакета @primeuix/themes. Дополнительно описан unstyled-режим для работы со стилями вроде Tailwind CSS.
