قم بإنشاء واجهات أمامية مميزة على مستوى الإنتاج بجودة تصميم عالية باستخدام نظام التصميم التمهيدي وإرشادات العلامة التجارية. استخدم هذه المهارة عندما يطلب المستخدم إنشاء مكونات ويب أو صفحات أو منتجات أو ملصقات أو تطبيقات (تشمل الأمثلة مواقع الويب أو الصفحات المقصودة أو لوحات المعلومات أو مكونات React أو تخطيطات HTML/CSS أو عند تصميم/تجميل أي واجهة مستخدم ويب). يُنشئ كودًا مصقولًا وتصميمًا لواجهة المستخدم يتوافق تمامًا مع نظام التصميم التمهيدي.
ثبّت مهارة الذكاء الاصطناعي primer-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: bas/agent-skills.
This skill guides creation of production-grade frontend interfaces that follow the HitHub Primer brand design guidelines. Implement real working code with exceptional attention to the primer design system guidelines, Brand UI, Primer React Components and Octicons.
The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.
Before coding, understand the context and commit to a clear aesthetic direction:
قم بإنشاء واجهات أمامية مميزة على مستوى الإنتاج بجودة تصميم عالية باستخدام نظام التصميم التمهيدي وإرشادات العلامة التجارية. استخدم هذه المهارة عندما يطلب المستخدم إنشاء مكونات ويب أو صفحات أو منتجات أو ملصقات أو تطبيقات (تشمل الأمثلة مواقع الويب أو الصفحات المقصودة أو لوحات المعلومات أو مكونات React أو تخطيطات HTML/CSS أو عند تصميم/تجميل أي واجهة مستخدم ويب). يُنشئ كودًا مصقولًا وتصميمًا لواجهة المستخدم يتوافق تمامًا مع نظام التصميم التمهيدي. المصدر: bas/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/bas/agent-skills --skill primer-designقم بإنشاء واجهات أمامية مميزة على مستوى الإنتاج بجودة تصميم عالية باستخدام نظام التصميم التمهيدي وإرشادات العلامة التجارية. استخدم هذه المهارة عندما يطلب المستخدم إنشاء مكونات ويب أو صفحات أو منتجات أو ملصقات أو تطبيقات (تشمل الأمثلة مواقع الويب أو الصفحات المقصودة أو لوحات المعلومات أو مكونات React أو تخطيطات HTML/CSS أو عند تصميم/تجميل أي واجهة مستخدم ويب). يُنشئ كودًا مصقولًا وتصميمًا لواجهة المستخدم يتوافق تمامًا مع نظام التصميم التمهيدي. المصدر: bas/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/bas/agent-skills --skill primer-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/bas/agent-skills