shopify avatar

Shopify Hydrogen

This is your go-to when building Shopify storefronts with Hydrogen. It comes loaded with cookbook recipes for common patterns like B2B commerce, bundles, infinite scroll, subscriptions, and GTM integration. The skill enforces a critical workflow: search the docs first, write your code, then validate it before shipping. It's opinionated about one thing that'll save you headaches: components like Image, Money, and MediaFile are React components from the Hydrogen package, not Storefront API GraphQL types. Mix those up and you'll waste time debugging. The mandatory validation step catches these mistakes before you see them in production. Use this for any Hydrogen question, full stop.

skills.sh installs
9.7K
GitHub stars
635
last updated
Aug 21, 2026

Install

$ npx -y skills add shopify/shopify-ai-toolkit --skill shopify-hydrogen --agent claude-code

Installs into .claude/skills of the current project.

Files

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."

Sponsors

Details

Repository
github.com/shopify/shopify-ai-toolkit
Categories
Backend & APIs, AI & Agent Building, Release Management, Sales & Marketing
First seen
Apr 16, 2026

More from shopify/shopify-ai-toolkit

All 23
1okx avatarokx-dex-tokenokx/onchainos-skillsUse this skill for token-level data: search tokens, trending/hot tokens (热门, 代币榜单), liquidity pools, holder distribution (whale/巨鲸, sniper, bundler-tagged holde9.7Kskills.sh installs
2nomadamas avatarkstartup-searchnomadamas/k-skill공공데이터포털 창업진흥원 K-Startup Open API(15125364)로 통합 공고 사업 정보·지원사업 공고·창업 콘텐츠·통계보고서를 k-skill-proxy 경유로 조회한다. 검색 전용. 돌쇠에서는 공식 표면을 통한 후속 액션까지 진행한다.9.3Kskills.sh installs
3aws avataramazon-bedrockaws/agent-toolkit-for-awsBuilds generative AI applications on Amazon Bedrock. Covers model invocation (Converse API, InvokeModel), RAG with Knowledge Bases, Bedrock Agents, Guardrails, 9Kskills.sh installs
4makenotion avatarnotion-climakenotion/skillsUse the Notion CLI (`ntn`) to interact with the Notion API, manage workers, and upload files. Use when the user asks to "call the Notion API", "deploy a worker"9Kskills.sh installs
5onmax avatarnuxtonmax/nuxt-skillsNuxt application development and maintenance. Use for project structure, pages and routing, data fetching, SSR-safe state, middleware, plugins, server routes, r8.8Kskills.sh installs
6emblemcompany avataremblem-ai-reactemblemcompany/agent-skillsReact integration skill for EmblemAI's one-shot user management. Use when the user wants to add website authentication plus wallet-enabled users to a React app 8.8Kskills.sh installs