تحتاج الفرق إلى تنسيق واجهات متسق لـ Physical AI Hub. تمنح هذه المهارة Claude وCodex وClaude Code قواعد تصميم واضحة للألوان، والطباعة، والمكونات، والرسوم المتحركة، وملفات CSS.

تحتاج فرق الواجهة الأمامية إلى مكونات واجهة مستخدم وأقسام صفحات متسقة. ترشد هذه المهارة Claude و Codex و Claude Code إلى استخدام Shadcn MCP و 21st.dev MCP.

تخسر الفرق وقتًا في تحويل اختيارات السمات إلى أوامر shadcn قابلة للتكرار. تستخدم هذه المهارة مراجع tweakcn لاختيار سمة وتوجيه التثبيت.

غالبًا ما يتطلب إنشاء أصول شعارات مصقولة خطوات متعددة للتصميم والتنظيف. تنشئ هذه المهارة شعارًا باستخدام Replicate، وتزيل الخلفية، وتحفظ ملف PNG شفافًا.

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

تحتاج الفرق إلى أصول مرئية متسقة لصفحات المنتجات والمستندات وشاشات التسويق. توجه هذه المهارة عملية التوليد باستخدام DALL-E وتحفظ الملفات في مجلدات أصول المشروع.

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

غالبًا ما تتعطل تخطيطات البريد الإلكتروني باختلاف برامج البريد ووضع العرض الداكن وحالات حظر الصور. تنشئ هذه المهارة HTML متينًا وتوثّق المخاطر الخاصة بكل برنامج بريد.

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

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

تحتاج فرق إعداد المقررات إلى مرئيات متسقة تشرح المفاهيم بسرعة. تحول هذه المهارة الموجزات الإبداعية إلى مسارات عمل لتوليد الصور في Gemini مع بوابات جودة وتنظيم للملفات.

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

قد تفشل تغييرات إضافة FigJam عند خلط واجهات API الخاصة بـ main-thread وUI. ترشد هذه المهارة Claude وCodex وClaude Code عبر بنية المشروع، وتدفق البناء، وسير عمل الاستيراد.

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

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

يمكن أن تُخفي الملفات المرئية أخطاءً ومشكلات في التخطيط ونصوصًا مهمة. تساعد هذه المهارة Claude أو Codex أو Claude Code على فحص لقطات الشاشة والمخططات والنماذج الأولية من خلال ملاحظات موجزة.

غالبًا ما يحتاج المصممون والمطورون إلى أعمال فنية متجهة سريعة من فكرة مكتوبة. تُنشئ هذه المهارة صورة باستخدام Gemini، وتتبعها، وتحفظ ملف SVG.