# Shopify Expert

Пишет код тем на Liquid, настраивает блоки Online Store 2.0 и проектирует приложения на Remix. Пригодится при вёрстке витрин и работе с Shopify GraphQL API.

- субагент · `type=agent` · GitHub Copilot · ★ 40451
- Автор: github · официальный репозиторий GitHub
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/github/awesome-copilot/tree/HEAD/agents/shopify-expert.agent.md
- Обновлён: 2026-10-23
- HTML: https://affpapa.org/nevibecode/agents/shopify-expert

## Что делает

Субагент специализируется на кодовой базе Shopify. Он помогает собирать темы Online Store 2.0 с динамическими секциями, блоками и JSON-шаблонами, генерируя разметку Liquid с фильтрами и параметрами schema. При работе с темами агент опирается на Shopify CLI 3.x и запускает локальный просмотр командой `shopify theme dev`.

Для серверной части и приложений субагент предлагает связку из Remix, компонентов Polaris и Shopify App Bridge. При составлении запросов к Admin API он отдаёт предпочтение GraphQL с пагинацией на курсорах, а также учитывает лимиты: 2 запроса в секунду для REST и систему стоимости запросов для GraphQL.

Конфигурация агента рассчитана на модель GPT-4.1 и терминальные инструменты. Проверить код витрины локально без установленного в системе Shopify CLI 3.x не получится.

## Установка

### GitHub Copilot (родная платформа)

**Вручную: положить файлы**
- Файл: `.github/agents/shopify-expert.agent.md`

### Claude Code

**Вручную: положить файлы**
- Файл: `.claude/agents/shopify-expert.md` — Для всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию. Поле tools у Copilot перечисляет инструменты по-своему — уберите его или перепишите под Claude Code

### Codex

**Вручную: положить файлы**
- Файл: `.codex/agents/shopify-expert.toml` — Codex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/

### Cursor

**Вручную: положить файлы**
- Файл: `.cursor/agents/shopify-expert.md` — Cursor понимает и .claude/agents/

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/github/awesome-copilot/tree/HEAD/agents/shopify-expert.agent.md

## Когда брать
- создать секции и блоки темы Online Store 2.0
- оптимизировать рендеринг Liquid и загрузку картинок
- построить запросы к GraphQL Admin API с пагинацией
- развернуть каркас приложения на Remix через Shopify CLI

## Примеры запросов агенту
- Сделай секцию отзывов для темы Dawn с настройками блоков в schema
- Напиши GraphQL-запрос к Admin API для выборки первых 50 товаров с курсором
- Создай сниппет карточки товара на Liquid с тегом {% render %}

## Похожие
- [frontend-developer](https://affpapa.org/nevibecode/agents/voltagent-community-frontend-developer.md) — субагент · 40905 установок
- [ui-ux-designer](https://affpapa.org/nevibecode/agents/ui-ux-designer.md) — субагент · 27069 установок
- [fullstack-developer](https://affpapa.org/nevibecode/agents/fullstack-developer.md) — субагент · 18117 установок
- [javascript-pro](https://affpapa.org/nevibecode/agents/javascript-pro.md) — субагент · 4974 установки
- [ui-designer](https://affpapa.org/nevibecode/agents/voltagent-community-ui-designer.md) — субагент · 1979 установок
- [ui-designer](https://affpapa.org/nevibecode/agents/ui-designer.md) — субагент · 1979 установок

Из того же набора: [github/awesome-copilot](https://affpapa.org/nevibecode/by/github/awesome-copilot.md) — 949 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

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