К основному содержанию
affpapa.org
RU EN
скилл CX Codex GP ChatGPT официальный · OpenAI

shopify-polaris-app-home — скилл для Codex: что делает и установка

Генерирует интерфейсы приложений для панели управления Shopify на веб-компонентах Polaris. Помогает собирать экраны настроек и списки ресурсов с автоматической валидацией кода.

Установить в Codex · Через Skills CLI (Vercel) Все способы и платформы ↓ 
npx skills add openai/plugins --skill shopify-polaris-app-home -a codex
Открыть на GitHub

Что делает shopify-polaris-app-home

Скилл настраивает ассистента на сборку встроенных страниц панели Shopify. Когда в запросе фигурирует Polaris, агент по умолчанию выбирает разметку для App Home. Модель генерирует веб-компоненты библиотеки вроде s-page или s-table, а также применяет хук useAppBridge и готовые шаблоны для дашбордов.

Генерация идёт по строгому алгоритму через утилиту bash. Сначала запускается scripts/search_docs.mjs для поиска документации по нужным компонентам. После составления разметки агент обязан прогнать код через scripts/validate.mjs с указанием модели, идентификатора артефакта и версии. Если валидатор находит ошибки, даётся до трёх попыток на их устранение.

Для работы обязателен Node.js. Без прав на выполнение команд в bash агент не сможет пройти шаг валидации и вернуть готовый код.

Какие задачи решает

  • Собрать главную страницу приложения Shopify на веб-компонентах Polaris
  • Добавить экран настроек с полями дат, переключателями и загрузкой файлов
  • Оформить карточки метрик и списки ресурсов в едином стиле админки
  • Проверить корректность параметров компонентов через валидатор до вставки в проект

Примеры запросов агенту

  • Собери форму настроек приложения с полями для почты, переключателем и кнопкой сохранения через Polaris.
  • Создай страницу списка заказов с таблицей s-table, строкой поиска s-search-field и фильтрами.
  • Сделай карточку метрик с модальным окном подтверждения действия.

Как установить shopify-polaris-app-home

1Через Skills CLI (Vercel)

npx skills add openai/plugins --skill shopify-polaris-app-home -a codex

2Вручную: положить файлы

.agents/skills/shopify-polaris-app-home/SKILL.md

Для всех проектов — ~/.agents/skills/

По шагам, с командами для каждой платформы: Скиллы Codex: как установить, где лежат и как вызвать

Вопросы о shopify-polaris-app-home

Как установить shopify-polaris-app-home в Codex?

Выполните в терминале команду npx skills add openai/plugins --skill shopify-polaris-app-home.

Что делает скилл shopify-polaris-app-home?

Он направляет агента на написание разметки для встроенных интерфейсов Shopify. Перед отправкой ответа инструмент сверяется со справочниками и тестирует сгенерированный код валидатором.

Какие системные требования нужны для работы?

Требуется установленный Node.js и доступ агента к вызовам bash. Без запуска скриптов search_docs.mjs и validate.mjs агент не отдаёт результат.

Похожие скиллы

Все скиллы по теме «Фронтенд и UI» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. CX Codex +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок

Из того же набора528

Весь набор →
twilio-account-setup Проведёт от регистрации в Twilio до первого отправленного сообщения: креды, номер, SDK, сабаккаунты. CX Codex GP ChatGPT 1установок shopify-use-shopify-cli Скилл для агента, который подсказывает команды Shopify CLI и помогает запускать их прямо сейчас: валидация конфигов, store-операции, разбор ошибок. CX Codex GP ChatGPT 1установок shopify-storefront-graphql Пишет GraphQL-запросы и мутации к Storefront API Shopify, но сначала ищет их в документации и проверяет валидатором. CX Codex GP ChatGPT 1установок shopify-polaris-customer-account-extensions Скилл помогает создавать расширения аккаунта покупателя Shopify для страниц заказов и профиля. Пригодится для генерации UI-кода и настройки точек встраивания. CX Codex GP ChatGPT 1установок shopify-onboarding-merchant Скилл проводит владельца магазина через установку Shopify CLI, создание магазина и подключение существующего. Пригодится для первого запуска Shopify. CX Codex GP ChatGPT 1установок shopify-onboarding-dev Проводит разработчика от нуля до рабочего окружения Shopify: ставит CLI, подключает AI toolkit и спрашивает, что вы хотите собрать. CX Codex GP ChatGPT 1установок shopify-functions Скилл для Codex и ChatGPT, который помогает писать бэкенд-логику Shopify Functions: от скидок до валидации корзины. Перед выдачей кода он ищет примеры в документации и прогоняет проверку. CX Codex GP ChatGPT 1установок shopify-custom-data Скилл для Codex и ChatGPT, который ведёт агента по работе с Metafields и Metaobjects в приложениях Shopify. CX Codex GP ChatGPT 1установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором