К основному содержанию
скилл CX Codex

hyva-child-theme — скилл для Claude Code: создание темы

Создаёт дочернюю тему Hyvä в проекте Magento 2, готовит структуру и сборку Tailwind CSS. Пригодится для старта кастомной темы.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add hyva-themes/hyva-ai-tools --skill hyva-child-theme -a claude-code
Открыть на GitHub

Что делает hyva-child-theme

Скилл собирает дочернюю тему Hyvä в проекте Magento 2. Он запрашивает namespace вендора и имя темы, находит доступную родительскую тему через hyva-theme-list, затем создаёт каталог с registration.php, theme.xml, composer.json и web/tailwind.

При копировании Tailwind исключается node_modules, а hyva.config.json получает пути родительской темы для сканирования классов. Скилл использует hyva-compile-tailwind-css для установки зависимостей и сборки CSS, а hyva-exec-shell-cmd помогает запускать команды вроде bin/magento в окружении проекта.

Для работы нужны связанные скиллы hyva-exec-shell-cmd, hyva-theme-list и hyva-compile-tailwind-css. Без установленной Hyvä темы выбрать родителя и скопировать её Tailwind-структуру не получится.

Какие задачи решает

  • создать дочернюю тему Hyvä в Magento 2
  • сформировать файлы регистрации и конфигурации темы
  • подобрать родительскую Hyvä тему
  • скопировать Tailwind-структуру без node_modules
  • собрать CSS и зарегистрировать тему в Magento

Примеры запросов агенту

  • Создай дочернюю тему Hyvä для вендора Acme с именем StoreTheme.
  • Найди доступные родительские темы и создай новую тему на основе выбранной.
  • Подготовь web/tailwind, собери CSS и выполни bin/magento setup:upgrade.

Как установить hyva-child-theme

1Через Skills CLI (Vercel)

npx skills add hyva-themes/hyva-ai-tools --skill hyva-child-theme -a claude-code

2Вручную: положить файлы

~/.claude/skills/hyva-child-theme/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/hyva-child-theme/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о hyva-child-theme

Как установить hyva-child-theme в Claude Code?

Выполните npx skills add hyva-themes/hyva-ai-tools --skill hyva-child-theme -a claude-code, затем проверьте файл ~/.claude/skills/hyva-child-theme/SKILL.md.

Что делает hyva-child-theme?

Скилл создаёт дочернюю тему Hyvä для Magento 2: готовит структуру каталогов, конфигурационные файлы и сборку Tailwind CSS.

Какие скиллы нужны для работы hyva-child-theme?

Нужны hyva-exec-shell-cmd, hyva-theme-list и hyva-compile-tailwind-css. Они отвечают за выполнение команд, поиск тем и сборку CSS.

Похожие скиллы

Всё по теме «Фронтенд и UI» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. CX Codex +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок

Из того же набора12

hyva-playwright-test Помогает писать e2e-тесты Playwright под витрины Hyvä на Magento с Alpine.js. Решает частые сбои строгого режима локаторов из-за скрытых в DOM элементов. CX Codex +1 1 300установок hyva-ui-component Скилл переносит шаблонные UI-компоненты Hyvä в выбранную тему. Он помогает выбрать компонент, вариант, зависимости и файлы для копирования. CX Codex +1 1 300установок hyva-render-media-image Генерирует код адаптивных <picture> для шаблонов Hyvä Theme через view model Media. Пригодится, когда нужны разные изображения под мобильные и десктоп. CX Codex +1 1 300установок hyva-compile-tailwind-css Автоматизирует сборку Tailwind CSS для тем Hyvä в Magento 2. Запускает продакшен-билд или режим отслеживания изменений, когда новые стили не отображаются на витрине. CX Codex +1 1 300установок hyva-alpine-component Помогает писать компоненты Alpine.js для тем Hyvä в Magento 2 так, чтобы они работали при строгой политике Content Security Policy. CX Codex +1 1 300установок hyva-exec-shell-cmd Скилл находит стек разработки Magento и оборачивает консольные вызовы для контейнеров или локальной системы. CX Codex +1 1 300установок hyva-cms-component Ведёт по шагам создания кастомного компонента Hyvä CMS для Magento 2: модуль, поля, шаблон PHTML и setup:upgrade. CX Codex +1 762установок hyva-cms-custom-field Помогает создавать нестандартные типы полей и обработчики модальных окон для компонентов Hyvä CMS в Magento. Пригодится при настройке редактора контента. CX Codex +1 752установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой