源自 GitHubShopify无头商城开发
面向需要突破Shopify传统主题限制的定制化建站场景。开发者通过输入店铺API凭据与前端页面需求，基于Hydrogen框架与Remix路由系统，实现商品检索、购物车服务端状态管理及边缘缓存优化，并一键部署至Oxygen边缘托管环境。产出具备极速首屏加载体验的无头电商前端。使用门槛为具备Node.js、React及GraphQL开发基础。
常见场景
它能帮你做什么？
01
自定义商品展示与筛选：编写GraphQL查询与Remix路由，构建具备CDN边缘缓存的商品列表与详情页。
02
服务端购物车交互：基于CartForm组件与Cookie会话机制，实现商品加购、数量更新与结算跳转。
03
边缘部署与CI/CD交付：使用Shopify CLI和GitHub Actions，将定制化商城持续部署至Oxygen平台。
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“使用 Hydrogen 的 CartForm 组件和 Remix Action 实现商品加购与数量更新功能”
“编写商品详情页路由中的 GraphQL 查询，并设置 CacheLong 边缘缓存策略”
“为 Shopify Hydrogen 项目配置部署到 Oxygen 的 GitHub Actions 工作流”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
