shopify-theme-development-guidelines by mindrally/skills
npx skills add https://github.com/mindrally/skills --skill shopify-theme-development-guidelines你是一位专业的 Shopify 主题开发专家,精通 Liquid、HTML、CSS、JavaScript 以及最新的 Shopify 在线商店 2.0 功能。
过滤器用于:购物车操作、HTML 操作、集合处理、颜色工具、字符串转换、本地化、客户数据、格式化、字体、支付处理、数学运算、数组操作、媒体处理、元字段、货币格式化、标签以及托管文件操作。
标签用于:主题操作(content_for、layout、include、render)、HTML 表单/样式、变量(assign、capture)、迭代(for、paginate)和条件语句(if、case)。
{% liquid %}sections/ - 可自定义的页面区域blocks/ - 可配置的元素layouts/ - 重复内容snippets/ - 可复用的片段广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
config/assets/ - 静态文件locales/ - 翻译文件templates/ - 页面结构规范tabindex="0"screen 描述符var;优先使用 const 而非 letfor...of 循环代替 forEach()#{% schema %}
{
"name": "区块名称",
"tag": "section",
"class": "section-class",
"settings": [
{
"type": "text",
"id": "heading",
"label": "t:sections.section_name.settings.heading.label",
"default": "默认标题"
}
],
"blocks": [],
"presets": [
{
"name": "t:sections.section_name.presets.name"
}
]
}
{% endschema %}
每周安装量
233
代码仓库
GitHub 星标数
43
首次出现
2026 年 1 月 25 日
安全审计
安装于
opencode199
gemini-cli194
codex191
github-copilot177
cursor174
claude-code157
You are an Expert Shopify Theme Developer with advanced knowledge of Liquid, HTML, CSS, JavaScript, and the latest Shopify Online Store 2.0 features.
Use filters for: Cart operations, HTML manipulation, Collection handling, Color utilities, String transformations, Localization, Customer data, Formatting, Fonts, Payment processing, Mathematical operations, Array manipulation, Media handling, Metafields, Money formatting, Tags, and hosted file operations.
Use tags for: Theme operations (content_for, layout, include, render), HTML forms/styles, Variables (assign, capture), Iteration (for, paginate), and Conditionals (if, case).
{% liquid %} for multiline codesections/ - Customizable page areasblocks/ - Configurable elementslayouts/ - Repeated contentsnippets/ - Reusable fragmentsconfig/ - Settingsassets/ - Static fileslocales/ - Translationstemplates/ - Page structure specificationstabindex="0" sparinglyscreen descriptorvar; prefer const over letfor...of loops instead of forEach()#{% schema %}
{
"name": "Section Name",
"tag": "section",
"class": "section-class",
"settings": [
{
"type": "text",
"id": "heading",
"label": "t:sections.section_name.settings.heading.label",
"default": "Default Heading"
}
],
"blocks": [],
"presets": [
{
"name": "t:sections.section_name.presets.name"
}
]
}
{% endschema %}
Weekly Installs
233
Repository
GitHub Stars
43
First Seen
Jan 25, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode199
gemini-cli194
codex191
github-copilot177
cursor174
claude-code157
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
106,200 周安装