shopify-polaris-checkout-extensions · openai — скилл для Codex: UI расширений
Помогает писать код UI-расширений Shopify для checkout: поиск по документации, валидация и скаффолдинг через Shopify CLI.
npx skills add openai/plugins --skill shopify-polaris-checkout-extensions -a codexЧто делает shopify-polaris-checkout-extensions
Скилл ведёт агента по работе с UI Framework для checkout-расширений Shopify. Внутри два скрипта: scripts/search_docs.mjs ищет по документации перед написанием кода, а scripts/validate.mjs проверяет готовый код до того, как он уйдёт вам. Агент обязан вызвать оба в каждом ответе, поэтому код приходит уже проверенным.
Новые расширения скилл советует создавать через CLI: shopify app generate extension --template checkout_ui --name my-checkout-ui-extension. Шаблон из CLI совпадает с актуальной версией и реже ломается. Для валидации нужно передать --target с целевой точкой расширения, например purchase.checkout.block.render, иначе проверка не пройдёт.
Валидатор считает HTML-комментарии <!-- ... --> невалидными компонентами, так что в коде их быть не должно. Нужен Node.js. При провале валидации агент ищет ошибку, правит и повторяет — до трёх попыток.
Какие задачи решает
- собрать расширение для блока на странице оформления заказа
- подобрать целевую точку под нужный участок checkout
- проверить код расширения до возврата разработчику
- создать каркас checkout-расширения через Shopify CLI
- найти компонент Polaris под конкретный target
Примеры запросов агенту
- Напиши расширение для
purchase.checkout.block.render, которое показывает срок доставки - Сделай checkout UI extension с чекбоксом согласия на маркетинг в футере
- Сгенерируй каркас checkout-расширения и провалидируй код
Как установить shopify-polaris-checkout-extensions
1Через Skills CLI (Vercel)
npx skills add openai/plugins --skill shopify-polaris-checkout-extensions -a codex2Вручную: положить файлы
.agents/skills/shopify-polaris-checkout-extensions/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add openai/plugins --skill shopify-polaris-checkout-extensions -a claude-code2Вручную: положить файлы
~/.claude/skills/shopify-polaris-checkout-extensions/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/shopify-polaris-checkout-extensions/
Вручную: положить файлы
.cursor/skills/shopify-polaris-checkout-extensions/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install openai/plugins shopify-polaris-checkout-extensions2Вручную: положить файлы
.github/skills/shopify-polaris-checkout-extensions/SKILL.mdКомандой платформы
gemini skills install https://github.com/openai/plugins --path plugins/shopify/skills/shopify-polaris-checkout-extensionsВручную: положить файлы
.devin/skills/shopify-polaris-checkout-extensions/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Скиллы Codex: как установить, где лежат и как вызвать
Вопросы о shopify-polaris-checkout-extensions
Как установить shopify-polaris-checkout-extensions в Claude?
Выполните npx skills add openai/plugins --skill shopify-polaris-checkout-extensions -a codex, затем скилл окажется в .agents/skills/shopify-polaris-checkout-extensions/SKILL.md.
Что делает shopify-polaris-checkout-extensions?
Помогает писать код UI-расширений для checkout Shopify: ищет по документации, проверяет код валидатором и подсказывает целевые точки расширений.
Что нужно для работы скилла?
Node.js и Shopify CLI. Код валидируется с флагом --target, без него проверка не проходит.
Похожие скиллы
Всё по теме «Фронтенд и UI» →Сначала — shopify-polaris-checkout-extensions от других авторов.
