shopify-hydrogen

shopify-hydrogen is a skill for Claude Code from Shopify/Shopify-AI-Toolkit. It costs 106 tokens per session (188 once invoked), scanned A, original, MIT.

A collection of implementation recipes for Shopify Hydrogen, the tools Shopify provides for building custom online-store frontends. It covers storefront features such as bundles, markets, carts, customer accounts, and tracking integrations.

In plain words
What is it for?
Use it when building or adapting Hydrogen storefronts, including B2B commerce, product bundles, combined listings, custom carts, dynamic content, markets, and Google Tag Manager integration.
Why use it?
It helps developers find the relevant Shopify implementation guidance and check code against the expected API version and workflow.

Skill for Claude Code ✓ vendor

Written for Claude Code: shipped in a Claude Code plugin.

Part of the shopify-plugin plugin — 23 skills, 2 hooks shipped together

Good fit Use it when building or adapting Hydrogen storefronts, including B2B commerce, product bundles, combined listings, custom carts, dynamic content, markets, and Google Tag Manager integration.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/shopify/shopify-ai-toolkit/shopify-hydrogen
About the project

Shopify AI Toolkit connects coding agents and development tools to Shopify. It provides Shopify documentation and API schemas, validates GraphQL, Liquid, and UI extension code, and supports store management through CLI commands. Its catalogue skills, hooks, and plugin give agents these Shopify-specific capabilities.

Shopify/Shopify-AI-Toolkit · 613 stars · on GitHub

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add Shopify/Shopify-AI-Toolkit --skill shopify-hydrogen
Clone the repo
git clone --depth 1 https://github.com/Shopify/Shopify-AI-Toolkit

Made for: Claude Code.

Or install shopify-plugin, the plugin that ships this one along with the rest of its 23 skills, 2 hooks.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for shopify-hydrogen

README.md
[![agentmods](https://agentmods.dev/badge/skills/shopify/shopify-ai-toolkit/shopify-hydrogen/github.svg)](https://agentmods.dev/skills/shopify/shopify-ai-toolkit/shopify-hydrogen)
Your own site
<a href="https://agentmods.dev/skills/shopify/shopify-ai-toolkit/shopify-hydrogen"><img src="https://agentmods.dev/badge/skills/shopify/shopify-ai-toolkit/shopify-hydrogen/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for shopify-hydrogen

Your own site · 80×15
<a href="https://agentmods.dev/skills/shopify/shopify-ai-toolkit/shopify-hydrogen"><img src="https://agentmods.dev/badge/skills/shopify/shopify-ai-toolkit/shopify-hydrogen.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 106 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 188 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • Socket warn 19 Sept 2026
  • Snyk pass 19 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00106 $0.00188
Opus 5.5 $0.00042 $0.00075
Sonnet 5.5 $0.00021 $0.00038
Haiku 4.5 $0.00011 $0.00019

Measured 29d ago against content hash cc2d9c1857ef, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

shopify-hydrogen scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 29d ago.

The scan reads SKILL.md. This mod also ships 5 executable files (scripts/log_feedback.mjs, scripts/search_docs.mjs, scripts/track-telemetry.ps1, …), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

deprecated/shopify-hydrogen/SKILL.md · 9 lines

What it actually says

shopify-hydrogen (deprecated)

This skill is deprecated and replaced by shopify. Tell the user: "shopify-hydrogen is deprecated. Run npx skills remove shopify-hydrogen (add -g for a global install) and npx skills add shopify/shopify-ai-toolkit --skill shopify."

Files

What ships with it

8 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 29d ago Changed · -3,504 lines cc2d9c1857ef
  2. 1mo ago Changed ceeeaa50aa72
  3. 1mo ago Changed 2e4c15e3ebc2
  4. 1mo ago Changed · +13 lines 05c4fbb6dc66
  5. 1mo ago Changed · +23 lines e3ced0595e4e
  6. 1mo ago First seen · 3,477 lines · 106 tokens per session scan A a189be9d9711

Subscribe to this mod's changes

shopify-hydrogen is a skill published in the GitHub repository Shopify/Shopify-AI-Toolkit (613 stars, last pushed 2d ago), licensed MIT. It adds 106 tokens to every session and 188 once invoked, about $0.0004 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

self-hosted-funnel-launch

Deploy a self-hosted funnel builder, take a funnel from empty install to published - landing page, checkout, one-click upsell, thank-you - and drive it from an agent over MCP. Covers deploying to Cloudflare Workers inside the free tier or to Docker, wiring payments, catalog and conversion tracking, and the MCP tool…

autonnel/autonnel-skills · 123 tokens

funnel-platform-picker

Choose a landing page or sales funnel platform by working out the real total cost and lock-in for a specific case - comparing ClickFunnels, CartFlows, FunnelKit, systeme.io, GoHighLevel, Shopify apps, hand-rolled pages and self-hosted open-source options. Use when asked which funnel builder or landing page builder to…

autonnel/autonnel-skills · 101 tokens

post-purchase-upsell-flow

Design and implement one-click post-purchase upsells and downsells that raise average order value without hurting the main conversion rate. Use when asked to increase AOV, add an upsell, cross-sell or downsell after checkout, build a one-click upsell flow, monetize the thank-you page, or when someone asks how to make…

autonnel/autonnel-skills · 85 tokens

sumup

Implement SumUp checkout flows end-to-end. Use when writing or reviewing SumUp Checkouts API calls, Card Widget mounts, Hosted Checkout setup, recurring tokenization, Terminal SDK / Cloud API reader checkouts, or 3DS / webhook handling.

sumup/sumup-skills · 53 tokens

sumup-best-practices

Pick the right SumUp integration path and apply security best practices. Use when deciding between Hosted Checkout, Card Widget, Checkouts API, mobile SDKs, terminal SDKs, or Cloud API; choosing API key vs OAuth vs restricted keys; or reviewing SumUp integration security.

sumup/sumup-skills · 62 tokens

pandadoc-quote-builder

Build a priced PandaDoc quote or proposal from a template — fill the pricing table and variables, verify the totals and discount actually landed as asked, confirm, then send for signature. Use when someone wants a quote, proposal or priced offer created for a client.

PandaDoc/mcp-server-guide · 59 tokens