·liquid-theme-standards
</>

liquid-theme-standards

معايير ترميز CSS وJavaScript وHTML لموضوعات Shopify Liquid. يغطي تسمية BEM داخل علامات ورقة الأنماط، ورموز التصميم، وخصائص CSS المخصصة، ومكونات الويب للموضوعات، وCSS الدفاعية، والتحسين التدريجي. يُستخدم عند كتابة CSS/JS/HTML في ملفات .liquid أو ملفات أصول السمات.

375التثبيتات·3الرائج·@benjaminsehl

التثبيت

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

كيفية تثبيت liquid-theme-standards

ثبّت مهارة الذكاء الاصطناعي liquid-theme-standards بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في 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.

معايير ترميز CSS وJavaScript وHTML لموضوعات Shopify Liquid. يغطي تسمية BEM داخل علامات ورقة الأنماط، ورموز التصميم، وخصائص CSS المخصصة، ومكونات الويب للموضوعات، وCSS الدفاعية، والتحسين التدريجي. يُستخدم عند كتابة CSS/JS/HTML في ملفات .liquid أو ملفات أصول السمات. المصدر: benjaminsehl/liquid-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
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؟

معايير ترميز CSS وJavaScript وHTML لموضوعات Shopify Liquid. يغطي تسمية BEM داخل علامات ورقة الأنماط، ورموز التصميم، وخصائص CSS المخصصة، ومكونات الويب للموضوعات، وCSS الدفاعية، والتحسين التدريجي. يُستخدم عند كتابة CSS/JS/HTML في ملفات .liquid أو ملفات أصول السمات. المصدر: benjaminsehl/liquid-skills.

كيف أثبّت liquid-theme-standards؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/benjaminsehl/liquid-skills --skill liquid-theme-standards بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

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

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-25