shopify-pos-ui — скилл для Codex: что делает и как установить
Скилл помогает писать интерфейсы для Shopify POS на Preact и разворачивать расширения через консоль. Пригодится при разработке экранов кассы и карточек клиентов.
npx skills add openai/plugins --skill shopify-pos-ui -a codexЧто делает shopify-pos-ui
Скилл настраивает работу агента со средой Shopify POS UI. При создании новых расширений агент использует команды Shopify CLI, выбирая шаблоны pos_action, pos_block или pos_smart_grid. Ручное создание структуры файлов запрещено инструкциями, поэтому проект всегда собирается через утилиту платформы.
Перед отдачей кода запускаются внутренние проверки. Сначала скрипт scripts/search_docs.mjs ищет нужные свойства в документации, затем пишется код на Preact, а после утилита scripts/validate.mjs проверяет результат под конкретный extension target. Если проверка находит ошибки, запускается до трёх повторных циклов исправления.
Без установленного Node.js и настроенного Shopify CLI окружение работать не сможет. Валидатор завершится с ошибкой, если не передать флаг --target с точной точкой монтирования в терминале кассы.
Какие задачи решает
- Создать расширение для экрана деталей клиента через Shopify CLI
- Встроить модальное окно действий в позиции корзины терминала
- Проверить сгенерированный Preact-код валидатором интерфейсов
- Подобрать подходящий extension target под сценарий в магазине
Примеры запросов агенту
- Сгенерируй блок с баллами программы лояльности для экрана клиента в Shopify POS
- Создай расширение типа pos_action для меню отдельной позиции в корзине
- Проверь интерфейс для таргета pos.customer-details.block.render через скрипт валидации
Как установить shopify-pos-ui
1Через Skills CLI (Vercel)
npx skills add openai/plugins --skill shopify-pos-ui -a codex2Вручную: положить файлы
.agents/skills/shopify-pos-ui/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add openai/plugins --skill shopify-pos-ui -a claude-code2Вручную: положить файлы
~/.claude/skills/shopify-pos-ui/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/shopify-pos-ui/
Вручную: положить файлы
.cursor/skills/shopify-pos-ui/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install openai/plugins shopify-pos-ui2Вручную: положить файлы
.github/skills/shopify-pos-ui/SKILL.mdКомандой платформы
gemini skills install https://github.com/openai/plugins --path plugins/shopify/skills/shopify-pos-uiВручную: положить файлы
.devin/skills/shopify-pos-ui/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Скиллы Codex: как установить, где лежат и как вызвать
Вопросы о shopify-pos-ui
Как установить shopify-pos-ui в Codex?
Запустите команду npx skills add openai/plugins --skill shopify-pos-ui -a codex. Утилита скопирует конфигурацию скилла в проект.
Для чего нужен скилл shopify-pos-ui?
Он управляет написанием расширений для кассовых терминалов Shopify на Preact. Ассистент находит нужные API в документации и валидирует код перед выводом.
Что требуется для работы этого скилла?
Для запуска обязателен установленный Node.js и актуальная версия Shopify CLI. Также генератор требует обязательно указывать параметр --target при проверке кода.
