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

shopify-liquid — Codex skill: what it does, how to install

Builds Shopify theme components with Liquid schemas and strict validation. It searches docs and tests markup before sending code to the chat.

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

What shopify-liquid does

This skill guides the agent through constructing Shopify storefront components. Before writing templates, the model runs scripts/search_docs.mjs via bash to verify filter syntax or object schemas. It then builds sections and theme blocks following official directory conventions.

Generated code does not reach the chat right away. The assistant executes scripts/validate.mjs against schemas and retries up to 3 times whenever syntax checks report issues. Output is released only after the validation script succeeds.

Node.js is mandatory for the execution environment. Without Node.js, running validate.mjs fails immediately. The skill also enforces Liquid constraints, such as using {% paginate %} for collections exceeding 50 items and isolating variable scopes inside {% render %} tags.

What it helps with

  • write section files with {% schema %} JSON settings and theme blocks
  • generate Liquid snippets annotated with {% doc %} parameter tags
  • paginate collections when loop counts exceed the 50 item threshold
  • validate generated Liquid templates against schemas prior to saving

Example prompts for the agent

  • Create an announcement bar section with customizable background settings in {% schema %}.
  • Build a reusable product badge snippet with LiquidDoc parameter documentation.
  • Add a customer registration form that handles submission errors via Liquid tags.

How to install shopify-liquid

1Skills CLI (Vercel)

npx skills add openai/plugins --skill shopify-liquid -a codex

2Manually: put the files in place

.agents/skills/shopify-liquid/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-liquid

How to install shopify-liquid in Codex?

Install it by running npx skills add openai/plugins --skill shopify-liquid -a codex. Alternatively, save the skill file directly into .agents/skills/shopify-liquid/SKILL.md.

What does shopify-liquid do?

It generates Shopify theme components such as sections and snippets. The skill automatically queries reference docs and runs validation checks on the code before showing it.

What prerequisites are required?

The environment must have Node.js and a working bash tool. These are required to execute scripts/search_docs.mjs and scripts/validate.mjs.

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 set596

The whole set →
shopify-polaris-checkout-extensions Writes Shopify checkout UI extension code: searches the docs, validates the result and scaffolds new extensions through Shopify CLI. CX Codex GP ChatGPT ★ 7,604repo stars shopify-polaris-admin-extensions A skill that steers Claude through building Shopify admin UI extensions: look up the docs, write Polaris code, then validate it before you get an answer. CX Codex GP ChatGPT ★ 7,604repo stars shopify-payments-apps Writes GraphQL queries and mutations against the Shopify Payments Apps API. Handy when you work on payment sessions, refunds or captures. CX Codex GP ChatGPT ★ 7,604repo stars shopify-partner Generates and validates Shopify Partner API GraphQL operations for apps and theme management. Requires Node.js. CX Codex GP ChatGPT ★ 7,604repo stars shopify-dev Vector search across shopify.dev documentation. Use it when requests cross multiple platform APIs or lack dedicated skills. CX Codex GP ChatGPT ★ 7,604repo stars shopify-customer Helps build GraphQL queries and mutations for Shopify’s Customer Account API. Use it when working with a customer’s orders, addresses, or account data. CX Codex GP ChatGPT ★ 7,604repo stars shopify-app-store-review Audits your Shopify app codebase against App Store requirements prior to submission. Highlights compliance failures and ambiguous code patterns. CX Codex GP ChatGPT ★ 7,604repo stars three-statement-model-builder Builds an integrated Excel operating model for a public company, linking its income statement, balance sheet, and cash flow statement. Use it for a new forecast or a model refresh. CX Codex GP ChatGPT ★ 7,604repo stars

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