hyva-cms-component — скилл для Claude Code: компоненты Hyvä CMS
Ведёт по шагам создания кастомного компонента Hyvä CMS для Magento 2: модуль, поля, шаблон PHTML и setup:upgrade.
npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-component -a claude-codeЧто делает hyva-cms-component
Скилл проводит через весь цикл: выбираете модуль, задаёте имя компонента, метку, категорию и поля, а на выходе получаете components.json и PHTML-шаблон. Работает и с новым модулем, и с существующим — во втором случае он проверит, что в etc/module.xml есть зависимость Hyva_CmsBase, а в composer.json — hyva-themes/commerce-module-cms, и добавит их, если их нет.
Поля берутся из живого списка: скилл предлагает прогнать bin/magento hyva:cms:list-fields через обёртку hyva-exec-shell-cmd, а к файлу references/field-types.md откатывается, только когда команда недоступна. Иконку он подбирает из набора lucide, отсеивая те, что уже заняты другими компонентами, — для этого сначала дампит текущие компоненты. Есть готовые пресеты полей: Basic Card, Image Card, CTA Block, Text Block, Feature Item, Testimonial, Accordion Item.
children — свойство уровня компонента, а не тип поля внутри content. Если записать его как поле, схема отвалится; для дочерних компонентов есть require_parent: true. Скилл опирается на четыре других: hyva-exec-shell-cmd, hyva-create-module, hyva-cms-components-dump и hyva-render-media-image, так что без них шаги про окружение и иконки не пройдут.
Какие задачи решает
- создать компонент Hyvä CMS в новом модуле Magento 2
- добавить CMS-компонент в уже существующий модуль
- описать поля компонента в
components.jsonбез ошибок схемы - подобрать свободную иконку lucide для компонента
- настроить варианты шаблона и дочерние компоненты
Примеры запросов агенту
- Создай компонент Hyvä CMS
feature_cardс полями для заголовка и картинки - Добавь новый CMS-компонент в модуль
Acme_CmsComponents - Сделай кастомный элемент Hyvä CMS с вариантами default и compact
Как установить hyva-cms-component
1Через Skills CLI (Vercel)
npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-component -a claude-code2Вручную: положить файлы
~/.claude/skills/hyva-cms-component/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/hyva-cms-component/
1Через Skills CLI (Vercel)
npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-component -a codex2Вручную: положить файлы
.agents/skills/hyva-cms-component/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-component -a cursor2Вручную: положить файлы
.cursor/skills/hyva-cms-component/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install hyva-themes/hyva-ai-tools hyva-cms-component2Вручную: положить файлы
.github/skills/hyva-cms-component/SKILL.md1Через Skills CLI (Vercel)
npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-component -a gemini-cli2Командой платформы
gemini skills install https://github.com/hyva-themes/hyva-ai-tools --path skills/hyva-cms-componentВручную: положить файлы
.devin/skills/hyva-cms-component/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-component -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о hyva-cms-component
Как установить hyva-cms-component в Claude Code?
Выполните npx skills add hyva-themes/hyva-ai-tools --skill hyva-cms-component -a claude-code, после чего файл скилла окажется по пути ~/.claude/skills/hyva-cms-component/SKILL.md.
Что делает hyva-cms-component?
Проводит по шагам создания кастомного компонента Hyvä CMS: выбор модуля, описание полей, генерация components.json и PHTML-шаблона, затем bin/magento setup:upgrade.
Какие скиллы нужны для его работы?
Он опирается на hyva-exec-shell-cmd, hyva-create-module, hyva-cms-components-dump и hyva-render-media-image — через них запускаются команды окружения, создаётся модуль и подбираются иконки.
