liquid-theme-standards 是做什么的？
Shopify Liquid 主题的 CSS、JavaScript 和 HTML 编码规范。涵盖样式标签内的 BEM 命名法、设计令牌、CSS 自定义属性、Web 组件、防御性 CSS 和渐进式增强。适用于编写 .liquid 文件或主题资源文件中的 CSS/JS/HTML。
Shopify Liquid 主题的 CSS、JavaScript 和 HTML 编码规范。涵盖样式标签内的 BEM 命名法、设计令牌、CSS 自定义属性、Web 组件、防御性 CSS 和渐进式增强。适用于编写 .liquid 文件或主题资源文件中的 CSS/JS/HTML。
该技能为 Shopify Liquid 主题开发提供了全面的 CSS、JavaScript 和 HTML 编码标准。它基于 BEM 命名约定，确保样式标签内的类命名一致性；引入设计令牌和 CSS 自定义属性，实现跨页面的主题化与品牌统一；推荐使用 Web 组件来封装可复用的 UI 逻辑，并采用防御性 CSS 和渐进式增强策略，确保主题在老旧浏览器上仍能正常工作。该规范支持所有 Shopify 主题开发场景，包括 .liquid 布局文件、片段文件和资源文件，旨在提升代码质量、可维护性和跨浏览器兼容性。它适合与 Claude Code、Cursor 或 Codex 等 AI 代理一起使用，以生成符合标准的主题代码。
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/liquid-theme-standardsShopify Liquid 主题的 CSS、JavaScript 和 HTML 编码规范。涵盖样式标签内的 BEM 命名法、设计令牌、CSS 自定义属性、Web 组件、防御性 CSS 和渐进式增强。适用于编写 .liquid 文件或主题资源文件中的 CSS/JS/HTML。
This repo contains 2 individual skills — each has its own dedicated page.
Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes. Covers e-commerce-specific components including product cards, carousels, cart drawers, price display, forms, filters, and modals. Use when building accessible theme components, fixing accessibility issues, or reviewing ARIA patterns in .liquid files.
Generate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns. Use when creating or editing .liquid files for Shopify themes, working with schema, doc, stylesheet, javascript tags, or Shopify Liquid objects/filters/tags.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".