liquid-skills — плагин для Claude Code: Liquid и Shopify
Плагин обучает Claude Code правилам Shopify Liquid, стандартам CSS/JS/HTML и доступности. Нужен для разработки тем Shopify.
/plugin install liquid-skills@claude-plugins-official
/plugin marketplace add anthropics/claude-plugins-officialЧто делает liquid-skills
liquid-skills добавляет в Claude Code три скилла для тем Shopify. shopify-liquid-themes охватывает схему JSON, LiquidDoc, фильтры, теги, объекты и переводы. liquid-theme-standards задаёт подходы к CSS, JavaScript и HTML, включая BEM, дизайн-токены, Web Components и защитные CSS-приёмы.
liquid-theme-a11y помогает применять паттерны WCAG в компонентах интернет-магазина. Плагин рассчитан именно на разработку Shopify-тем, поэтому его правила привязаны к Liquid и структуре таких тем.
Какие задачи решает
- разобраться со схемой JSON и LiquidDoc
- написать Liquid-шаблон с нужными фильтрами и тегами
- оформить CSS по BEM внутри
{% stylesheet %} - добавить WCAG-паттерны в компонент магазина
Примеры запросов агенту
- Создай секцию Shopify-темы и проверь Liquid-код, схему JSON и LiquidDoc.
- Перепиши стили компонента по BEM, используй дизайн-токены и Web Components.
- Проверь компонент магазина на соответствие паттернам WCAG.
Как установить liquid-skills
Через маркетплейс плагинов
/plugin install liquid-skills@claude-plugins-official/plugin marketplace add anthropics/claude-plugins-officialПо шагам, с командами для каждой платформы: Плагины Claude Code: маркетплейсы, установка и как собрать свой
Вопросы о liquid-skills
Как установить liquid-skills в Claude Code?
Добавьте маркетплейс командой /plugin marketplace add anthropics/claude-plugins-official, затем установите плагин командой /plugin install liquid-skills@claude-plugins-official.
Что делает liquid-skills?
Плагин добавляет Claude Code знания о Shopify Liquid, стандартах CSS/JS/HTML и доступности компонентов тем.
Какие скиллы входят в liquid-skills?
В состав входят shopify-liquid-themes, liquid-theme-standards и liquid-theme-a11y. Они отвечают за Liquid-язык, стандарты фронтенда и WCAG-паттерны для компонентов интернет-магазина.
