Локальна skill
Вбудований файл skill, який OpenCode і Claude Code самі знаходять у будь-якому робочому просторі з компонентами Volt UI.
Що це
npx @voltui/agent встановлює skill у теку, яку сканує ваш агент: .claude/skills/volt-ui/ для Claude Code, .agents/skills/volt-ui/ для Codex і OpenCode. Агент завантажує її автоматично й використовує конвенції, селектори та каталог компонентів, коли пише код для вашого проєкту. Першоджерело — .agents/skills/volt-ui/SKILL.md у репозиторії Volt UI.
Встановлення skill
Найшвидший спосіб встановити skill у проєкт — інсталятор агентів Volt UI, який також підключає MCP-сервер. Запустіть його з каталогу проєкту:
npx @voltui/agent claudeЩо охоплює skill
- •
Контекст стека — Angular 21, signals без zone.js, OnPush, standalone, Tailwind v4, ng-primitives, CVA - •
Конвенції назв — ui-*протиvolt-*, селектори елементів проти селекторів атрибутів - •
Каталог компонентів — стабільні та бета-компоненти з селекторами й ключовими входами - •
Правила накладок — тригери-директиви на атрибутах + <ng-template>для dialog, drawer, popover, tooltip і dropdown-menu - •
Reactive Forms — які компоненти є CVA і як підключити FormControl - •
Система тем — provideVoltTheme, кольори, стилі та темний режим
Приклад правила зі skill
// Overlays are template-based
<button [uiDialog]="dialogTpl">Open</button>
<ng-template #dialogTpl let-close="close">
<div uiDialogOverlay></div>
<div uiDialogContent>...</div>
</ng-template>
<ui-dialog> , <ui-tooltip> чи інші некоректні селектори елементів.