shopify-apps · davila7 — скилл для Claude Code: что делает и как установить
Скилл задаёт правила разработки приложений Shopify: настройку React Router, интеграцию App Bridge, обработку вебхуков и работу с GraphQL.
npx claude-code-templates@latest --skill web-development/shopify-appsЧто делает shopify-apps
Скилл обучает Claude Code архитектуре сервисов для экосистемы Shopify. В набор входят паттерны развёртывания встроенных панелей через App Bridge, правила безопасной проверки HMAC-подписей у вебхуков и связка интерфейса на Polaris с серверной частью.
Внутри собраны чёткие технические ограничения. Скилл запрещает опрос вместо вебхуков и блокирует использование REST API во всём новом коде, требуя переходить на GraphQL Admin API. Запросы к вебхукам требуют немедленного подтверждения приёма, иначе сервис столкнётся с повторными отправками от Shopify. Также шаблон предписывает заранее реализовывать GDPR-обработчики и контролировать заголовки лимитов запросов.
Какие задачи решает
- настроить встроенное приложение на React Router и App Bridge
- проверить HMAC-подпись входящих вебхуков Shopify
- внедрить обязательные обработчики GDPR для магазина
- перевести запросы данных с устаревшего REST на GraphQL
Примеры запросов агенту
- Настрой проверку HMAC для вебхука обновления заказа в Shopify
- Собери каркас встроенного приложения с React Router и App Bridge
- Покажи, как обрабатывать обязательные вебхуки GDPR для Shopify
Как установить shopify-apps
1Через claude-code-templates
npx claude-code-templates@latest --skill web-development/shopify-apps2Через Skills CLI (Vercel)
npx skills add davila7/claude-code-templates --skill shopify-apps -a claude-code3Вручную: положить файлы
~/.claude/skills/shopify-apps/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/shopify-apps/
Вручную: положить файлы
.agents/skills/shopify-apps/SKILL.mdДля всех проектов — ~/.agents/skills/
Вручную: положить файлы
.cursor/skills/shopify-apps/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install davila7/claude-code-templates shopify-apps2Вручную: положить файлы
.github/skills/shopify-apps/SKILL.mdКомандой платформы
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/web-development/shopify-appsВручную: положить файлы
.devin/skills/shopify-apps/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о shopify-apps
Как установить shopify-apps в Claude Code?
Выполните в терминале команду npx claude-code-templates@latest --skill web-development/shopify-apps. Также можно добавить файл вручную по пути ~/.claude/skills/shopify-apps/SKILL.md.
Для чего нужен скилл shopify-apps?
Он направляет Claude Code при создании приложений Shopify. Агент использует готовые практики для работы с React Router, интерфейсом Polaris, App Bridge и GraphQL Admin API.
Какие антипаттерны отслеживает этот скилл?
Скилл запрещает писать новые интеграции на базе REST API и использовать поллинг вместо вебхуков. Долгая синхронная обработка вебхука до возврата ответа считается ошибкой.
Похожие скиллы
Все скиллы по теме «Фронтенд и UI» →Сначала — shopify-apps от других авторов.
