يتطلب إنشاء رسوم متحركة سلسة لمكونات ShadCN UI فهم أنماط Framer Motion. توفر هذه المهارة أنماط أكواد جاهزة للاستخدام للتأثيرات التلاشية، وتأثيرات التمرير، ورسوم Dialog المتحركة، انتقالات الصفحات، وهياكل التحميل.

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

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

يتطلب إنشاء فن HTML معقد باستخدام React وقتًا كبيرًا للإعداد والتكوين. توفر هذه المهارة نصوصًا آلية لتهيئة مشاريع React مع Tailwind CSS و shadcn/ui، ثم تجميع كل شيء في ملف HTML واحد محمول جاهز للمشاركة في محادثات Claude.

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

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

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

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

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

يريد المستخدمون فنًا توليديًا فريدًا لكنهم يفتقرون إلى معرفة التصميم الخوارزمي. تنشئ هذه المهارة فنًا خوارزميًا أصليًا باستخدام p5.js مع عشوائية مُؤسَّسة ببذور، وحقول تدفق، وأنظمة جسيمات، واستكشاف تفاعلي للمعلمات لإنتاج مخرجات مرئية مخصّصة.

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

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

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

بناء مكونات React يسهل الوصول إليها يتطلب وقتًا واهتمامًا دقيقًا بالتنقل عبر لوحة المفاتيح وخصائص ARIA. توفر هذه المهارة أنماط مكونات shadcn/ui جاهزة للنسخ واللصق مع التحقق من صحة النماذج والوضع الداكن والتخطيطات المتجاوبة لتطبيقات Next.js.

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

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

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

إنشاء وثائق ومنتجات تتطابق مع الهوية البصرية لـ Anthropic. تطبيق ألوان العلامة التجارية والطباعة الرسمية بشكل متسق عبر جميع المواد.

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

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