استخدم Shopify Polaris Web Components (s-* العناصر المخصصة) لواجهة مستخدم App Home. يُستخدم عند إنشاء أسطح App Home (وليس التطبيقات المضمنة)، وتصميم واجهة المستخدم باستخدام s-page، وs-section، وs-stack، وs-box، وs-button، ومكونات s-* الأخرى. لا تستخدم @shopify/polaris React - يتطلب تطبيق الصفحة الرئيسية مكونات ويب.
ثبّت مهارة الذكاء الاصطناعي app-shopify-polaris-web-components بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: niccos-shopify-workspace/shopify-cursor-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 - يتطلب تطبيق الصفحة الرئيسية مكونات ويب. المصدر: niccos-shopify-workspace/shopify-cursor-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/niccos-shopify-workspace/shopify-cursor-skills --skill app-shopify-polaris-web-componentsBrowse more skills from niccos-shopify-workspace/shopify-cursor-skills
استخدم Shopify Polaris Web Components (s-* العناصر المخصصة) لواجهة مستخدم App Home. يُستخدم عند إنشاء أسطح App Home (وليس التطبيقات المضمنة)، وتصميم واجهة المستخدم باستخدام s-page، وs-section، وs-stack، وs-box، وs-button، ومكونات s-* الأخرى. لا تستخدم @shopify/polaris React - يتطلب تطبيق الصفحة الرئيسية مكونات ويب. المصدر: niccos-shopify-workspace/shopify-cursor-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/niccos-shopify-workspace/shopify-cursor-skills --skill app-shopify-polaris-web-components بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/niccos-shopify-workspace/shopify-cursor-skills