web-design-guidelines
آمن 69مراجعة كود واجهة المستخدم للامتثال للتصميم
بواسطة vercel-labs
يمكن لـ Claude مراجعة كود واجهة المستخدم تلقائياً مقابل إرشادات تصميم الويب المحددة، والكشف عن مشاكل إمكانية الاستخدام والممارسات الفضلى قبل النشر. تجلب هذه المهارة أحدث الإرشادات وتقوم بتحليل ثابت لتحديد التحسينات.
ai-elements
آمن 81بناء واجهات دردشة الذكاء الاصطناعي
بواسطة vercel
إنشاء مكونات واجهة دردشة الذكاء الاصطناعي الحديثة باستخدام عناصر واجهة مستخدم مُجمَّعة مسبقًا وقابلة للتكوين تتبع أنماط shadcn/ui واصطلاحات Vercel AI SDK.
theme-factory
آمن 68طبق موضوعًا احترافيًا على عنصرك
بواسطة anthropics
تحتاج إلى تنسيق مرئي متسق عبر المستندات والعروض التقديمية. توفر هذه المهارة 10 موضوعات منسقة ويمكنها إنشاء موضوعات مخصصة بناءً على متطلباتك. طبق ألوانًا وخطوطًا متطابقة على الشرائح والمستندات والتقارير.
slack-gif-creator
آمن 71إنشاء صور GIF متحركة لبرنامج Slack
بواسطة anthropics
يتطلب إنشاء صور GIF متحركة لبرنامج Slack أبعاداً محددة وحدوداً للألوان ومعدلات إطارات معينة لعرضها بشكل صحيح. توفر هذه الأداة أدوات لإنشاء صور GIF تستوفي متطلبات Slack مع دوال حركة سلسة وتأثيرات بصرية.
liquid-glass
آمن 71إضافة تأثيرات الزجاج السائل إلى تطبيقات SwiftUI
بواسطة patrickserrano
يتطلب بناء واجهات iOS الحديثة تنفيذ تأثيرات بصرية متقدمة. توفر هذه الإرشادات وأمثلة كود استخدام واجهة برمجة تطبيقات الزجاج السائل iOS 26+ لإنشاء تأثيرات التمويه والانعكاس والأسطح الزجاجية التفاعلية في SwiftUI.
mulerouter
آمن 80إنشاء صور ومقاطع فيديو AI باستخدام MuleRouter
بواسطة openmule
يتطلب إنشاء وسائط احترافية تعتمد على الذكاء الاصطناعي عمليات تكامل معقدة مع واجهات إدارة النماذج. تعمل مهارة MuleRouter على تبسيط ذلك من خلال توفير واجهة موحدة لإنشاء الصور ومقاطع الفيديو باستخدام أحدث نماذج الذكاء الاصطناعي.
nano-image-generator
آمن 77إنشاء الصور باستخدام Gemini 3 Pro مع مراجع النمط
بواسطة lxfater
غالباً ما يتطلب إنشاء الأصول البصرية للمشاريع أدوات تصميم مكلفة أو الرسم اليدوي. تتيح هذه المهارة إنشاء الصور الفوري باستخدام Google Gemini 3 Pro Preview API مع دعم الصور المرجعية للحفاظ على نمط مظهر متسق للشخصيات عبر أصول متعددة.
generate-image
آمن 73إنشاء صور AI باستخدام FLUX و Gemini
بواسطة K-Dense-AI
أنشئ صورًا عالية الجودة للعروض التقديمية والمستندات والنشرات باستخدام نماذج AI. أنشئ أعمالًا فنية أصلية أو حرر الصور الموجودة باستخدام أوامر نصية بسيطة. الوصول إلى نماذج FLUX و Gemini من خلال OpenRouter API.
baoyu-xhs-images
آمن 75إنشاء سلسلة الرسوم البيانية لمنصة Xiaohongshu
بواسطة JimLiu
تحويل المحتوى إلى سلسلة رسوم بيانية بأسلوب Xiaohongshu جذابة. يختار تلقائياً الأساليب والتخطيطات البصرية بناءً على تحليل المحتوى. يولد من 1 إلى 10 صور كرتونية محسنة لمنصة Xiaohongshu.
baoyu-slide-deck
آمن 74إنشاء شرائح احترافية من المحتوى
بواسطة JimLiu
يواجه المستخدمون صعوبة في تحويل المحتوى المكتوب إلى عروض تقديمية مرئية. تحلل هذه المهارة المحتوى، وتُنشئ مخططات شرائح شاملة مع مواصفات الأسلوب، وتنتج صور شرائح فردية باستخدام توليد الصور بالذكاء الاصطناعي.
baoyu-image-gen
مخاطر منخفضة 70إنشاء صور AI باستخدام OpenAI و Google
بواسطة jimliu
أنشئ صورًا عالية الجودة مولدة بالذكاء الاصطناعي دون مغادرة بيئة التطوير الخاصة بك. يدعم مزودين متعددين، ومقاسات جانبية، وصور مرجعية للتحكم البصري الدقيق.
baoyu-gemini-web
مخاطر منخفضة 71إنشاء نص وصور باستخدام Gemini Web
بواسطة JimLiu
الوصول إلى Google Gemini Web لإنشاء نص وصور مدعوم بالذكاء الاصطناعي. يستخدم المصادقة القائمة على المتصفح للتعامل مع تسجيل دخول Google بشكل آمن. يوفر أساساً لمهارات baoyu الأخرى التي تحتاج إلى إمكانيات Gemini.
baoyu-cover-image
آمن 73إنشاء صور غلاف مقالات بأسلوب رسم يدوي
بواسطة JimLiu
يتطلب إنشاء صور غلاف جذابة بصريًا للمقالات مهارات تصميم وأدوات إنشاء صور. تقوم هذه المهارة بتحليل محتواك وإنشاء صور غلاف أنيقة بأسلوب رسم يدوي تلقائيًا بأنماط بصرية متعددة.
baoyu-comic
مخاطر منخفضة 76إنشاء كوميكس معرفية تعليمية
بواسطة JimLiu
تحويل الموضوعات المعقدة إلى كوميكس مرئية جذابة. إنشاء كوميكس تعليمية متعددة الصفحات مع تصميمات الشخصيات والاختبارات المصورة وتخطيطات اللوحات في أنماط فنية متنوعة.
baoyu-article-illustrator
آمن 70إنشاء رسوم توضيحية بالذكاء الاصطناعي للمقالات
بواسطة JimLiu
المقالات التي تحتوي على نص فقط تفشل في جذب القراء. تقوم هذه المهارة بتحليل محتوى مقالتك وإنشاء رسوم توضيحية سياقية تلقائياً في المواضع الرئيسية. اختر من بين 9 أنماط بصرية لتتناسب مع نبرة المحتوى والموضوع.
ai-video-generation
مخاطر منخفضة 69Generate AI Videos
بواسطة inference-sh
Create videos from text, images, or audio using 40+ AI models. Generate social media clips, marketing content, and explainer videos with tools like Veo 3.1, Grok Video, and Wan 2.5.
remotion-render
مخاطر منخفضة 71تصدير مقاطع فيديو من كود React/Remotion
بواسطة inference-sh-7
حوّل كود React وRemotion TSX إلى مقاطع فيديو MP4 برمجياً. مثالي للمطورين الذين يرغبون في إنشاء رسوم متحركة ورسومات حركية ومقاطع فيديو قائمة على البيانات عبر الكود.
remotion-render
آمن 74تحويل كود React/Remotion إلى مقاطع فيديو
بواسطة inference-sh-6
تحويل كود React TSX إلى مقاطع فيديو احترافية بصيغة MP4 باستخدام Remotion. إنشاء الفيديو برمجياً للمطورين ومنشئي المحتوى وسير العمل الآلي.
remotion
مخاطر منخفضة 75إنشاء مقاطع فيديو توضيحية من Remotion لشاشات Stitch
بواسطة google-labs-code
تحتاج الفرق إلى مقاطع فيديو توضيحية سريعة ومتسقة لشاشات التطبيق، لكن التحرير اليدوي يكون بطيئاً. تعمل هذه المهارة على أتمتة استرجاع الشاشة وتكوين Remotion لإنتاج مقاطع فيديو جاهزة للعرض مع انتقالات ومتراكبات.
frontend-design
آمن 70تصميم واجهات أمامية من الدرجة الأولى للإنتاج
بواسطة anthropics
تخلق هذه المهارة واجهات أمامية مميزة وجاهزة للإنتاج تبرز عن التصميمات العامة التي ينتجها الذكاء الاصطناعي. توفر مكونات ويب مصقولة مع جماليات جريئة واهتمام دقيق بالتفاصيل.