liquid-skills
Shopify Liquid 主题开发技能包，涵盖语言基础、编码标准和可访问性。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：liquid-skills。 它的用途是：Shopify Liquid 主题开发技能包，涵盖语言基础、编码标准和可访问性。 完整的 Skill 内容见：https://321skill.com/skills/liquid-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在为 Shopify 产品页面编写一个颜色选择器组件，请根据可访问性最佳实践给出 Liquid 和 CSS 代码示例。”，它会结合 `liquid-theme-a11y` 技能中的 WCAG 模式，为你生成包含正确 ARIA 属性和键盘导航支持的代码。或者，当你询问“如何在 `{% stylesheet %}` 标签里使用 BEM 命名？”时，它会调用 `liquid-theme-standards` 技能给出具体范例。
介绍
这是一个专为 Shopify Liquid 主题开发者设计的 Claude Agent 技能集合，旨在解决开发过程中语言不熟、代码不规范和可访问性缺失三大痛点。
它通过安装一个技能包，为 Claude 注入 Shopify Liquid 语言规范、CSS/JS/HTML 编码标准以及符合 WCAG 2.2 标准的电商组件可访问性模式等知识，使其能提供更精准的开发建议。
该技能包非常适合前端开发、全栈开发或电商运营人员，特别是那些需要快速上手或规范 Shopify 主题开发流程的开发者。
使用时，建议开发者根据当前任务重点（如编写 Liquid 代码、优化样式或提升无障碍体验）来引导 Claude 调用相应的子技能知识，以获得最相关的帮助。
核心特点
与单一功能的 Liquid 技能不同，它将语言基础、工程规范和可访问性三大维度整合为一个技能包，提供了从语法到最佳实践的完整开发支持，并且所有内容均针对 Shopify 主题环境进行了专门整理和优化。
注意事项
该技能主要针对 Shopify Liquid 主题开发，不适用于其他平台（如 WordPress、Jekyll）的 Liquid 使用场景。
常见问题
这个技能包能帮我做什么？
它能帮助 Claude 理解 Shopify Liquid 语法、主题架构、编码规范以及如何构建无障碍的电商组件，从而为你提供更准确的代码审查、问题解答和开发建议。
我需要分别安装三个技能吗？
不需要，通过一条安装命令即可一次性安装包含三个子技能的完整技能包，Claude 会根据你的问题自动调用相关知识。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/liquid-skills/raw/index.md 读取 liquid-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/liquid-skills/raw/index.md（查看排版版本）