يتطلب إنشاء فن 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.

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

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

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