Shopify POS UI 扩展技能

Shopify POS UI 扩展技能

官方 Agent 技能:用 POS UI 组件构建零售收银扩展,界面风格与 POS 一致。

安装命令

npx skills add https://github.com/Shopify/agent-skills --skill shopify-pos-ui
收录时间

详细介绍

概览

Shopify POS UI 扩展技能是 Shopify 官方合集 Shopify/agent-skills 中的一条 Agent Skill,面向 Claude Code、Cursor 等编码代理,提供与现行 Shopify API / 文档对齐的开发指引,避免仅依赖过时训练数据。

核心用途:POS UI Extensions:为 Shopify POS 构建零售端智能网格与扩展界面。

安装:

npx skills add https://github.com/Shopify/agent-skills --skill shopify-pos-ui

源码:https://github.com/Shopify/agent-skills/tree/main/shopify-pos-ui

主要功能

  • 覆盖 POS 智能网格与常见零售交互组件
  • 适合门店收银、导购工具与线下增值功能
  • 引导保持与 POS 一致的体验与扩展规范
  • 提示线下场景权限与设备约束
  • 可按需只安装本技能,不必拉取整个合集。

如何使用

  1. 使用兼容 Skill 的 Agent,例如 Claude Code、Cursor 或 Codex。
  2. 在终端安装(需已安装 Node.js):
npx skills add https://github.com/Shopify/agent-skills --skill shopify-pos-ui

也可把本站详情页的安装提示词发给 Agent,让它代为安装。 3. 重启 / 重载 Agent,使新 Skill 生效。 4. 用 Skill 提供的斜杠命令,或直接让 Agent 按「概览 / 主要功能」中的流程执行。 5. 发布前务必人工复核文案、图片与数据,模型输出仅作草稿。

定价

方案 计费 价格 说明
开源技能 — 免费 以 GitHub 仓库许可证为准
Shopify 平台 API — 视商家套餐 API 调用受店铺套餐与权限限制

技能本身免费;调用 Shopify API 需有效店铺/合作伙伴凭证。

适合谁

Shopify 应用开发者、主题/店面工程师、支付与零售扩展开发者。开发 Shopify POS 扩展或门店收银增值功能时使用。

常见问题

如何安装?

npx skills add https://github.com/Shopify/agent-skills --skill shopify-pos-ui

也可按 Cursor / Claude Code 规范把技能目录放到对应 skills 路径。

和其它 Shopify 技能如何选?

有明确产品面时优先专项技能(如 Admin、Hydrogen、Liquid、Checkout UI)。跨面或不确定时再用 shopify-dev。

会替代官方文档吗?

不会。技能会引导代理检索 shopify.dev 最新文档与示例。

是否需要付费?

技能开源免费;Shopify 店铺套餐、App 审核与 API 限额按 Shopify 官方政策执行。