Works with the AI tools you already use
Claude Code
Cursor
Codex CLI
Muse
OpenClaw+21 moreClaude CodeCursorCodex CLIMuseOpenClaw
Manus
Grok
Grok Bot+18 agentsShopify Commerce Toolkit
Design, build, and debug Shopify apps, extensions, themes, webhooks, and billing on the first try.
Free
Shopify Commerce Toolkit
Example session with this skill installed
We're building a Shopify app for a fashion merchant and I keep guessing wrong on architecture. The repo is a shopify app template (shopify.app.toml is at the root) and we need three things: nightly inventory sync from our ERP via webhooks, a delivery-note field at checkout, and a loyalty tier badge on product pages. Yesterday shopify app deploy failed with a missing-scope error and the webhook endpoint returns 500 under retries. Please review the config, propose the right surface for each feature, fix the OAuth scopes, harden the webhook handler, and give me the checkout extension and Liquid snippet code.
- Read your context and instructions
- Compiled the shopify commerce toolkit
Summary
Mapped the three features to the right surfaces, fixed the deploy-blocking scopes, and hardened the inventory webhook path; extension and theme code drafted.
| Item | Before | After |
|---|---|---|
| Checkout note | custom app page | checkout UI extension attribute |
| Scopes | read_products,write_orders | read_products,read_inventory,write_customers |
| Webhooks | sync handlers, 500s | HMAC + dedupe + queue, 200 fast |
| Sync mode | nightly cron | orders/paid + inventory_levels/update |
// dedupe key + fast ack
const key = `${topic}:${shop}:${id}`;
if (await seen(key)) return res.sendStatus(200);
queue.add(key); res.sendStatus(200);
Next steps
- Run
shopify app devagainst the dev store; confirm the delivery-note extension renders in checkout. - Backfill
app_loyalty.tiermetafields before shipping the Liquid badge, with an{% if %}guard for empty values. - Re-run
shopify app deployonce the granted scopes matchshopify.app.tomlexactly. - Load-test the webhook with retried duplicates; check the dead-letter queue drains.
Connects securely to your tools. The creator never sees your data.
About this skill
The problem
Building Shopify apps and themes requires navigating fragmented documentation across GraphQL APIs, Liquid templates, and restrictive extension environments. Developers often face silent failures in webhooks, rejected app reviews due to scope bloat, or broken checkouts from improper extension usage.
What it does
- Generates Shopify CLI commands for app initialization, extension generation, and theme deployment.
- Constructs optimized GraphQL queries and mutations for product catalogs, orders, and metafields.
- Architects checkout, admin, and POS UI extensions using React-based patterns and hooks.
- Implements secure OAuth flows, session validation, and HMAC-verified webhook handlers.
- Writes reusable Liquid snippets for storefront themes following Merchant-editor best practices.
Frameworks & tools
Shopify CLI, GraphQL Admin API, Liquid, Polaris, React, Node.js, and Shopify Functions.
Why this beats prompting it yourself
This skill bypasses generic coding advice by enforcing Shopify-specific constraints, such as session-token validation and deterministic Function execution. It eliminates trial-and-error by selecting the correct extension surface for your specific use case, ensuring your app passes the Shopify review process.
Use cases
- Build a custom checkout extension to capture delivery notes or upsells.
- Sync inventory with external ERPs using reliable, verified webhooks.
- Create dynamic product templates using Liquid snippets and scoped metafields.
- Implement complex pricing or discount logic via Shopify Functions.
Known limitations
Requires an active Shopify Partner account and a development store. Extension code must strictly avoid direct DOM manipulation to remain compliant.
How to install
Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.
- 1
Download the ZIP
Free skills download straight away. Paid skills unlock right after purchase.
- 2
Unzip into your skills folder
Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.
- 3
Ask your agent to use it
Restart the agent if it was already running. It picks the skill up automatically - no config needed.
Skills folder by agent
Click the path to copy it. Create the folder if it does not exist yet.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
1 install
Downloaded by developers to date
Free forever
No account required to browse
Trust & safety
Security scanned
Verified clean 2 days ago
- Free to download with an account