Rôle du skill shopify-hydrogen
Ce skill fait partie du repo officiel shopify/agent-skills, une collection de skills vérifiés pour l'écosystème de développement Shopify. Il est conçu pour étendre les capacités de Claude Code sur la surface Hydrogen, le framework React headless de Shopify, en lui fournissant un contexte précis, des instructions strictes et des outils de validation.
Ce que contient ce skill
Le SKILL.md embarque les définitions TypeScript complètes de @shopify/hydrogen (composants, hooks, utilitaires, types cart, analytics, CSP, pagination, etc.), ainsi qu'un ensemble de règles d'utilisation critiques : ne jamais confondre les composants React Hydrogen (Image, Money, MediaFile…) avec des types GraphQL Storefront, toujours utiliser api:"hydrogen" pour ces composants, et s'appuyer en priorité sur les recettes du Hydrogen Cookbook (B2B Commerce, Bundles, Infinite Scroll, Markets, Subscriptions, Google Tag Manager, etc.).
Le skill inclut également deux scripts d'outillage :
scripts/search_docs.js— recherche dans la documentation shopify.dev les références pertinentes à Hydrogenscripts/validate.js— valide le code généré contre le schéma et la bibliothèque de composants Hydrogen avant de le retourner à l'utilisateur
Comment l'utiliser
Ce skill s'installe via la CLI officielle avec la commande npx skill install shopify-hydrogen. Une fois installé dans Claude Code, il est automatiquement activé pour toute question liée à Hydrogen : implémentation de storefront, gestion du cart, analytics, SEO, pagination, rendu de variantes produit, intégrations tierces, etc. Il est OBLIGATOIRE de l'utiliser pour toute question mentionnant « Hydrogen » — et non le skill shopify-storefront-graphql.
Contexte dans le repo parent
Dans shopify/agent-skills, ce skill est l'un des quinze skills Shopify disponibles, chacun couvrant une surface API distincte. Les skills sont générés en amont et vérifiés via des évaluations promptfoo. Le repo n'accepte pas de contributions externes.