shopify-liquid-themes 是做什麼的?
生成 Shopify Liquid 主題程式碼(區段、區塊、程式碼片段),包含正確的 schema JSON、LiquidDoc 標頭、翻譯鍵及 CSS/JS 模式。適用於建立或編輯 Shopify 主題的 .liquid 檔案,處理 schema、doc、stylesheet、javascript 標籤,或 Shopify Liquid 物件/過濾器/標籤。
生成 Shopify Liquid 主題程式碼(區段、區塊、程式碼片段),包含正確的 schema JSON、LiquidDoc 標頭、翻譯鍵及 CSS/JS 模式。適用於建立或編輯 Shopify 主題的 .liquid 檔案,處理 schema、doc、stylesheet、javascript 標籤,或 Shopify Liquid 物件/過濾器/標籤。
這個技能專為開發 Shopify Liquid 主題而設計,能自動生成遵循最佳實務的 Liquid 程式碼。它支援建立區段(sections)、區塊(blocks)和程式碼片段(snippets),並自動產生正確的 schema JSON、LiquidDoc 註解標頭、多語言翻譯鍵,以及對應的 CSS/JS 模式。無論您是在編寫新的 .liquid 檔案、修改現有樣板,還是處理 Shopify 特有的 Liquid 物件、過濾器和標籤,此技能都能確保產出結構完整且符合官方規範的程式碼。主要支援平台為 Shopify 主題開發環境,包括 Dawn 等參考主題。透過遵循 LiquidDoc 標準,該技能讓程式碼更易於維護、除錯和協作,是 Shopify 主題開發者的必備工具。
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themes生成 Shopify Liquid 主題程式碼(區段、區塊、程式碼片段),包含正確的 schema JSON、LiquidDoc 標頭、翻譯鍵及 CSS/JS 模式。適用於建立或編輯 Shopify 主題的 .liquid 檔案,處理 schema、doc、stylesheet、javascript 標籤,或 Shopify Liquid 物件/過濾器/標籤。
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.
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.
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".