liquid-theme-a11y 是做什麼的?
在 Shopify Liquid 主題中實作 WCAG 2.2 無障礙模式。涵蓋電子商務特定元件,包括產品卡片、輪播、購物車抽屜、價格顯示、表單、篩選器和模態框。適用於建構無障礙主題元件、修復無障礙問題或審查 .liquid 檔案中的 ARIA 模式。
在 Shopify Liquid 主題中實作 WCAG 2.2 無障礙模式。涵蓋電子商務特定元件,包括產品卡片、輪播、購物車抽屜、價格顯示、表單、篩選器和模態框。適用於建構無障礙主題元件、修復無障礙問題或審查 .liquid 檔案中的 ARIA 模式。
此技能專為開發者設計,協助在 Shopify Liquid 主題中實現 WCAG 2.2 無障礙標準。它涵蓋了電子商務常見元件的無障礙模式,例如產品卡片、輪播、購物車抽屜、價格顯示、表單、篩選器和模態框。此技能基於 SKILL.md 文件,提供具體的 ARIA 模式範例和實作指南,支援在 .liquid 檔案中直接套用。其價值在於簡化無障礙審查流程,確保主題符合法規要求,並提升所有使用者的體驗。此技能主要用於建構新的無障礙元件、修復現有無障礙問題或審查 ARIA 模式的正確性,是 Shopify 主題開發者的必備工具。
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/liquid-theme-a11y在 Shopify Liquid 主題中實作 WCAG 2.2 無障礙模式。涵蓋電子商務特定元件,包括產品卡片、輪播、購物車抽屜、價格顯示、表單、篩選器和模態框。適用於建構無障礙主題元件、修復無障礙問題或審查 .liquid 檔案中的 ARIA 模式。
This repo contains 2 individual skills — each has its own dedicated page.
CSS, JavaScript, and HTML coding standards for Shopify Liquid themes. Covers BEM naming inside stylesheet tags, design tokens, CSS custom properties, Web Components for themes, defensive CSS, and progressive enhancement. Use when writing CSS/JS/HTML in .liquid files or theme asset 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".