用途:为 Shopify Hydrogen 店铺开发具体功能提供自包含的逐步实现配方,每个 cookbook 包含代码、文件改动与实现说明。
主要能力(可用 cookbook):bundles.md 展示带徽章与购物车捆绑变体行项目的商品捆绑;combined-listings.md 处理组合列表的工具、筛选、媒体分组与价格区间显示;customer-account-api.md 配置 Customer Account API 及本地开发隧道;hydrogen-react-router.md 提供 Remix v2 到 React Router v7 的导入替换指南;model-viewer.md 用 ModelViewer 组件支持 .glb/.usdz 3D 模型与 AR;performance-best-practices.md 涵盖缓存、流式渲染、延迟数据、第三方脚本与查询优化;variant-media-grouping.md 按变体选项(如颜色)分组商品媒体;weaverse-hydrogen-integration.md 完成 Weaverse 集成,包括组件注册、主题 schema 与数据获取。
使用方式:命令需在本技能自身文件夹内运行,辅助脚本位于同级的 shopify-hydrogen 技能中,即 ../shopify-hydrogen/scripts/。若单独安装本技能,该目录不存在,命令会报 MODULE_NOT_FOUND,需先执行 npx skills add Weaverse/shopify-hydrogen-skills --skill shopify-hydrogen 添加辅助脚本。查询 Shopify 最新配方:node ../shopify-hydrogen/scripts/search_shopify_docs.mjs "hydrogen cookbook <topic>";查询 Weaverse 模式:node ../shopify-hydrogen/scripts/search_weaverse_docs.mjs "<topic>"。references/ 文件可作为离线备用。
适用场景与限制:适合在 Hydrogen 骨架模板上开发上述功能的开发者;配方文件名基于 Hydrogen 骨架模板,需按自身项目结构调整路径。每个 cookbook 包含功能说明、前置检查、逐步实现与故障排查。未提供收费、价格或平台支持等额外信息。