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

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

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

غالبًا ما تؤدي عملية تسليم التصميم إلى كسر البنية المعمارية، والرموز، وإمكانية الوصول. ترشد هذه المهارة Claude وCodex وClaude Code إلى تحويل شاشات Figma أو Pencil المحددة إلى كود Tailwind متعدد الطبقات.

غالبًا ما تفوّت فرق Next.js متطلبات favicon وPWA وصور الشبكات الاجتماعية. تدقق هذه المهارة المشروع، وتعد مواصفات الأصول الدقيقة، وتدمج الملفات المولدة ضمن اصطلاحات App Router.

Recreating a successful video ad from observation is slow and inconsistent. This skill converts reference footage into an evidence-based timeline and production-ready adaptation prompt.

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

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

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

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

تحتاج الفرق إلى إنشاء سريع للصور والنصوص دون بناء واجهة مستخدم منفصلة. توفر هذه المهارة سير عمل عبر CLI لمطالبات Gemini Web والصور والمراجع والجلسات.

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

تؤدي ملفات الصور الكبيرة إلى إبطاء عمليات التسليم وتجعل مشاركة المستودعات أصعب. تضغط هذه المهارة الصور المحلية إلى WebP أو PNG أو JPEG باستخدام أدوات سطر الأوامر المتاحة.

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

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

غالبا ما تحتاج الموجزات الإبداعية إلى مطالبات بصرية واضحة قبل التصيير. تحول هذه المهارة الموجزات والمراجع إلى حزم مطالبات جاهزة لـ MaxArt، وخطط حركة، وأفكار اختبار.

Teams often compare superficial UI alternatives without learning which design decision matters. This skill builds distinct, accessible variants and a shareable picker for informed selection.

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

Interface changes can introduce visual, accessibility, and content regressions across connected surfaces. This skill resolves the change scope and produces evidence-based findings with clear status labels.

Web interfaces hide their implementation behind compiled styles and runtime behavior. This skill gathers evidence and explains the design system or visual effect.