قم بإنشاء واجهات أمامية فريدة من نوعها على مستوى الإنتاج بجودة تصميم عالية. عندما يطلب منك مستخدم إنشاء مكونات ويب أو صفحات أو عناصر أو ملصقات أو تطبيقات (بما في ذلك مواقع الويب أو الصفحات المقصودة أو لوحات المعلومات أو مكونات React أو تخطيطات HTML/CSS أو تصميم/تجميل أي واجهة مستخدم ويب)، استخدم هذه المهارة. أنشئ تصميمات إبداعية مصقولة ورموز برمجية لواجهة المستخدم، مع تجنب جماليات الذكاء الاصطناعي العامة.
ثبّت مهارة الذكاء الاصطناعي frontend-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: jackiexiao/jackie-skills-dev.
This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.
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 BOLD aesthetic direction:
قم بإنشاء واجهات أمامية فريدة من نوعها على مستوى الإنتاج بجودة تصميم عالية. عندما يطلب منك مستخدم إنشاء مكونات ويب أو صفحات أو عناصر أو ملصقات أو تطبيقات (بما في ذلك مواقع الويب أو الصفحات المقصودة أو لوحات المعلومات أو مكونات React أو تخطيطات HTML/CSS أو تصميم/تجميل أي واجهة مستخدم ويب)، استخدم هذه المهارة. أنشئ تصميمات إبداعية مصقولة ورموز برمجية لواجهة المستخدم، مع تجنب جماليات الذكاء الاصطناعي العامة. المصدر: jackiexiao/jackie-skills-dev.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/jackiexiao/jackie-skills-dev --skill frontend-designقم بإنشاء واجهات أمامية فريدة من نوعها على مستوى الإنتاج بجودة تصميم عالية. عندما يطلب منك مستخدم إنشاء مكونات ويب أو صفحات أو عناصر أو ملصقات أو تطبيقات (بما في ذلك مواقع الويب أو الصفحات المقصودة أو لوحات المعلومات أو مكونات React أو تخطيطات HTML/CSS أو تصميم/تجميل أي واجهة مستخدم ويب)، استخدم هذه المهارة. أنشئ تصميمات إبداعية مصقولة ورموز برمجية لواجهة المستخدم، مع تجنب جماليات الذكاء الاصطناعي العامة. المصدر: jackiexiao/jackie-skills-dev.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jackiexiao/jackie-skills-dev --skill frontend-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/jackiexiao/jackie-skills-dev