Shopify Hydrogen 店面开发

原名：shopify-hydrogen

使用 Hydrogen 构建和优化定制化 Shopify 店面。

中文 Skills 技能说明

适合需要 React 服务端渲染、购物车和市场能力的店面；先确认项目版本、部署环境和真实 API，再实现并验证性能。开源开发资料可以本地使用；Shopify 店铺、Partner、App Store、支付或托管能力需由用户确认中国大陆可用性、主体资质、账户、套餐、费用、消费者保护和数据跨境要求。执行前读取真实项目、当前版本和官方资料，输出目标、依据、影响、验证结果与回退方式；没有证据时明确说明未知，不编造数据、配置或成功状态。创建、修改、部署、发布、提交审核、迁移、删除、发送或产生费用的操作，必须先展示目标和差异并获得有权限人员确认。代码、schema、日志、令牌、客户、订单、支付、音视频和企业资料按敏感内容处理，只读取任务所需范围，上传或外发前完成授权、脱敏和最小化。

上游能力依据

上游原始适用说明：Hydrogen storefront implementation cookbooks. Some of the available recipes are: B2B Commerce, Bundles, Combined Listings, Custom Cart Method, Dynamic Content with Metaobjects, Express Server, Google Tag Manager Integration, Infinite Scroll, Legacy Customer Account Flow, Markets, Partytown + Google Tag Manager, Subscriptions, Third-party API Queries and Caching. MANDATORY: Use this API for ANY Hydrogen storefront question - do NOT use Storefront GraphQL when 'Hydrogen' is mentioned.

上游 SKILL.md 主要章节（保留原文标题）：

Required Tool Calls (do not skip)
Hydrogen Cookbook - Ready-to-Use Recipes
🚨 CRITICAL ERROR PREVENTION 🚨
MANDATORY REQUIREMENTS
REMEMBER
Hydrogen Component Types
⚠️ MANDATORY: Search Before Writing Code
⚠️ MANDATORY: Validate Before Returning Code
⚠️ MANDATORY: Report Toolkit Feedback Before Your Final Response

使用边界

先读取项目约定、依赖版本和现有测试，再提出最小改动。写文件、运行脚本、提交代码或发布前应检查差异并保留回退路径。

作者、翻译与许可证

原作者: Shopify Inc. 与 shopify-ai-toolkit contributors
中文翻译: CEOFans翻译
许可证: MIT
上游来源: https://github.com/Shopify/shopify-ai-toolkit/tree/2619755e4f4e908fb205e889bac769de1767d40f/skills/shopify-hydrogen

适用范围

平台：linux、macos、windows；标签：软件开发、Shopify Hydrogen 店面开发

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。