استخدم Shopify Polaris Web Components (s-* العناصر المخصصة) لواجهة مستخدم App Home. يُستخدم عند إنشاء أسطح App Home (وليس التطبيقات المضمنة)، وتصميم واجهة المستخدم باستخدام s-page، وs-section، وs-stack، وs-box، وs-button، ومكونات s-* الأخرى. لا تستخدم @shopify/polaris React - يتطلب تطبيق App Home مكونات ويب.
ثبّت مهارة الذكاء الاصطناعي shopify-polaris-web-components بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: tamiror6/shopify-app-skills.
Use this skill when building UI for Shopify App Home surfaces using Polaris Web Components.
Important: App Home uses Polaris Web Components (s- elements), NOT Polaris React (@shopify/polaris). These are different technologies.
| Feature | Polaris React | Polaris Web Components |
استخدم Shopify Polaris Web Components (s-* العناصر المخصصة) لواجهة مستخدم App Home. يُستخدم عند إنشاء أسطح App Home (وليس التطبيقات المضمنة)، وتصميم واجهة المستخدم باستخدام s-page، وs-section، وs-stack، وs-box، وs-button، ومكونات s-* الأخرى. لا تستخدم @shopify/polaris React - يتطلب تطبيق App Home مكونات ويب. المصدر: tamiror6/shopify-app-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/tamiror6/shopify-app-skills --skill shopify-polaris-web-componentsاستخدم Shopify Polaris Web Components (s-* العناصر المخصصة) لواجهة مستخدم App Home. يُستخدم عند إنشاء أسطح App Home (وليس التطبيقات المضمنة)، وتصميم واجهة المستخدم باستخدام s-page، وs-section، وs-stack، وs-box، وs-button، ومكونات s-* الأخرى. لا تستخدم @shopify/polaris React - يتطلب تطبيق App Home مكونات ويب. المصدر: tamiror6/shopify-app-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/tamiror6/shopify-app-skills --skill shopify-polaris-web-components بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/tamiror6/shopify-app-skills