·ui-ux-pro-max
*

ui-ux-pro-max

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

47التثبيتات·2الرائج·@gracebotly

التثبيت

$npx skills add https://github.com/gracebotly/flowetic-app --skill ui-ux-pro-max

كيفية تثبيت ui-ux-pro-max

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

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

المصدر: gracebotly/flowetic-app.

Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks. Searchable database with priority-based recommendations.

| 1 | Accessibility | CRITICAL | ux | | 2 | Touch & Interaction | CRITICAL | ux | | 3 | Performance | HIGH | ux | | 4 | Layout & Responsive | HIGH | ux | | 5 | Typography & Color | MEDIUM | typography, color | | 6 | Animation | MEDIUM | ux | | 7 | Style Selection | MEDIUM | style, product | | 8 | Charts & Data | LOW | chart |

This skill is available via Mastra tools that read CSV data from:

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

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

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

Browse more skills from gracebotly/flowetic-app

إجابات سريعة

ما هي ui-ux-pro-max؟

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

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

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

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

https://github.com/gracebotly/flowetic-app

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-01

مهارات ذات صلة

لا يوجد