·frontend-ui-ux-design
*

frontend-ui-ux-design

ينشئ تصميمات شاملة لواجهة المستخدم/تجربة المستخدم الأمامية بما في ذلك واجهات المستخدم وأنظمة التصميم ومكتبات المكونات والتخطيطات سريعة الاستجابة وتطبيقات إمكانية الوصول. ينتج إطارات سلكية ونماذج بالحجم الطبيعي ومواصفات التصميم وإرشادات التنفيذ. يُستخدم عند تصميم واجهات المستخدم، أو إنشاء أنظمة تصميم، أو إنشاء مكتبات المكونات، أو تنفيذ تصميمات سريعة الاستجابة، أو ضمان الامتثال لإمكانية الوصول، أو عندما يذكر المستخدمون تصميم واجهة المستخدم، أو تصميم UX، أو تصميم الواجهة، أو أنظمة التصميم، أو تجربة المستخدم، أو أنماط تصميم الواجهة الأمامية.

46التثبيتات·1الرائج·@dauquangthanh

التثبيت

$npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill frontend-ui-ux-design

كيفية تثبيت frontend-ui-ux-design

ثبّت مهارة الذكاء الاصطناعي frontend-ui-ux-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill frontend-ui-ux-design
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: dauquangthanh/hanoi-rainbow.

This skill enables creation of production-ready frontend UI/UX designs from research through implementation. Follow a structured design process that balances user needs, business goals, technical constraints, and accessibility requirements.

For complete research process: See uiux-design-process.md for detailed research, personas, journey mapping, and information architecture guidelines.

For design principles: See design-principles.md for visual hierarchy, consistency, simplicity, feedback, and error prevention guidelines.

ينشئ تصميمات شاملة لواجهة المستخدم/تجربة المستخدم الأمامية بما في ذلك واجهات المستخدم وأنظمة التصميم ومكتبات المكونات والتخطيطات سريعة الاستجابة وتطبيقات إمكانية الوصول. ينتج إطارات سلكية ونماذج بالحجم الطبيعي ومواصفات التصميم وإرشادات التنفيذ. يُستخدم عند تصميم واجهات المستخدم، أو إنشاء أنظمة تصميم، أو إنشاء مكتبات المكونات، أو تنفيذ تصميمات سريعة الاستجابة، أو ضمان الامتثال لإمكانية الوصول، أو عندما يذكر المستخدمون تصميم واجهة المستخدم، أو تصميم UX، أو تصميم الواجهة، أو أنظمة التصميم، أو تجربة المستخدم، أو أنماط تصميم الواجهة الأمامية. المصدر: dauquangthanh/hanoi-rainbow.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill frontend-ui-ux-design
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from dauquangthanh/hanoi-rainbow

إجابات سريعة

ما هي frontend-ui-ux-design؟

ينشئ تصميمات شاملة لواجهة المستخدم/تجربة المستخدم الأمامية بما في ذلك واجهات المستخدم وأنظمة التصميم ومكتبات المكونات والتخطيطات سريعة الاستجابة وتطبيقات إمكانية الوصول. ينتج إطارات سلكية ونماذج بالحجم الطبيعي ومواصفات التصميم وإرشادات التنفيذ. يُستخدم عند تصميم واجهات المستخدم، أو إنشاء أنظمة تصميم، أو إنشاء مكتبات المكونات، أو تنفيذ تصميمات سريعة الاستجابة، أو ضمان الامتثال لإمكانية الوصول، أو عندما يذكر المستخدمون تصميم واجهة المستخدم، أو تصميم UX، أو تصميم الواجهة، أو أنظمة التصميم، أو تجربة المستخدم، أو أنماط تصميم الواجهة الأمامية. المصدر: dauquangthanh/hanoi-rainbow.

كيف أثبّت frontend-ui-ux-design؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill frontend-ui-ux-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/dauquangthanh/hanoi-rainbow