Agent Skills
返回列表
💻

用官方 Shopify AI 工具包构建并验证 Shopify 应用

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/build-and-validate-shopify-apps-with-the-official-shopify-ai-toolkit。

技能介绍

很多 Shopify 应用的 AI 辅助开发会卡在信息层:模型要么凭训练记忆写 GraphQL,要么在过时或碎片化的文档里反复试错,代码到了商店侧才发现 Schema 已经漂移。本技能通过 Shopify 官方 AI Toolkit,把代理(Claude Code、Cursor、Gemini CLI、Codex 等)与 IDE 助手接入 Shopify 的文档、API 模式、代码验证和商店管理工作流,让实现与校验在同一条上下文里完成。

它解决什么问题

  • 离线记忆与当前 API 版本不一致,orders、checkout 等字段容易写错
  • 人工在 shopify.dev 与编辑器之间来回切,验证反馈滞后
  • 商店侧部署/变更流程与代码改动脱节,容易出现「本地能跑、线上报错」

核心能力与工作方式

  • 官方文档直达:将 Shopify 文档接入代理和 IDE 上下文,模型在生成/审查代码时可引用当前 API 与构建指南,减少猜测。
  • API 模式查询:把请求建立在 Shopify 当前 Schema 上(如查询/变更的实际字段名),而不是凭印象补全。
  • 代码验证:对生成的应用代码做符合性检查,尽早暴露与 Shopify 要求不一致的实现。
  • 商店管理工作流:在需要真实环境时,借助 Shopify CLI 执行常见工作流;并非所有子任务都会触达线上商店。

适用边界与注意点

  • 前置要求:受支持的客户端(如 Claude Code、Cursor、Gemini CLI、Codex 或 VS Code);执行商店工作流时需本机可用的 Shopify CLI。
  • 本技能不替代 Shopify CLI、GraphQL 或应用脚手架:商店操作、认证与部署仍按 Shopify 官方流程执行。
  • 结论应回溯到当前 Schema 与官方文档;长任务里注意查看工具返回的校验信息再改代码。
  • 上游文档来自 Shopify AI Toolkit 的 README,Shopify 侧可参考 shopify.dev/docs/apps/build/ai-toolkit。

使用场景

  • 编写 Shopify 应用 GraphQL 查询时,需要对照当前 API 模式确认字段名,避免写出已失效的订单字段。
  • 在 Claude Code 或 Cursor 里让助手生成应用代码后,需要在提交前对照官方文档做符合性验证。
  • 准备上架新应用时,需要调用 Shopify CLI 执行商店侧部署与变更验证的完整工作流。
  • IDE 助手在改代码时频繁引用过时文档,需要把 Shopify 官方文档接入上下文后再生成变更方案。

适合人员

  • Shopify 应用开发者:需要在编码时获取当前 API 模式并快速发现 GraphQL 字段错误。
  • 独立技术顾问:为客户交付 Shopify 应用,希望用官方工具链做代码验证而非人工逐条核对文档。
  • 使用 Claude Code、Cursor 或 Gemini CLI 的工程师:想让代理直接读取 Shopify 文档来辅助生成和审查代码。
  • 负责应用上架的 DevOps 人员:需要用 Shopify CLI 串联商店变更与验证流程,减少部署环节的返工。