قد تفوّت الفرق مشكلات قابلية الاستخدام عند مراجعة الميزات من منظور داخلي. ترشد هذه المهارة الاختبار القائم على الشخصيات من وجهات نظر عملاء Aftrac وSirius.

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

يمكن أن تمنع عيوب إمكانية الوصول المستخدمين من استخدام الواجهات وتخلق مخاطر امتثال. تراجع هذه المهارة الواجهات وفق WCAG 2.1 وتعيد إصلاحات مرتبة حسب الأولوية.

تسليم التصميم يدويًا من لقطات الشاشة بطيء وغير متسق. تستخرج هذه المهارة الرموز، والمكونات، والتخطيط، وملاحظات إمكانية الوصول إلى ملفات مواصفات تصميم منظمة.

Existing projects often lack a clear record of their interface decisions. This skill extracts design tokens and current UX structure into practical documentation for future UI work.

Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.

قد تجعل الخطوط العامة المنتج يبدو غير مكتمل. تساعد هذه المهارة Claude وCodex وClaude Code على اختيار خطوط وتوليفات وأوزان وتباينات أحجام أكثر قوة.

تفقد الفرق الاتساق عندما تستخدم المكونات قيم ألوان CSS مباشرة. ترشد هذه المهارة Claude وCodex وClaude Code إلى استخدام ألوان سمة MUI.

قد تحتوي مخرجات Figma MCP على متغيرات تصميم وأنماط مضمنة يصعب صيانتها. تربط هذه المهارة تلك القيم بفئات Tailwind CSS القياسية ورموز المشروع.

قد تُخفي مواقع الويب المتجاوبة عيوبًا في التخطيط بعد تغييرات الرسوم المتحركة. تلتقط هذه المهارة لقطات شاشة كاملة الصفحة بعد التمرير عبر أحجام أجهزة متعددة لإجراء مراجعة بصرية مركزة.

يمكن أن تضر الرسوم المتحركة الحديثة على الويب بالأداء وإتاحة الوصول عندما تُنفّذ من دون ضوابط واضحة. تمنح هذه المهارة Claude أنماط GSAP عملية، وخطوات اختبار، وفحوصات إطلاق لإنجاز عمل رسوم متحركة مصقول.

غالبًا ما تفتقر الفرق إلى سجل واضح لألوان العلامة التجارية والخطوط والصور وقواعد الاستجابة. تحول هذه المهارة أصول الموقع ومدخلات العلامة التجارية إلى محتوى إرشادي منظم لسير عمل Claude وCodex وClaude Code.

قد يكون تخطيط إنتاج الفيديو عبر نماذج الذكاء الاصطناعي والأفاتارات وأدوات البرمجة صعبا. ترشدك هذه المهارة إلى اختيار الأدوات، وكتابة المطالبات، وتصميم سير العمل، وخطوات الإنتاج.

غالبا ما تواجه فرق المواقع الإلكترونية صعوبة في تنظيم الصفحات والتنقل وعناوين URL. تنشئ هذه المهارة تسلسلات هرمية واضحة، ومخططات مواقع مرئية، وخرائط URL، وخطط ربط.

غالبا ما تفقد تدفقات التسجيل المستخدمين بسبب الحقول الإضافية، والأخطاء غير الواضحة، وإشارات الثقة الضعيفة. تدقق هذه المهارة تجارب إنشاء الحساب وتقترح تغييرات CRO مركزة.

غالبا ما تفقد صفحات التسويق الزوار بسبب رسائل غير واضحة، أو دعوات إجراء ضعيفة، أو غياب إشارات الثقة. تراجع هذه المهارة بنية الصفحة وتقدم توصيات CRO مرتبة حسب الأولوية.

تحتاج فرق التسويق إلى صور تناسب القنوات والعلامات التجارية وأهداف الأداء. ترشد هذه المهارة إلى صياغة المطالبات، واختيار الأدوات، والأبعاد، والنماذج المعروضة، والتحسين.

غالبًا ما تخسر النماذج زوارًا مؤهلين بسبب الحقول الزائدة، والنصوص غير الواضحة، وضعف التعامل مع الأخطاء. تساعد هذه المهارة Claude أو Codex أو Claude Code على تدقيق النماذج والتوصية بتحسينات في الحقول، والتخطيط، والنصوص، والثقة، والاختبار.

يتطلب إنتاج إعلانات متنوعة وجاهزة للمنصات أدلة قوية وحدودًا دقيقة واختبارات قابلة للتكرار. تحوّل هذه المهارة سياق المنتج وبيانات الأداء إلى دفعات إبداعية مستندة إلى أدلة.

قد تصبح التجارب المرئية غير متسقة أو بطيئة أو غير قابلة للوصول عبر الصفحات. ترشد هذه المهارة تحديثات الرسوم المتحركة والمعارض والعروض التوضيحية وThree.js مع قيود أمان واضحة.