liquid-skills Claude Code プラグイン
Claude Code プラグインClaude Code開発Web・アプリ開発Claude Code 拡張・ワークフローコード検索・コード理解（LSP）以下の解説は生成 AI によるものです。出典と照らし合わせてご確認ください。
liquid-skillsは、ShopifyのLiquidテーマ開発に関する知識をClaudeに与えるためのClaude Codeプラグインマーケットプレイスです。READMEによると、Liquid言語の基礎、CSS/JS/HTMLのコーディング規約、ECコンポーネント向けのWCAGアクセシビリティパターンという3種類のスキルセットがまとめられています。さらに、Liquidテンプレート向けの言語サーバー連携を提供するliquid-lspプラグインも同梱されています。マーケットプレイスの追加とプラグインのインストールはClaude Codeのプラグインコマンドで行い、LSPプラグインの利用にはShopify CLIのローカルインストールが前提となります。
liquid-skills でできること
- Claude Codeのプラグインコマンドでliquid-skillsマーケットプレイスを追加し、liquid-skillsとliquid-lspの各プラグインを導入する
- shopify-liquid-themesスキルにより、スキーマJSONやLiquidDoc、フィルター、タグ、オブジェクト、翻訳の扱いについて参照する
- liquid-theme-standardsスキルにより、stylesheetブロック内でのBEM命名、デザイントークン、Web Components、防御的なCSSの書き方を確認する
- liquid-theme-a11yスキルにより、ECコンポーネント向けのWCAGに基づくアクセシビリティパターンを参照する
- liquid-lspプラグインでLiquidテンプレートの言語サーバー機能を利用する。事前にShopify CLIのインストールが必要になる