shopify-liquid-themes は何をしますか？
Shopify Liquid テーマコード（セクション、ブロック、スニペット）を生成し、正しいスキーマ JSON、LiquidDoc ヘッダー、翻訳キー、CSS/JS パターンを含めます。Shopify テーマの .liquid ファイルを作成・編集する際や、スキーマ、ドキュメント、スタイルシート、JavaScript タグ、Shopify Liquid オブジェクト/フィルター/タグを扱う際に使用してください。
Shopify Liquid テーマコード（セクション、ブロック、スニペット）を生成し、正しいスキーマ JSON、LiquidDoc ヘッダー、翻訳キー、CSS/JS パターンを提供します。Shopify テーマの .liquid ファイルを作成・編集する際や、スキーマ、ドキュメント、スタイルシート、JavaScript タグ、Shopify Liquid オブジェクト/フィルター/タグを扱う際に使用します。
このスキルは、Shopify テーマ開発における Liquid テンプレートファイル（.liquid）の作成・編集を支援します。具体的には、セクション、ブロック、スニペットの生成において、正確なスキーマ JSON の構造、LiquidDoc によるドキュメントヘッダー、翻訳キー（ロケールファイルとの連携を想定）、そして CSS や JavaScript の適切なパターン（アセット管理やスタイルシート/JavaScript タグの取り扱いを含む）を自動で組み込みます。これにより、Shopify テーマのベストプラクティスに準拠したコードを効率的に記述できるようになります。主に Claude Code、Cursor、Codex などの AI エージェント向けで、Shopify テーマ開発の生産性と品質を大幅に向上させます。スキーマ定義、Liquid のオブジェクト/フィルター/タグ、テーマ設定項目の扱い方に関する深い知識をエージェントに提供します。
npx skills add https://github.com/benjaminsehl/liquid-skills/tree/main/skills/shopify-liquid-themesShopify Liquid テーマコード（セクション、ブロック、スニペット）を生成し、正しいスキーマ JSON、LiquidDoc ヘッダー、翻訳キー、CSS/JS パターンを含めます。Shopify テーマの .liquid ファイルを作成・編集する際や、スキーマ、ドキュメント、スタイルシート、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".