方法与优势
把每项需求对应到具体文件和页面效果。通过备份与改动清单,审核者可以检查实现是否符合原需求,也能了解一次修改可能影响哪些模板或区块。
这项 Shopify 主题定制 Skill 帮你把新增商品区块、调整页面布局或改善手机端显示等需求,转成 AI 编程助手能够执行的主题修改任务。提供主题文件和具体目标后,可整理改动文件、实现方式及响应式检查步骤,方便在开发主题中预览和验收。
Shopify Theme Customizer 会引导编程助手先理解现有主题、保留备份,并说明准备修改哪些文件,再处理区块设置和布局。完成后需要检查不同屏幕下的显示,以及按钮、表单等元素是否便于操作。
它适合运营已经知道想改善哪段购物体验,但需要把想法转成技术任务的场景。实际操作需要可编辑的主题文件和开发预览环境,发布主题是后续独立步骤。
把每项需求对应到具体文件和页面效果。通过备份与改动清单,审核者可以检查实现是否符合原需求,也能了解一次修改可能影响哪些模板或区块。
可用于新增可配置区块、优化手机端间距,或检查一次主题改版。提供截图、主题版本及明确验收条件,比笼统要求“重新设计店铺”更容易得到范围清楚的修改方案。
本地主题副本、改动需求、主题版本、截图或要求,以及开发预览环境。
可先在模型对话中用这些指令起草。真实系统访问或文件修改需另行配置工具。
文本假设已有 Admin API 权限,但未提供连接器或凭据配置。应先在开发主题中修改,发布需单独操作。
可直接在聊天中使用这些指令,也可让 Codex / Claude Code 保存为个人 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 或完成实际业务测试。网络搜集,无确切作者来源。复核了收录文本,但尚未将它与可核对的原始发布条目关联。这不代表官方安装包不存在;本页示例仅依据已收录文本。
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)以下是主要功能的用例提示词,可以直接复制使用。
找出受影响的 Liquid、JSON、CSS 或 JavaScript 文件,提出可审查的小范围改动。 适用于:规划主题改动。请准备:本地主题副本、改动需求、主题版本、截图或要求,以及开发预览环境。
请按上方收录指令。任务:找出受影响的 Liquid、JSON、CSS 或 JavaScript 文件,提出可审查的小范围改动。。输入:[INPUT]。限制:[CONSTRAINTS]。先检查缺失信息,再输出可审查的结果、依据、假设和下一步。文本假设已有 Admin API 权限,但未提供连接器或凭据配置。应先在开发主题中修改,发布需单独操作。[INPUT][CONSTRAINTS]按提供的主题规范生成带 schema 设置的区块。 适用于:起草可配置区块。请准备:本地主题副本、改动需求、主题版本、截图或要求,以及开发预览环境。
请按上方收录指令。任务:按提供的主题规范生成带 schema 设置的区块。。输入:[INPUT]。限制:[CONSTRAINTS]。先检查缺失信息,再输出可审查的结果、依据、假设和下一步。文本假设已有 Admin API 权限,但未提供连接器或凭据配置。应先在开发主题中修改,发布需单独操作。[INPUT][CONSTRAINTS]在发布前制定移动布局、键盘操作、图片尺寸和性能检查。 适用于:检查移动端与无障碍。请准备:本地主题副本、改动需求、主题版本、截图或要求,以及开发预览环境。
请按上方收录指令。任务:在发布前制定移动布局、键盘操作、图片尺寸和性能检查。。输入:[INPUT]。限制:[CONSTRAINTS]。先检查缺失信息,再输出可审查的结果、依据、假设和下一步。文本假设已有 Admin API 权限,但未提供连接器或凭据配置。应先在开发主题中修改,发布需单独操作。[INPUT][CONSTRAINTS]文本假设已有 Admin API 权限,但未提供连接器或凭据配置。应先在开发主题中修改,发布需单独操作。
网络搜集,无确切作者来源。复核了收录文本,但尚未将它与可核对的原始发布条目关联。这不代表官方安装包不存在;本页示例仅依据已收录文本。
使用获授权输入,不把密钥贴入提示词。采用前检查面向客户的声明、计算、代码改动及任何拟议的外部操作。
指导编码 Agent 修改 Shopify 主题,并整理验收清单。指令要求备份、列出改动文件、获得批准,并检查响应式与无障碍。
将下方收录指令复制到模型对话或项目指令中。 按实际情况替换假定的系统权限、默认政策、样例数字和占位符。 附上一份小型脱敏样本,使用下方示例提问,实际采用前检查草稿。
规划主题改动;起草可配置区块;检查移动端与无障碍
文本假设已有 Admin API 权限,但未提供连接器或凭据配置。应先在开发主题中修改,发布需单独操作。
网络搜集,无确切作者来源。复核了收录文本,但尚未将它与可核对的原始发布条目关联。这不代表官方安装包不存在;本页示例仅依据已收录文本。
该 Skill 的完整可用内容已被收录和审查;公开网络资料暂未列出原作者。作者信息不影响其目录展示或基于内容的推荐资格。
网络搜集,未列出确切作者来源。该标签仅说明署名状态,不代表能力、可见性或推荐资格。
暂无评论。