SuperAPI AI 工具集

shopify-polaris-app-home

智能体与模型

查看项目

更新于 10-16 03:06

技能介绍

用途:帮助 Shopify 开发者编写嵌入 Shopify 管理后台的应用主界面(Polaris App Home),基于最新版 UI Framework 生成可用代码并给出说明。

主要能力:提供 App、Config、Environment、Resource Fetching、ID Token、Intents、Loading、Modal、Navigation、Picker、POS、Print、Resource Picker、Reviews、Save Bar、Scanner、Scopes、Share、Support、Toast、User、Web Vitals 等 API,以及 useAppBridge React Hook;提供 Account connection、App card、Callout card、Empty state、Footer help、Index table、Interstitial nav、Media card、Metrics card、Resource list、Setup guide 等组合模式,以及 Details、Homepage、Index、Settings 模板;提供 s-page、s-badge、s-button、s-box、s-table、s-modal 等 Polaris Web Components。

使用方式:组件为全局注册的自定义元素,以 s- 前缀直接作为 JSX 标签使用,无需 import;App Bridge API 从 @shopify/app-bridge-react 导入 useAppBridge,类型来自 @shopify/app-bridge-types 与 @shopify/polaris-types,不得从 @shopify/polaris 等不存在的包导入。属性用 camelCase,布尔属性可简写,字符串关键字属性必须传字符串。流程要求:先用 scripts/search_docs.mjs "<组件标签名>" 搜索,再写代码,最后用 scripts/validate.mjs --code '...' --model ... --client-name ... --client-version ... --artifact-id ... --revision ... 校验,失败则搜索错误类型并修复,最多重试 3 次。

适用场景:在 Shopify 后台内构建应用首页、设置页、列表页、详情页等界面。

限制:需具备 bash 工具并按要求执行搜索与校验;两个脚本会向 Shopify 上报查询、校验结果及模型/客户端标识,可设置 OPT_OUT_INSTRUMENTATION=true 退出。具体收费与价格暂未提供。