ما هي email-theme-styling؟
دليل شامل لتصميم رسائل البريد الإلكتروني الخاصة بالمعاملات في Magento 2 وتصميمها عبر ملفات السمات، بما في ذلك الاعتبارات الخاصة بـ Hyvä، وبنية CSS المضمنة، وأنماط تجاوز القالب. المصدر: proxiblue/claude-skills.
دليل شامل لتصميم رسائل البريد الإلكتروني الخاصة بالمعاملات في Magento 2 وتصميمها عبر ملفات السمات، بما في ذلك الاعتبارات الخاصة بـ Hyvä، وبنية CSS المضمنة، وأنماط تجاوز القالب.
ثبّت مهارة الذكاء الاصطناعي email-theme-styling بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: proxiblue/claude-skills.
Purpose This skill provides comprehensive guidance on theming and styling Magento 2 transactional emails via theme files. It covers the full email rendering pipeline, CSS inlining architecture, template override patterns, Hyvä Email module integration, and the Tailwind-to-LESS compilation approach.
Magento splits email CSS into two files because email clients like Gmail strip tags:
| email-inline.css (from email-inline.less) | Styles that CAN be inlined | {{inlinecss file="css/email-inline.css"}} | Emogrifier converts to style="" attributes | | email.css (from email.less) | Styles that CANNOT be inlined | {{css file="css/email.css"}} | Placed in tag (media queries, :hover, @font-face) |
دليل شامل لتصميم رسائل البريد الإلكتروني الخاصة بالمعاملات في Magento 2 وتصميمها عبر ملفات السمات، بما في ذلك الاعتبارات الخاصة بـ Hyvä، وبنية CSS المضمنة، وأنماط تجاوز القالب. المصدر: proxiblue/claude-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/proxiblue/claude-skills --skill email-theme-stylingدليل شامل لتصميم رسائل البريد الإلكتروني الخاصة بالمعاملات في Magento 2 وتصميمها عبر ملفات السمات، بما في ذلك الاعتبارات الخاصة بـ Hyvä، وبنية CSS المضمنة، وأنماط تجاوز القالب. المصدر: proxiblue/claude-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/proxiblue/claude-skills --skill email-theme-styling بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/proxiblue/claude-skills