# liquid-skills

Плагин обучает Claude Code правилам Shopify Liquid, стандартам CSS/JS/HTML и доступности. Нужен для разработки тем Shopify.

- плагин · `type=plugin` · Claude Code · ★ 35
- Автор: Shopify
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/Shopify/liquid-skills/tree/HEAD/plugins/liquid-skills
- Обновлён: 2026-03-18
- HTML: https://affpapa.org/nevibecode/plugins/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 и структуре таких тем.

## Установка

### Claude Code (родная платформа)

**Через маркетплейс плагинов**
В чате агента (не в терминале):
```text
/plugin install liquid-skills@claude-plugins-official
```
В чате агента (не в терминале):
```text
/plugin marketplace add anthropics/claude-plugins-official
```

## Когда брать
- разобраться со схемой JSON и LiquidDoc
- написать Liquid-шаблон с нужными фильтрами и тегами
- оформить CSS по BEM внутри `{% stylesheet %}`
- добавить WCAG-паттерны в компонент магазина

## Примеры запросов агенту
- Создай секцию Shopify-темы и проверь Liquid-код, схему JSON и LiquidDoc.
- Перепиши стили компонента по BEM, используй дизайн-токены и Web Components.
- Проверь компонент магазина на соответствие паттернам WCAG.

## Похожие
- [liquid-theme-a11y](https://affpapa.org/nevibecode/skills/liquid-theme-a11y.md) — скилл · 2800 установок
- [shopify-theme-dev-liquid](https://affpapa.org/nevibecode/rules/shopify-theme-dev-liquid.md) — правило · ★ 41024
- [liquid-theme-standards](https://affpapa.org/nevibecode/skills/liquid-theme-standards.md) — скилл · 2900 установок
- [shopify-theme-development-guidelines](https://affpapa.org/nevibecode/skills/shopify-theme-development-guidelines.md) — скилл · 898 установок
- [editorial](https://affpapa.org/nevibecode/skills/editorial.md) — скилл · 2700 установок
- [accessible-animation](https://affpapa.org/nevibecode/skills/accessible-animation.md) — скилл · 2600 установок

Из того же набора: [shopify/liquid-skills](https://affpapa.org/nevibecode/by/shopify/liquid-skills.md) — 2 карточки

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md