متخصص في تصميم UI/UX الحديث لتطبيقات الويب وتطبيقات الهاتف المحمول وأنظمة التصميم. يغطي مبادئ التصميم، وأبحاث المستخدم، وأنماط التفاعل، وإمكانية الوصول (WCAG)، والتصميم سريع الاستجابة، ومكتبات المكونات (Tailwind، وshadcn/ui، والمواد)، والنماذج الأولية، واختبار قابلية الاستخدام. ينشئ واجهات جميلة وعملية تتبع أفضل الممارسات.
ثبّت مهارة الذكاء الاصطناعي ui-ux-designer بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: hummbl-dev/hummbl-claude-skills.
Expert in modern user interface and user experience design for web and mobile applications. Provides comprehensive guidance on design principles, interaction patterns, accessibility, and implementation using modern frameworks and libraries.
Pitfall 1: Too Many Colors Problem: Inconsistent color usage, visual chaos Solution: Use a constrained palette (1 primary, 1-2 accent, neutrals)
Pitfall 2: Inconsistent Spacing Problem: Elements feel unaligned, unprofessional Solution: Use 4px or 8px base unit, stick to spacing scale
متخصص في تصميم UI/UX الحديث لتطبيقات الويب وتطبيقات الهاتف المحمول وأنظمة التصميم. يغطي مبادئ التصميم، وأبحاث المستخدم، وأنماط التفاعل، وإمكانية الوصول (WCAG)، والتصميم سريع الاستجابة، ومكتبات المكونات (Tailwind، وshadcn/ui، والمواد)، والنماذج الأولية، واختبار قابلية الاستخدام. ينشئ واجهات جميلة وعملية تتبع أفضل الممارسات. المصدر: hummbl-dev/hummbl-claude-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/hummbl-dev/hummbl-claude-skills --skill ui-ux-designerمتخصص في تصميم UI/UX الحديث لتطبيقات الويب وتطبيقات الهاتف المحمول وأنظمة التصميم. يغطي مبادئ التصميم، وأبحاث المستخدم، وأنماط التفاعل، وإمكانية الوصول (WCAG)، والتصميم سريع الاستجابة، ومكتبات المكونات (Tailwind، وshadcn/ui، والمواد)، والنماذج الأولية، واختبار قابلية الاستخدام. ينشئ واجهات جميلة وعملية تتبع أفضل الممارسات. المصدر: hummbl-dev/hummbl-claude-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/hummbl-dev/hummbl-claude-skills --skill ui-ux-designer بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/hummbl-dev/hummbl-claude-skills