shopify-hydrogen-skills

In the author's own words, from each skill's SKILL.md.

• cloning-websites-to-weaverse

  Use when recreating a reference website or brand hub in this Hydrogen plus Weaverse repo, especially when deciding whether to reuse sections, add global styles, update theme schema, or resolve conflicts between the live site and project brand guidelines.

  skills/cloning-websites-to-weaverse/SKILL.md on GitHub (opens in a new tab)

• figma-to-weaverse

  Use when recreating a Figma design as Hydrogen + Weaverse pages in this repo — turning a Figma file, frame, or flow into reusable Weaverse sections. Triggers on a figma.com URL, "build this design", "implement this Figma", or "create the storefront from the design". The Figma counterpart of cloning-websites-to-weaverse.

  skills/figma-to-weaverse/SKILL.md on GitHub (opens in a new tab)

• generating-weaverse-project-json

  Use when generating Weaverse project export JSON for import into the Weaverse editor. Triggers on requests to create, build, or produce a Weaverse project JSON file from a site migration, design spec, page layout description, or existing export. Also use when converting section plans into importable project and pages data.

  skills/generating-weaverse-project-json/SKILL.md on GitHub (opens in a new tab)

• hydrogen-analytics-tracking

  End-to-end analytics & conversion tracking on Shopify Hydrogen — GTM, GA4 (browser + Measurement Protocol), Meta Pixel + CAPI, Google Ads, consent mode, CSP, Oxygen full-page cache. Real-world patterns from production deployments.

  skills/hydrogen-analytics-tracking/SKILL.md on GitHub (opens in a new tab)

• hydrogen-cookbooks

  Step-by-step implementation guides for building features in a Shopify Hydrogen storefront — bundles, combined listings, customer accounts, 3D models, performance, variant media, and Weaverse integration.

  skills/hydrogen-cookbooks/SKILL.md on GitHub (opens in a new tab)

• hydrogen-markets-localization

  Implement or review Shopify Hydrogen market localization — use when adding markets, locale routes, translations, hreflang, RTL, or localized cart, account, and checkout behavior in Hydrogen + Weaverse.

  skills/hydrogen-markets-localization/SKILL.md on GitHub (opens in a new tab)

• hydrogen-upgrades

  Step-by-step guides for upgrading Shopify Hydrogen between versions — breaking changes, code diffs, and migration steps for each release.

  skills/hydrogen-upgrades/SKILL.md on GitHub (opens in a new tab)

• setup-weaverse-project

  Set up a new Weaverse Hydrogen storefront locally from a Weaverse theme. Boot a live demo-store preview before asking for any credentials, then make it the merchant's own: install the Hydrogen app, link the store, pull the Storefront credentials, push the repo to GitHub, configure the Weaverse MCP for live page edits, and install the full shopify-hydrogen-skills pack.

  skills/setup-weaverse-project/SKILL.md on GitHub (opens in a new tab)

• shopify-hydrogen

  Core Shopify Hydrogen APIs — createHydrogenContext, cart handler, CartForm, caching strategies, pagination, SEO, variant selection, analytics, and CSP.

  skills/shopify-hydrogen/SKILL.md on GitHub (opens in a new tab)

• theme-update

  Safely update a Weaverse Pilot theme to the latest version — detects current version, fetches release diffs, plans changes category-by-category, preserves customizations, verifies build.

  skills/theme-update/SKILL.md on GitHub (opens in a new tab)

• weaverse-content-api

  Use when reading or updating live Weaverse content programmatically — pulling projects/pages/theme settings, bulk-editing page content, pushing AI-generated copy, deleting pages, or uploading media to Shopify for use in Weaverse. Triggers on requests to update a Weaverse project via API, push content to a live project, run bulk content edits, or upload images/assets to Shopify from automation.

  skills/weaverse-content-api/SKILL.md on GitHub (opens in a new tab)

• weaverse-hydrogen

  Build Shopify Hydrogen storefronts with Weaverse — components, schemas, loaders, theming, data fetching, React Router v7, deployment, and advanced features.

  skills/weaverse-hydrogen/SKILL.md on GitHub (opens in a new tab)

• weaverse-integration

  Integrate Weaverse into an existing Shopify Hydrogen project — analyze codebase, convert existing components to Weaverse sections, set up SDK, configure routes, and preserve coding style. For projects not yet using Weaverse.

  skills/weaverse-integration/SKILL.md on GitHub (opens in a new tab)

No skill matches that filter.

Similar skills

• internet-court-skillby internet-court The trust layer for agent-to-agent commerce — natural-language mandates, ERC-7710 delegated permissions, x402 payments, escrow, and dispute… 6.7k stars · 30 skills
• reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries. 270k stars · 1 skill
• ponytailby DietrichGebert Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote. 164k stars · 6 skills
• agent-skillsby addyosmani Production-grade engineering skills for AI coding agents. 107k stars · 25 skills
• paperclipby paperclipai The open-source app everyone uses to manage agents at work 103k stars · 30 skills
• taste-skillby Leonxlnx Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages 97.3k stars · 13 skills