·ui-ux-design
*

ui-ux-design

قاعدة بيانات مرجعية لتصميم واجهة المستخدم/تجربة المستخدم. أكثر من 50 نمطًا، و21 لوحة ألوان، و50 زوجًا من الخطوط، و20 مخططًا، و8 مجموعات مكدسة (React، وNext.js، وVue، وSvelte، وSwiftUI، وReact Native، وFlutter، وTailwind). الإجراءات: التخطيط، والإنشاء، والإنشاء، والتصميم، والتنفيذ، والمراجعة، والإصلاح، والتحسين، والتحسين، والتحسين، وإعادة البناء، والتحقق من كود UI/UX. المشاريع: موقع الويب، الصفحة المقصودة، لوحة القيادة، لوحة الإدارة، التجارة الإلكترونية، SaaS، المحفظة، المدونة، تطبيق الهاتف المحمول، .html، .tsx، .vue، .svelte. العناصر: زر، مشروط، شريط التنقل، الشريط الجانبي، البطاقة، الجدول، النموذج، المخطط. الأنماط: الشكل الزجاجي، الشكل الطيني، البساطة، الوحشية، الشكل الجديد، شبكة بينتو، الوضع المظلم، سريع الاستجابة، الشكل الشكلي، التصميم المسطح. المواضيع: لوحة الألوان، إمكانية الوصول، الرسوم المتحركة، التخطيط، الطباعة، اقتران الخطوط، التباعد، التحويم، الظل، التدرج.

118التثبيتات·7الرائج·@samhvw8

التثبيت

$npx skills add https://github.com/samhvw8/dot-claude --skill ui-ux-design

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

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

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

المصدر: samhvw8/dot-claude.

Curated reference database of UI/UX patterns, styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices. Use this as a lookup tool to find proven design patterns and implementation guidance.

If Python is not installed, install it based on user's OS:

When user requests UI/UX work (design, build, create, implement, review, fix, improve), follow this workflow:

قاعدة بيانات مرجعية لتصميم واجهة المستخدم/تجربة المستخدم. أكثر من 50 نمطًا، و21 لوحة ألوان، و50 زوجًا من الخطوط، و20 مخططًا، و8 مجموعات مكدسة (React، وNext.js، وVue، وSvelte، وSwiftUI، وReact Native، وFlutter، وTailwind). الإجراءات: التخطيط، والإنشاء، والإنشاء، والتصميم، والتنفيذ، والمراجعة، والإصلاح، والتحسين، والتحسين، والتحسين، وإعادة البناء، والتحقق من كود UI/UX. المشاريع: موقع الويب، الصفحة المقصودة، لوحة القيادة، لوحة الإدارة، التجارة الإلكترونية، SaaS، المحفظة، المدونة، تطبيق الهاتف المحمول، .html، .tsx، .vue، .svelte. العناصر: زر، مشروط، شريط التنقل، الشريط الجانبي، البطاقة، الجدول، النموذج، المخطط. الأنماط: الشكل الزجاجي، الشكل الطيني، البساطة، الوحشية، الشكل الجديد، شبكة بينتو، الوضع المظلم، سريع الاستجابة، الشكل الشكلي، التصميم المسطح. المواضيع: لوحة الألوان، إمكانية الوصول، الرسوم المتحركة، التخطيط، الطباعة، اقتران الخطوط، التباعد، التحويم، الظل، التدرج. المصدر: samhvw8/dot-claude.

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

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

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

Browse more skills from samhvw8/dot-claude

إجابات سريعة

ما هي ui-ux-design؟

قاعدة بيانات مرجعية لتصميم واجهة المستخدم/تجربة المستخدم. أكثر من 50 نمطًا، و21 لوحة ألوان، و50 زوجًا من الخطوط، و20 مخططًا، و8 مجموعات مكدسة (React، وNext.js، وVue، وSvelte، وSwiftUI، وReact Native، وFlutter، وTailwind). الإجراءات: التخطيط، والإنشاء، والإنشاء، والتصميم، والتنفيذ، والمراجعة، والإصلاح، والتحسين، والتحسين، والتحسين، وإعادة البناء، والتحقق من كود UI/UX. المشاريع: موقع الويب، الصفحة المقصودة، لوحة القيادة، لوحة الإدارة، التجارة الإلكترونية، SaaS، المحفظة، المدونة، تطبيق الهاتف المحمول، .html، .tsx، .vue، .svelte. العناصر: زر، مشروط، شريط التنقل، الشريط الجانبي، البطاقة، الجدول، النموذج، المخطط. الأنماط: الشكل الزجاجي، الشكل الطيني، البساطة، الوحشية، الشكل الجديد، شبكة بينتو، الوضع المظلم، سريع الاستجابة، الشكل الشكلي، التصميم المسطح. المواضيع: لوحة الألوان، إمكانية الوصول، الرسوم المتحركة، التخطيط، الطباعة، اقتران الخطوط، التباعد، التحويم، الظل، التدرج. المصدر: samhvw8/dot-claude.

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

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

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

https://github.com/samhvw8/dot-claude