shopify-liquid-themes — скилл для Claude Code: Liquid-темы Shopify
Помогает агенту писать файлы .liquid для тем Shopify: секции, блоки, сниппеты со схемой и переводами. Пригодится, когда правишь шаблон и не хочешь вспоминать синтаксис Liquid.
npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a claude-codeЧто делает shopify-liquid-themes
Скилл подсказывает агенту структуру темы Shopify: где лежат sections/, blocks/, snippets/, layout/, templates/, config/, locales/ и assets/. Отдельная таблица объясняет, когда нужна секция, когда блок, а когда сниппет. Ещё внутри есть памятка по синтаксису Liquid и краткие списки фильтров, тегов и объектов. Агент сверяется с ними, вместо того чтобы сочинять теги по памяти.
Есть раздел о {% schema %} с примерами JSON для секции и блока и таблицей выбора типа настройки: переключатель, короткий текст, слайдер с min, max и default. Это заметно снижает шанс получить схему, которую редактор темы потом не примет.
Скилл опирается на справочные файлы в своей папке, часть из них с подробностями по фильтрам и объектам. Ставится одной командой через npx skills add. Подойдёт тем, кто держит тему Shopify в git и просит агента дописывать секции, а не собирать их вручную.
Какие задачи решает
- дописать секцию с корректным JSON в
{% schema %} - выбрать между секцией, блоком и сниппетом для нового куска вёрстки
- вспомнить, какой фильтр или тег Liquid здесь уместен
- связать настройки секции с ключами переводов
- разложить файлы темы по папкам без путаницы
Примеры запросов агенту
- Сделай секцию
heroс заголовком, картинкой и кнопкой, схему вынеси в{% schema %} - Добавь в секцию блок слайда: текст, ссылка и фоновое изображение
- Перепиши этот сниппет через
{% render %}и передай в него параметры
Как установить shopify-liquid-themes
1Через Skills CLI (Vercel)
npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a claude-code2Вручную: положить файлы
~/.claude/skills/shopify-liquid-themes/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/shopify-liquid-themes/
1Через Skills CLI (Vercel)
npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a codex2Вручную: положить файлы
.agents/skills/shopify-liquid-themes/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a cursor2Вручную: положить файлы
.cursor/skills/shopify-liquid-themes/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install benjaminsehl/liquid-skills shopify-liquid-themes2Вручную: положить файлы
.github/skills/shopify-liquid-themes/SKILL.md1Через Skills CLI (Vercel)
npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a gemini-cli2Командой платформы
gemini skills install https://github.com/benjaminsehl/liquid-skills --path skills/shopify-liquid-themesВручную: положить файлы
.devin/skills/shopify-liquid-themes/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о shopify-liquid-themes
Как установить shopify-liquid-themes в Claude Code?
Выполни npx skills add benjaminsehl/liquid-skills --skill shopify-liquid-themes -a claude-code, после чего файл скилла окажется по пути ~/.claude/skills/shopify-liquid-themes/SKILL.md.
Что делает shopify-liquid-themes?
Даёт агенту справочник по теме Shopify: структура папок, синтаксис Liquid, схема секций и блоков, фильтры, теги и объекты. Он сверяется с ним, когда создаёт или правит .liquid.
Нужен ли доступ к магазину Shopify?
Скилл работает с файлами темы на диске. Он объясняет, как устроен код, и не подключается к админке магазина.
