·liquid-theme-standards
</>

liquid-theme-standards

Shopify Liquid テーマの CSS、JavaScript、HTML コーディング標準。スタイルシート タグ内の BEM 命名、デザイン トークン、CSS カスタム プロパティ、テーマの Web コンポーネント、防御的 CSS、およびプログレッシブ拡張について説明します。 .liquid ファイルまたはテーマ アセット ファイルに CSS/JS/HTML を記述する場合に使用します。

375インストール·3トレンド·@benjaminsehl

インストール

$npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards

liquid-theme-standards のインストール方法

コマンドラインで liquid-theme-standards AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: benjaminsehl/liquid-skills。

| {% stylesheet %} | No | Component-scoped styles (one per file) | | {% style %} | Yes | Dynamic values needing Liquid (e.g., color settings) | | assets/.css | No | Shared/global styles |

Critical: {% stylesheet %} does NOT process Liquid. Use inline style attributes for dynamic values:

Use CSS custom properties for all values — never hardcode colors, spacing, or fonts. Define a consistent scale and reference it everywhere.

Shopify Liquid テーマの CSS、JavaScript、HTML コーディング標準。スタイルシート タグ内の BEM 命名、デザイン トークン、CSS カスタム プロパティ、テーマの Web コンポーネント、防御的 CSS、およびプログレッシブ拡張について説明します。 .liquid ファイルまたはテーマ アセット ファイルに CSS/JS/HTML を記述する場合に使用します。 ソース: benjaminsehl/liquid-skills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-25
更新日
2026-03-10

Browse more skills from benjaminsehl/liquid-skills

クイックアンサー

liquid-theme-standards とは?

Shopify Liquid テーマの CSS、JavaScript、HTML コーディング標準。スタイルシート タグ内の BEM 命名、デザイン トークン、CSS カスタム プロパティ、テーマの Web コンポーネント、防御的 CSS、およびプログレッシブ拡張について説明します。 .liquid ファイルまたはテーマ アセット ファイルに CSS/JS/HTML を記述する場合に使用します。 ソース: benjaminsehl/liquid-skills。

liquid-theme-standards のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/benjaminsehl/liquid-skills

詳細

カテゴリ
</>開発ツール
ソース
skills.sh
初回登録
2026-02-25