shipyard-brainstorming
在进行任何创意工作之前,您必须使用此步骤 - 无论是创建功能、构建组件、添加功能还是修改行为。在实施前探索用户意图、需求和设计。也在/shipyard:init期间用于收集需求。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
在进行任何创意工作之前,您必须使用此步骤 - 无论是创建功能、构建组件、添加功能还是修改行为。在实施前探索用户意图、需求和设计。也在/shipyard:init期间用于收集需求。
常见的Shopify Admin GraphQL API模式,用于产品查询、元字段操作、Webhooks和批量操作。在处理Shopify API集成时自动调用。
多语言Shopify主题的国际化基础知识
使用Shopify CLI、应用程序架构、OAuth身份验证、应用程序扩展、管理界面、Hydrogen/Remix框架以及部署进行自定义Shopify应用开发。在创建Shopify应用、设置Shopify CLI、构建应用扩展、实现OAuth流程、创建管理界面组件、使用Hydrogen或Remix、部署到Cloudflare Workers,或将第三方服务与Shopify商店集成时使用。
与Shopify元字段工作的指南。涵盖了定义、存储自定义数据、通过Liquid访问以及GraphQL变更等内容。
创建包含所有设置类型的全面部分模式的最佳实践
使用Polaris设计系统设计和实现Shopify管理界面。在构建Shopify应用程序、管理扩展或任何需要感觉像是Shopify原生的界面时,使用此技能。
测试Shopify应用程序的指南,包括使用Remix进行单元测试、模拟Shopify上下文以及端到端测试。
在即将声明工作已完成、已修复或通过之前,在提交或创建PR前使用 - 需要运行验证命令并在做出任何成功声明之前确认输出;始终先提供证据再做断言
使用i18next为Shopify应用程序添加多语言支持的指南。涵盖设置、本地化文件以及Admin上下文。
实现Shopify的Billing API指南,通过订阅和一次性收费来实现应用程序变现。当用户需要创建定期应用费用、一次性购买或检查订阅状态时,请使用此技能。
完整的Shopify调试和故障排除指南,包括Liquid错误、主题预览调试、API错误处理、JavaScript控制台调试、网络请求检查、购物车问题、结账问题以及常见错误代码。在调试Liquid语法错误、排查主题渲染问题、修复API错误、调试JavaScript、调查购物车问题或解决webhook失败时使用。
使用GraphQL/REST API、Shopify CLI、Polaris UI组件和Liquid模板构建Shopify应用程序、扩展和主题。功能包括使用OAuth认证的应用程序开发、用于自定义结账流程的结账UI扩展、用于仪表板集成的管理UI扩展、用于零售的POS扩展、使用Liquid的主题开发、Webhook管理、计费API集成、产品/订单/客户管理。在构建Shopify应用、实现结账定制、创…
在Shopify应用程序中使用Shopify Polaris图标的指南。涵盖了图标使用模式、可访问性、色调变体以及商业应用程序中的常见图标类别。
使用官方Shopify Remix模板开发Shopify应用程序的指南。涵盖结构、认证、API使用和部署。
使用Polaris Viz库在Shopify应用程序中创建数据可视化的指南。在构建图表、图形、仪表板或任何需要与Shopify管理界面风格集成的数据可视化组件时,请使用此技能。涵盖柱状图、折线图、饼图、迷你趋势图以及主题设置。
专家指导,帮助您与ShipHero的GraphQL API集成,用于履行、库存、订单和退货管理。当(1)使用ShipHero API进行身份验证,(2)管理订单(创建、更新、取消、查询),(3)管理产品和库存水平,(4)创建和跟踪发货,(5)处理退货,(6)处理采购订单,(7)设置Webhook以接收实时事件通知,(8)实施3PL多租户操作,或(9)优化GraphQL查询成本和分页时,请参考此指南…
使用Shopify App Bridge将应用程序嵌入到Shopify管理后台的指南。当用户需要与宿主界面(管理后台)交互、显示提示、模态框、资源选择器或处理Shopify嵌入式应用内的导航时,请使用此技能。
使用最新的Shopify CLI和API构建和管理Shopify扩展(管理员、结账、主题、售后等)的指南。
核心Shopify Liquid模板的最佳实践,以提高性能、可维护性和代码整洁性
在Shopify主题应用程序扩展和主题中使用Liquid模板语言的指南。在构建应用程序嵌入块、应用程序块或修改Shopify主题时使用此技能。
针对Shopify商店的性能优化,包括主题速度优化、图片优化、JavaScript和CSS压缩、延迟加载、CDN使用、缓存策略、Liquid模板性能以及核心网页指标改进。当需要优化商店速度、减少加载时间、提高Lighthouse评分、优化图片、实施延迟加载、减少JavaScript膨胀或改善核心网页指标(LCP、FID、CLS)时使用。
创建带有内联CSS和JavaScript的Shopify 2.0部分的最佳实践
构建适用于任何主题结构的可移植Shopify主题网页组件