hyva-cms-custom-field — скилл для Claude Code: что делает
Помогает создавать нестандартные типы полей и обработчики модальных окон для компонентов Hyvä CMS в Magento. Пригодится при настройке редактора контента.
npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-custom-field -a claude-codeЧто делает hyva-cms-custom-field
Скилл пошагово ведёт разработку элементов ввода для административного интерфейса Hyvä CMS. С его помощью создают базовые поля вроде выбора дат или цвета, а также интерактивные обработчики с интерфейсом на Alpine.js.
Внутри заложены шаблоны разметки PHTML, регистрация классов через etc/adminhtml/di.xml и подключение модалок в liveview_editor.xml. Ассистент настраивает передачу данных через Magewire и генерирует схему для components.json.
Инструмент строго привязан к экосистеме Hyvä CMS и бесполезен для обычной админки Magento. Для корректной работы проекту требуются модули Hyva_CmsBase и Hyva_CmsLiveviewEditor, а также пакет hyva-themes/commerce-module-cms.
Какие задачи решает
- сгенерировать шаблон кастомного поля для панели Hyvä CMS
- подключить модальное окно выбора сущностей на Alpine.js
- зарегистрировать новый тип ввода в
etc/adminhtml/di.xml - сконфигурировать разметку элемента в файле
components.json
Примеры запросов агенту
- Создай кастомное поле выбора диапазона дат для компонента баннера в Hyvä CMS
- Нужен модальный селектор товаров для Hyvä CMS с поиском и Alpine.js
- Добавь поле выбора цвета с палитрой в конфигурацию компонента Hyvä
Как установить hyva-cms-custom-field
1Через Skills CLI (Vercel)
npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-custom-field -a claude-code2Вручную: положить файлы
~/.claude/skills/hyva-cms-custom-field/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/hyva-cms-custom-field/
1Через Skills CLI (Vercel)
npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-custom-field -a codex2Вручную: положить файлы
.agents/skills/hyva-cms-custom-field/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-custom-field -a cursor2Вручную: положить файлы
.cursor/skills/hyva-cms-custom-field/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install hyva-themes/hyva-ai-tools hyva-cms-custom-field2Вручную: положить файлы
.github/skills/hyva-cms-custom-field/SKILL.md1Через Skills CLI (Vercel)
npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-custom-field -a gemini-cli2Командой платформы
gemini skills install https://github.com/hyva-themes/hyva-ai-tools --path skills/hyva-cms-custom-fieldВручную: положить файлы
.devin/skills/hyva-cms-custom-field/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-custom-field -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора5
Похожие
Рядом в теме «Фронтенд и UI»
Всё по теме «Фронтенд и UI» →Вопросы о hyva-cms-custom-field
Как установить hyva-cms-custom-field в Claude Code?
Запустите в терминале команду npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-custom-field -a claude-code. Конфигурация запишется в файл ~/.claude/skills/hyva-cms-custom-field/SKILL.md.
Что делает hyva-cms-custom-field?
Он пошагово направляет ИИ при генерации новых элементов ввода и модальных обработчиков для редактора Hyvä CMS, создавая PHTML-шаблоны и XML-конфигурации.
Какие зависимости нужны для работы этого скилла?
Нужны установленные модули Hyva_CmsBase и Hyva_CmsLiveviewEditor, пакет hyva-themes/commerce-module-cms, а также вспомогательные скиллы hyva-create-module и hyva-exec-shell-cmd.
