# shopify-polaris-checkout-extensions

Помогает писать код UI-расширений Shopify для checkout: поиск по документации, валидация и скаффолдинг через Shopify CLI.

- скилл · `type=skill` · Codex, ChatGPT · ★ 7596
- Автор: Shopify · официальный репозиторий OpenAI
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/openai/plugins/tree/HEAD/plugins/shopify/skills/shopify-polaris-checkout-extensions/SKILL.md
- Обновлён: 2026-10-08
- HTML: https://affpapa.org/nevibecode/skills/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. При провале валидации агент ищет ошибку, правит и повторяет — до трёх попыток.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add openai/plugins --skill shopify-polaris-checkout-extensions -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/shopify-polaris-checkout-extensions/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Claude Code

1. **Через Skills CLI (Vercel)**
```bash
npx skills add openai/plugins --skill shopify-polaris-checkout-extensions -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/shopify-polaris-checkout-extensions/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/shopify-polaris-checkout-extensions/

### Cursor

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install openai/plugins shopify-polaris-checkout-extensions
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/shopify-polaris-checkout-extensions/SKILL.md`

### Gemini CLI

**Командой платформы**
```bash
gemini skills install https://github.com/openai/plugins --path plugins/shopify/skills/shopify-polaris-checkout-extensions
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/shopify-polaris-checkout-extensions/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/openai/plugins/tree/HEAD/plugins/shopify/skills/shopify-polaris-checkout-extensions/SKILL.md

## Когда брать
- собрать расширение для блока на странице оформления заказа
- подобрать целевую точку под нужный участок checkout
- проверить код расширения до возврата разработчику
- создать каркас checkout-расширения через Shopify CLI
- найти компонент Polaris под конкретный target

## Примеры запросов агенту
- Напиши расширение для `purchase.checkout.block.render`, которое показывает срок доставки
- Сделай checkout UI extension с чекбоксом согласия на маркетинг в футере
- Сгенерируй каркас checkout-расширения и провалидируй код

## Похожие
- [shopify-polaris-admin-extensions](https://affpapa.org/nevibecode/skills/shopify-shopify-polaris-admin-extensions.md) — скилл · 9700 установок
- [shopify-checkout-customization](https://affpapa.org/nevibecode/skills/shopify-checkout-customization.md) — скилл · 1000 установок
- [ecommerce-checkout-optimization](https://affpapa.org/nevibecode/skills/ecommerce-checkout-optimization.md) — скилл · 1200 установок
- [shopify](https://affpapa.org/nevibecode/skills/mrgoonie-shopify.md) — скилл · 450 установок
- [shopify-apps](https://affpapa.org/nevibecode/skills/sickn33-shopify-apps.md) — скилл · 1000 установок
- [shopify-onboarding-merchant](https://affpapa.org/nevibecode/skills/shopify-shopify-onboarding-merchant.md) — скилл · 8100 установок

## Другие версии с тем же именем
- [shopify-polaris-checkout-extensions · shopify](https://affpapa.org/nevibecode/skills/shopify-shopify-polaris-checkout-extensions.md) — 9600 установок

Из того же набора: [openai/plugins](https://affpapa.org/nevibecode/by/openai/plugins.md) — 304 карточки

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