معايير ترميز CSS وJavaScript وHTML لموضوعات Shopify Liquid. يغطي تسمية BEM داخل علامات ورقة الأنماط، ورموز التصميم، وخصائص CSS المخصصة، ومكونات الويب للموضوعات، وCSS الدفاعية، والتحسين التدريجي. يُستخدم عند كتابة CSS/JS/HTML في ملفات .liquid أو ملفات أصول السمات.
ثبّت مهارة الذكاء الاصطناعي liquid-theme-standards بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: 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معايير ترميز CSS وJavaScript وHTML لموضوعات Shopify Liquid. يغطي تسمية BEM داخل علامات ورقة الأنماط، ورموز التصميم، وخصائص CSS المخصصة، ومكونات الويب للموضوعات، وCSS الدفاعية، والتحسين التدريجي. يُستخدم عند كتابة CSS/JS/HTML في ملفات .liquid أو ملفات أصول السمات. المصدر: benjaminsehl/liquid-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل 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