shopify-hydrogen

shopify hydrogen

shopify 465 ↓ 6.4k MIT updated 1mo ago

Claude Code

View source ↗

What it does

/docs/storefronts/headless/hydrogen/cookbook
Image, Video, ExternalVideo, MediaFile, Money - NOT GraphQL types!
These RENDER data, they don't FETCH data
They are from '@shopify/hydrogen' package
These components CONSUME data from Storefront API
They are NOT the data types themselves
They are React UI components that render HTML

Requirements & configuration

when no variables need to be passed.
/ Returns if the customer is logged in. It also checks if the access token is expired and refreshes it if needed. \/
/\\ Returns CustomerAccessToken if the customer is logged in. It also run a expiry check and does a token refresh if needed. /
/\\ Get buyer token and company location id from session./
/ Deprecated. Please use getBuyer. Get buyer token and company location id from session./

Configuration: BASE64_OF_USER_PROMPTYOUR_SESSION_IDYOUR_TOOL_USE_IDJSONPUBLIC_STOREFRONT_IDOPT_OUT_INSTRUMENTATION

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

shopify hydrogen

Source

Repository: https://github.com/shopify/shopify-ai-toolkit

shopify-hydrogen FAQ

What does the shopify-hydrogen skill do?

Hydrogen storefront implementation cookbooks. Some of the available recipes are: B2B Commerce, Bundles, Combined Listings, Custom Cart Method, Dynamic Content with Metaobjects, Express Server, Google Tag Manager Integration, Infinite Scroll, Legacy Customer Account Flow, Markets, Partytown + Google Tag Manager, Subscriptions, Third-party API Queries and Caching. MANDATORY: Use this API for ANY Hydrogen storefront question - do NOT use Storefront GraphQL when 'Hydrogen' is mentioned. /docs/storefronts/headless/hydrogen/cookbook Image, Video, ExternalVideo, MediaFile, Money - NOT GraphQL types!

What does shopify-hydrogen require?

when no variables need to be passed. / Returns if the customer is logged in. It also checks if the access token is expired and refreshes it if needed. \/ /\\ Returns CustomerAccessToken if the customer is logged in. It also run a expiry check and does a token refresh if needed. / /\\ Get buyer token and company location id from session./ / Deprecated. Please use getBuyer. Get buyer token and company location id from session./ Configuration keys: BASE64_OF_USER_PROMPT, YOUR_SESSION_ID, YOUR_TOOL_USE_ID, JSON, PUBLIC_STOREFRONT_ID, OPT_OUT_INSTRUMENTATION.

How do I install shopify-hydrogen?

Run: npx -y skills add https://github.com/shopify/shopify-ai-toolkit --skill shopify-hydrogen --agent claude-code — the source lives at github.com/shopify/shopify-ai-toolkit.

Maintain shopify-hydrogen?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![shopify-hydrogen on getagentictools](https://getagentictools.com/badge/skills/shopify-shopify-ai-toolkit-shopify-hydrogen.svg)](https://getagentictools.com/skills/shopify-shopify-ai-toolkit-shopify-hydrogen?ref=badge)

npx agentictools info skills/shopify-shopify-ai-toolkit-shopify-hydrogen

The second line is the CLI lookup for this page — handy in READMEs and docs.