用途：为 Shopify Liquid 主题制定统一的 CSS、JavaScript 与 HTML 编码标准，核心原则是渐进增强（语义 HTML 优先、CSS 次之、JS 最后）、不引入外部依赖（仅用浏览器原生 API）、不硬编码颜色/间距/字体（统一用设计令牌）、全站 BEM 命名、防御性 CSS。
主要能力：CSS 部分规定样式存放位置（{% stylesheet %} 不经 Liquid 处理，用于组件级样式；{% style %} 可处理 Liquid，用于动态值；assets/.css 用于全局样式），动态值应通过内联 style 属性传入；BEM 命名规则（连字符分词、仅单层元素、modifier 必须与基础类同用）；优先级目标 0 1 0、最多 0 4 0，禁用 ID 选择器和 !important；CSS 嵌套、设计令牌与变量作用域（组件内变量加命名空间）、属性书写顺序、逻辑属性（RTL 支持）、防御性 CSS、容器查询与 clamp() 等现代特性、动画性能与 prefers-reduced-motion。JS 部分规定 {% javascript %} 与 assets/.js 的用途，推荐 Web Component 模式，规则包括 for...of、async/await、const 优先、早返回、new URL()、私有方法 #、JSDoc 类型、AbortController 取消请求，以及父子组件通信方式。HTML 部分要求优先使用原生元素（details/summary、dialog、popover、search、output），图片使用 image_tag 并设置 lazy、宽高与 alt。
使用方式：JSON 模板（templates/.json）、区块组（sections/.json）与配置文件（config/settings_data.json）建议用 jq 做结构化编辑，例如 jq '.sections.new_section = {"type": "hero", "settings": {"heading": "Welcome"}}' templates/index.json > /tmp/out && mv /tmp/out templates/index.json。
适用场景：开发与维护 Shopify Liquid 主题的样式、脚本与模板。
限制：资料未提供收费、价格、安装命令或其他平台支持信息；具体数值尺度需按主题自行调整。