Create Oxygen Template
Shopify/hydrogen/skills/create-oxygen-template
creativityOfficial
Official Provider SkillView repo
Create, upgrade, or maintain the canonical source for the Oxygen-ready React Router template under templates/react-router. Use for a professional React Router starter with MiniOxygen/Vite dev setup, a Worker server entrypoint, env-driven configuration, Oxygen cache wiring, and no monorepo-only app imports or development plugins.
Files2 files
SKILL.md212 lines
Loading editor…
Install
RecommendedOne command — your agent picks it up automatically.
Select an AI agent above to see the install command.
or
Manual Install
More stepsDownload the archive and add the files to your project manually.
Skill details
Versionv1.0.0
AuthorShopify
Categorycreativity
Skill IDShopify/hydrogen/skills/create-oxygen-template
Files2 files
Related skills
Benchmark CanaryVerify that OpenCode can discover and load benchmark workspace skills.Error ReportingError handling and logging policy for @shopify/hydrogen: when to throw, when to log through the logging contract, when to expose reactive state, and how tests assert failures. Always use when developing or reviewing runtime logic for the @shopify/hydrogen library.Hydrogen AnalyticsGuide for adding or reviewing Hydrogen storefront analytics. Use when working with ShopifyScripts analytics, AnalyticsEvent, consent mode, page/product/ collection/search/cart view events, cart update tracking, custom analytics destinations, or framework route-change analytics wiring.Hydrogen BranchesBranch map for the Shopify/hydrogen repo: where the new version of Hydrogen (informally "Hydrogen 3") vs classic Hydrogen (informally "Hydrogen 2") live, the June–October 2026 divergence between them, and which branch to target or rebase onto. Use when picking a base branch, rebasing or retargeting a PR, porting changes between new vs classic Hydrogen, or deciding what happened to the preview branch.Hydrogen Cart DrawerGuide for building an accessible cart drawer using @shopify/hydrogen. Use when creating or reviewing a cart drawer, mini cart, or slide-out cart, including native dialog element (showModal), closedby light dismiss, body scroll lock, exit animations, and wiring window.Shopify.actions.openCart().Hydrogen Cart MetafieldsBehavioral guide for reading and writing cart metafields with @shopify/hydrogen. Use when adding, modifying, or reviewing cart metafield reads or writes, an app-owned cart metafield route, cart-to-order metafield copying, or custom cart data such as delivery instructions or gift preferences. Framework agnostic.