اكتب مكونات Alpine.js المتوافقة مع CSP لموضوعات Hyvä في Magento 2. يجب استخدام هذه المهارة عندما يريد المستخدم إنشاء مكونات Alpine، أو إضافة التفاعل إلى قوالب Hyvä، أو كتابة JavaScript لموضوعات Hyvä، أو يحتاج إلى مساعدة في أنماط Alpine.js التي تعمل مع سياسة أمان المحتوى. تتضمن عبارات التشغيل "إنشاء مكون جبال الألب"، و"إضافة تفاعل"، و"alpine for hyva"، و"مكون x-data"، و"توافق csp"، و"javascript المتوافق مع csp".
ثبّت مهارة الذكاء الاصطناعي hyva-alpine-component بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: hyva-themes/hyva-ai-tools.
This skill provides guidance for writing CSP-compatible Alpine.js components in Hyvä themes. Alpine CSP is a specialized Alpine.js build that operates without the unsafe-eval CSP directive, which is required for PCI-DSS 4.0 compliance on payment-related pages (mandatory from April 1, 2025).
Key principle: CSP-compatible code functions in both standard and Alpine CSP builds. Write all Alpine code using CSP patterns for future-proofing.
| Property reads | x-show="open" | Same | | Negation | x-show="!open" | Method: x-show="isNotOpen" | | Mutations | @click="open = false" | Method: @click="close" | | Method args | @click="setTab('info')" | Dataset: @click="setTab" data-tab="info" | | x-model | Available | Not supported - use :value + @input |
اكتب مكونات Alpine.js المتوافقة مع CSP لموضوعات Hyvä في Magento 2. يجب استخدام هذه المهارة عندما يريد المستخدم إنشاء مكونات Alpine، أو إضافة التفاعل إلى قوالب Hyvä، أو كتابة JavaScript لموضوعات Hyvä، أو يحتاج إلى مساعدة في أنماط Alpine.js التي تعمل مع سياسة أمان المحتوى. تتضمن عبارات التشغيل "إنشاء مكون جبال الألب"، و"إضافة تفاعل"، و"alpine for hyva"، و"مكون x-data"، و"توافق csp"، و"javascript المتوافق مع csp". المصدر: hyva-themes/hyva-ai-tools.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-alpine-componentاكتب مكونات Alpine.js المتوافقة مع CSP لموضوعات Hyvä في Magento 2. يجب استخدام هذه المهارة عندما يريد المستخدم إنشاء مكونات Alpine، أو إضافة التفاعل إلى قوالب Hyvä، أو كتابة JavaScript لموضوعات Hyvä، أو يحتاج إلى مساعدة في أنماط Alpine.js التي تعمل مع سياسة أمان المحتوى. تتضمن عبارات التشغيل "إنشاء مكون جبال الألب"، و"إضافة تفاعل"، و"alpine for hyva"، و"مكون x-data"، و"توافق csp"، و"javascript المتوافق مع csp". المصدر: hyva-themes/hyva-ai-tools.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/hyva-themes/hyva-ai-tools --skill hyva-alpine-component بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/hyva-themes/hyva-ai-tools