shopify-polaris-customer-account-extensions — Codex skill
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.
npx skills add openai/plugins --skill shopify-polaris-customer-account-extensions -a codexWhat shopify-polaris-customer-account-extensions does
This skill supports Shopify Customer Account UI extension work across order index, order status, and profile surfaces. It also covers footer, order actions, and full-page targets. A new extension can be scaffolded with shopify app generate extension --template=customer_account_ui --name=my_customer_account_ui_extension.
The material maps extension targets to available APIs and Polaris web components. It also describes a workflow that searches documentation with scripts/search_docs.mjs and validates generated code with scripts/validate.mjs. Node.js is required for the skill to run.
The usable interfaces include customer account, navigation, localization, storage, session token, and other APIs. Component availability depends on the selected target, so validation should use the same target as the extension configuration.
What it helps with
- scaffold a Shopify customer account extension
- place a block on an order status page
- add an action to an order menu
- build a profile-page customer UI
- select APIs for a specific extension target
Example prompts for the agent
- Create a customer account extension for
customer-account.order-status.block.renderand validate the generated code. - Scaffold a new Customer Account UI Extension with
shopify app generate extension --template=customer_account_ui --name=my_customer_account_ui_extension. - Add a profile block using Polaris web components and configure its target in
shopify.extension.toml.
How to install shopify-polaris-customer-account-extensions
1Skills CLI (Vercel)
npx skills add openai/plugins --skill shopify-polaris-customer-account-extensions -a codex2Manually: put the files in place
.agents/skills/shopify-polaris-customer-account-extensions/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add openai/plugins --skill shopify-polaris-customer-account-extensions -a claude-code2Manually: put the files in place
~/.claude/skills/shopify-polaris-customer-account-extensions/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/shopify-polaris-customer-account-extensions/
Manually: put the files in place
.cursor/skills/shopify-polaris-customer-account-extensions/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install openai/plugins shopify-polaris-customer-account-extensions2Manually: put the files in place
.github/skills/shopify-polaris-customer-account-extensions/SKILL.mdPlatform CLI
gemini skills install https://github.com/openai/plugins --path plugins/shopify/skills/shopify-polaris-customer-account-extensionsManually: put the files in place
.devin/skills/shopify-polaris-customer-account-extensions/SKILL.mdThe legacy .windsurf/skills/ path still works
Claude.ai
Zip the folder and upload it in Settings → Capabilities → 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-customer-account-extensions
How do I install shopify-polaris-customer-account-extensions in Codex?
Run these steps in order: npx skills add openai/plugins --skill shopify-polaris-customer-account-extensions, then npx skills add openai/plugins --skill shopify-polaris-customer-account-extensions -a codex. The skill file will be available at .agents/skills/shopify-polaris-customer-account-extensions/SKILL.md.
What does shopify-polaris-customer-account-extensions do?
It guides Codex through building Shopify Customer Account UI Extensions. It covers targets, APIs, Polaris components, scaffolding, and code validation.
Which Shopify customer account surfaces does it cover?
It covers order index, order status, and profile pages. The target list also includes the account footer, order action menus, and full-page extensions.