详细介绍
概览
Shopify Checkout UI 扩展技能是 Shopify 官方合集 Shopify/agent-skills 中的一条 Agent Skill，面向 Claude Code、Cursor 等编码代理，提供与现行 Shopify API / 文档对齐的开发指引，避免仅依赖过时训练数据。
核心用途：Checkout UI Extensions：在结账路径注入商家可安装的自定义界面。
安装：
npx skills add https://github.com/Shopify/agent-skills --skill shopify-polaris-checkout-extensions
源码：https://github.com/Shopify/agent-skills/tree/main/shopify-polaris-checkout-extensions
主要功能
- 覆盖结账扩展目标与可用 UI 能力
- 适合加购提示、配送说明、信任模块等结账增强
- 强调结账性能与平台扩展规范
- 可与 Functions / Payments 等后端能力配合
- 可按需只安装本技能，不必拉取整个合集。
如何使用
- 使用兼容 Skill 的 Agent，例如 Claude Code、Cursor 或 Codex。
- 在终端安装（需已安装 Node.js）：
npx skills add https://github.com/Shopify/agent-skills --skill shopify-polaris-checkout-extensions
也可把本站详情页的安装提示词发给 Agent，让它代为安装。 3. 重启 / 重载 Agent，使新 Skill 生效。 4. 用 Skill 提供的斜杠命令，或直接让 Agent 按「概览 / 主要功能」中的流程执行。 5. 发布前务必人工复核文案、图片与数据，模型输出仅作草稿。
定价
| 方案 | 计费 | 价格 | 说明 |
|---|---|---|---|
| 开源技能 | — | 免费 | 以 GitHub 仓库许可证为准 |
| Shopify 平台 API | — | 视商家套餐 | API 调用受店铺套餐与权限限制 |
技能本身免费；调用 Shopify API 需有效店铺/合作伙伴凭证。
适合谁
Shopify 应用开发者、主题/店面工程师、支付与零售扩展开发者。要在 Checkout 中增加自定义 UI 或交互时使用。
常见问题
如何安装？
npx skills add https://github.com/Shopify/agent-skills --skill shopify-polaris-checkout-extensions
也可按 Cursor / Claude Code 规范把技能目录放到对应 skills 路径。
和其它 Shopify 技能如何选？
有明确产品面时优先专项技能（如 Admin、Hydrogen、Liquid、Checkout UI）。跨面或不确定时再用 shopify-dev。
会替代官方文档吗？
不会。技能会引导代理检索 shopify.dev 最新文档与示例。
是否需要付费？
技能开源免费；Shopify 店铺套餐、App 审核与 API 限额按 Shopify 官方政策执行。