源自 GitHubShopify结账界面定制开发
专门用于指导和编写Shopify结账页面扩展（Checkout UI Extensions）。根据你的业务需求，指定展示靶点（如支付按钮上方、感谢页等），使用Shopify沙箱原生UI组件与Preact编写代码，并通过购物车API与元字段读取上下文，安全实现免运费提示、加购促销或地址校验。需要具备基础的TypeScript开发和Shopify应用开发背景。
常见场景
它能帮你做什么？
01
凑单免运费横幅：实时监听购物车商品总数，在结账页面动态提示用户再购几件即可享受包邮。
02
支付前加购促销：在支付动作按钮上方渲染推荐配件或加购商品，提升客单价转化率。
03
感谢页专属优惠展示：在订单完成感谢页读取买家元字段，展示专属复购折扣码或调查问卷。
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“帮我在Shopify结账页面支付按钮前写一个满赠提示的UI扩展组件”
“编写一个在purchase.thank-you.block.render位置展示复购优惠券的Preact代码”
“如何用useCartLines和Banner组件实现动态凑单包邮提醒”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
