Skip to main content
affpapa.org
RU EN
skill CX Codex GP ChatGPT official · OpenAI

shopify-polaris-app-home — Codex skill: what it does, how to install

Builds embedded Shopify admin user interfaces using Polaris web components. It searches component docs and validates code via CLI scripts before returning snippets.

Install into Codex · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add openai/plugins --skill shopify-polaris-app-home -a codex
Open on GitHub

What shopify-polaris-app-home does

This skill guides Codex when building primary embedded interfaces for the Shopify admin. It focuses on modern Polaris web components such as s-page, s-section, s-table, and form controls. Whenever Polaris is mentioned without explicit framework details, the assistant targets this App Home specification.

The workflow enforces automated verification through the bash tool. Codex first searches reference material using scripts/search_docs.mjs, drafts the UI markup, and tests it with scripts/validate.mjs. If checks fail, the assistant inspects the error and retries up to three times.

Node.js is mandatory on the host machine. Without terminal execution permissions, validation scripts fail immediately and the agent will refuse to hand over the generated layout.

What it helps with

  • Scaffold an embedded Shopify admin homepage using Polaris web components
  • Generate settings views with date pickers, switches, and color inputs
  • Assemble metric cards, empty states, and resource tables
  • Validate UI component properties before pasting into your codebase

Example prompts for the agent

  • Build an app settings screen with an email field, toggle switch, and primary save button using Polaris components.
  • Create a resource list layout with s-table, search inputs, and pagination controls.
  • Add an empty state card with an illustration, callout text, and an action modal.

How to install shopify-polaris-app-home

1Skills CLI (Vercel)

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

2Manually: put the files in place

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

For all projects use ~/.agents/skills/

Step by step, with commands for each platform: Codex skills: how to install, where they live, how to call them

Questions about shopify-polaris-app-home

How do I install shopify-polaris-app-home in Codex?

Run npx skills add openai/plugins --skill shopify-polaris-app-home in your terminal.

What does shopify-polaris-app-home do?

It teaches Codex how to write UI layouts for embedded Shopify apps using Polaris web components. Every code block is checked against local validation scripts before being output.

What are the system requirements?

The environment needs Node.js installed and bash execution privileges. The skill relies on bundled .mjs scripts to search documentation and validate component attributes.

Similar skills

All skills for Frontend and UI →
frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. 1,025,790installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. CX Codex +1 678,700installs prototype Matt Pocock Creates throwaway prototypes for checking state logic or exploring UI before committing the decision to the main codebase. 986,201installs hyperframes heygen-com Instructs coding agents on creating, validating, and rendering HTML-based videos using the HyperFrames framework and CLI. CX Codex +1 1,200,000installs hyperframes-cli heygen-com Controls HyperFrames video workflows from the CLI: audits layouts and contrast, edits timeline clips, captures snapshots, and renders locally or in cloud runtimes. CX Codex +1 1,300,000installs webapp-testing official anthropics This skill tests local web apps with Playwright, helping agents debug UI behavior, capture screenshots, and inspect browser logs. 186,758installs

From the same set528

The whole set →
twilio-account-setup Walks you from Twilio signup to your first sent message: credentials, phone number, SDK, subaccounts. CX Codex GP ChatGPT 1installs shopify-use-shopify-cli A skill that steers your agent toward the right Shopify CLI command and helps it run or fix things now: config validation, store operations, setup errors. CX Codex GP ChatGPT 1installs shopify-storefront-graphql Writes GraphQL queries and mutations against the Shopify Storefront API, searching the docs first and validating the code before it reaches you. CX Codex GP ChatGPT 1installs shopify-polaris-customer-account-extensions This skill helps build Shopify customer account UI extensions for order and profile pages. Use it when you need a scaffold, target selection, or Polaris component guidance. CX Codex GP ChatGPT 1installs shopify-onboarding-merchant This skill walks a merchant through Shopify CLI setup, store creation, and connection of an existing store from an AI assistant. CX Codex GP ChatGPT 1installs shopify-onboarding-dev Walks a developer from nothing to a working Shopify setup: installs the CLI, wires up the AI toolkit, then asks what you want to build. CX Codex GP ChatGPT 1installs shopify-functions A Codex and ChatGPT skill for building Shopify Functions backend logic, from discounts to cart validation. It searches the docs first and validates the code before handing it over. CX Codex GP ChatGPT 1installs shopify-custom-data A Claude and Claude skill that walks the agent through Metafields and Metaobjects in Shopify apps. CX Codex GP ChatGPT 1installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor