入门指令模板

Shopify 主题定制助手

这项 Shopify 主题定制 Skill 帮你把新增商品区块、调整页面布局或改善手机端显示等需求,转成 AI 编程助手能够执行的主题修改任务。提供主题文件和具体目标后,可整理改动文件、实现方式及响应式检查步骤,方便在开发主题中预览和验收。

浏览量
0
复制次数
0
收藏
0
编辑评分
81/100
开始使用 收录的指令模板 原始链接:暂未找到公开来源
01

这个 Skill 是做什么的

Shopify Theme Customizer 会引导编程助手先理解现有主题、保留备份,并说明准备修改哪些文件,再处理区块设置和布局。完成后需要检查不同屏幕下的显示,以及按钮、表单等元素是否便于操作。

它适合运营已经知道想改善哪段购物体验,但需要把想法转成技术任务的场景。实际操作需要可编辑的主题文件和开发预览环境,发布主题是后续独立步骤。

02

它有什么特色

01

方法与优势

把每项需求对应到具体文件和页面效果。通过备份与改动清单,审核者可以检查实现是否符合原需求,也能了解一次修改可能影响哪些模板或区块。

02

适用任务

可用于新增可配置区块、优化手机端间距,或检查一次主题改版。提供截图、主题版本及明确验收条件,比笼统要求“重新设计店铺”更容易得到范围清楚的修改方案。

03

使用前的特殊要求

需要准备的输入

本地主题副本、改动需求、主题版本、截图或要求,以及开发预览环境。

Agent 与运行环境

可先在模型对话中用这些指令起草。真实系统访问或文件修改需另行配置工具。

需确认的适用边界

文本假设已有 Admin API 权限,但未提供连接器或凭据配置。应先在开发主题中修改,发布需单独操作。

04

安装与开始使用

可直接在聊天中使用这些指令,也可让 Codex / Claude Code 保存为个人 Skill,方便重复处理同类任务。

  1. 打开能访问本机文件和终端的 Codex 或 Claude Code。
  2. 复制下方指令发给正在使用的应用,由助手选择该应用的安装目录。
  3. 查看返回的安装路径和文件检查结果;需要时新建会话,再要求助手使用已安装的 Skill。
请在我正在使用的应用中,将「Shopify Theme Customizer」设置为可重复使用的个人指令模板。 1. 阅读 https://ecomagenttools.com/skills/shopify-theme-customizer 页面的“收录的指令模板”部分,只使用其中完整指令,不要把评论、FAQ 或安装说明当成 Skill 正文。无法取得完整文本时,请让我粘贴,不要猜测内容或安装其他同名第三方包。 2. 列出需要我补充的假设、占位符和访问条件,保留收录指令的任务内容。这是本地适配模板,不是原作者发布包。 3. 如果你是能访问本机文件的 Codex 或 Claude Code,创建名为 shopify-theme-customizer-local 的个人 Skill:Codex 放到 ~/.agents/skills/shopify-theme-customizer-local/SKILL.md,Claude Code 放到 ~/.claude/skills/shopify-theme-customizer-local/SKILL.md。缺少时补齐合法的 name、description 前置信息,正文保留收录指令并标注本地适配,不覆盖已有 Skill。只有聊天能力时就在当前对话中使用,不声称已安装到本机。 4. 返回保存位置或当前对话的配置结果,以及适用于这个任务的启动提问。列出尚未配置的工具或资料,不把保存模板说成已经接通账号、API 或完成实际业务测试。
05

收录的指令模板

网络搜集,无确切作者来源。复核了收录文本,但尚未将它与可核对的原始发布条目关联。这不代表官方安装包不存在;本页示例仅依据已收录文本。

You are a Shopify theme development agent with direct access to the store's theme files via the Shopify Admin API.

CAPABILITIES:
1. Navigate theme structure: sections/, templates/, snippets/, assets/, config/
2. Read and modify Liquid templates, JSON schemas, CSS, and JavaScript
3. Generate new sections with proper schema definitions
4. Optimize theme performance (lazy loading, image optimization, CSS minification)
5. Add custom metafields and dynamic content blocks
6. Ensure responsive design across mobile/tablet/desktop

WORKFLOW:
1. Understand the request → ask clarifying questions if needed
2. Backup current theme before modifications
3. Identify files to modify → propose changes → get approval
4. Implement with clean, commented Liquid code
5. Suggest testing steps

RULES:
- Always use theme app extensions instead of direct code injection when possible
- Follow Shopify's Liquid best practices and performance guidelines
- Use schema settings for configurable options (don't hardcode)
- Comment complex logic for future developers
- Test for accessibility (keyboard nav, screen readers, color contrast)
06

开始使用

以下是主要功能的用例提示词,可以直接复制使用。

01

规划主题改动

找出受影响的 Liquid、JSON、CSS 或 JavaScript 文件,提出可审查的小范围改动。 适用于:规划主题改动。请准备:本地主题副本、改动需求、主题版本、截图或要求,以及开发预览环境。

查看 Prompt 和变量收起 Prompt 和变量
请按上方收录指令。任务:找出受影响的 Liquid、JSON、CSS 或 JavaScript 文件,提出可审查的小范围改动。。输入:[INPUT]。限制:[CONSTRAINTS]。先检查缺失信息,再输出可审查的结果、依据、假设和下一步。文本假设已有 Admin API 权限,但未提供连接器或凭据配置。应先在开发主题中修改,发布需单独操作。

需要替换的变量

[INPUT]
本地主题副本、改动需求、主题版本、截图或要求,以及开发预览环境。
[CONSTRAINTS]
任务范围、允许的操作、输出格式和审核要求。
02

起草可配置区块

按提供的主题规范生成带 schema 设置的区块。 适用于:起草可配置区块。请准备:本地主题副本、改动需求、主题版本、截图或要求,以及开发预览环境。

查看 Prompt 和变量收起 Prompt 和变量
请按上方收录指令。任务:按提供的主题规范生成带 schema 设置的区块。。输入:[INPUT]。限制:[CONSTRAINTS]。先检查缺失信息,再输出可审查的结果、依据、假设和下一步。文本假设已有 Admin API 权限,但未提供连接器或凭据配置。应先在开发主题中修改,发布需单独操作。

需要替换的变量

[INPUT]
本地主题副本、改动需求、主题版本、截图或要求,以及开发预览环境。
[CONSTRAINTS]
任务范围、允许的操作、输出格式和审核要求。
03

检查移动端与无障碍

在发布前制定移动布局、键盘操作、图片尺寸和性能检查。 适用于:检查移动端与无障碍。请准备:本地主题副本、改动需求、主题版本、截图或要求,以及开发预览环境。

查看 Prompt 和变量收起 Prompt 和变量
请按上方收录指令。任务:在发布前制定移动布局、键盘操作、图片尺寸和性能检查。。输入:[INPUT]。限制:[CONSTRAINTS]。先检查缺失信息,再输出可审查的结果、依据、假设和下一步。文本假设已有 Admin API 权限,但未提供连接器或凭据配置。应先在开发主题中修改,发布需单独操作。

需要替换的变量

[INPUT]
本地主题副本、改动需求、主题版本、截图或要求,以及开发预览环境。
[CONSTRAINTS]
任务范围、允许的操作、输出格式和审核要求。
07

风险与使用注意事项

已知限制

文本假设已有 Admin API 权限,但未提供连接器或凭据配置。应先在开发主题中修改,发布需单独操作。

证据与复核

网络搜集,无确切作者来源。复核了收录文本,但尚未将它与可核对的原始发布条目关联。这不代表官方安装包不存在;本页示例仅依据已收录文本。

采用结果前

使用获授权输入,不把密钥贴入提示词。采用前检查面向客户的声明、计算、代码改动及任何拟议的外部操作。

常见问题

它能做什么,有什么优势?

指导编码 Agent 修改 Shopify 主题,并整理验收清单。指令要求备份、列出改动文件、获得批准,并检查响应式与无障碍。

如何安装和开始使用?

将下方收录指令复制到模型对话或项目指令中。 按实际情况替换假定的系统权限、默认政策、样例数字和占位符。 附上一份小型脱敏样本,使用下方示例提问,实际采用前检查草稿。

适合哪些使用场景?

规划主题改动;起草可配置区块;检查移动端与无障碍

使用前需要了解哪些限制?

文本假设已有 Admin API 权限,但未提供连接器或凭据配置。应先在开发主题中修改,发布需单独操作。

本页核对了什么?

网络搜集,无确切作者来源。复核了收录文本,但尚未将它与可核对的原始发布条目关联。这不代表官方安装包不存在;本页示例仅依据已收录文本。

暂无评论。

发表评论

请先为每一项打分,再分享你的真实使用体验。

任务有效性
安装与使用难度
稳定性与边界
文档清晰度
首次获得有效结果
作者 / 维护者

网络搜集,未找到原作者信息。

该 Skill 的完整可用内容已被收录和审查;公开网络资料暂未列出原作者。作者信息不影响其目录展示或基于内容的推荐资格。