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