148 مهارات
🎨

web-design-guidelines

آمن 69

مراجعة كود واجهة المستخدم للامتثال للتصميم

بواسطة vercel-labs

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

Claude Codex Code(CC)
تثبيت
📦

ai-elements

آمن 81

بناء واجهات دردشة الذكاء الاصطناعي

بواسطة vercel

إنشاء مكونات واجهة دردشة الذكاء الاصطناعي الحديثة باستخدام عناصر واجهة مستخدم مُجمَّعة مسبقًا وقابلة للتكوين تتبع أنماط shadcn/ui واصطلاحات Vercel AI SDK.

Claude Codex Code(CC)
تثبيت
🎨

theme-factory

آمن 68

طبق موضوعًا احترافيًا على عنصرك

بواسطة anthropics

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

Claude Codex Code(CC)
تثبيت
🎬

slack-gif-creator

آمن 71

إنشاء صور GIF متحركة لبرنامج Slack

بواسطة anthropics

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

Claude Codex Code(CC)
تثبيت
📦

liquid-glass

آمن 71

إضافة تأثيرات الزجاج السائل إلى تطبيقات SwiftUI

بواسطة patrickserrano

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

Claude Codex Code(CC)
تثبيت
🎨

mulerouter

آمن 80

إنشاء صور ومقاطع فيديو AI باستخدام MuleRouter

بواسطة openmule

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

Claude Codex Code(CC)
تثبيت
🖼️

nano-image-generator

آمن 77

إنشاء الصور باستخدام Gemini 3 Pro مع مراجع النمط

بواسطة lxfater

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

Claude Codex Code(CC)
تثبيت
🎨

generate-image

آمن 73

إنشاء صور AI باستخدام FLUX و Gemini

بواسطة K-Dense-AI

أنشئ صورًا عالية الجودة للعروض التقديمية والمستندات والنشرات باستخدام نماذج AI. أنشئ أعمالًا فنية أصلية أو حرر الصور الموجودة باستخدام أوامر نصية بسيطة. الوصول إلى نماذج FLUX و Gemini من خلال OpenRouter API.

Claude Codex Code(CC)
تثبيت
🎨

baoyu-xhs-images

آمن 75

إنشاء سلسلة الرسوم البيانية لمنصة Xiaohongshu

بواسطة JimLiu

تحويل المحتوى إلى سلسلة رسوم بيانية بأسلوب Xiaohongshu جذابة. يختار تلقائياً الأساليب والتخطيطات البصرية بناءً على تحليل المحتوى. يولد من 1 إلى 10 صور كرتونية محسنة لمنصة Xiaohongshu.

Claude Codex Code(CC)
تثبيت
📊

baoyu-slide-deck

آمن 74

إنشاء شرائح احترافية من المحتوى

بواسطة JimLiu

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

Claude Codex Code(CC)
تثبيت
🎨

baoyu-image-gen

مخاطر منخفضة 70

إنشاء صور AI باستخدام OpenAI و Google

بواسطة jimliu

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

Claude Codex Code(CC)
تثبيت

baoyu-gemini-web

مخاطر منخفضة 71

إنشاء نص وصور باستخدام Gemini Web

بواسطة JimLiu

الوصول إلى Google Gemini Web لإنشاء نص وصور مدعوم بالذكاء الاصطناعي. يستخدم المصادقة القائمة على المتصفح للتعامل مع تسجيل دخول Google بشكل آمن. يوفر أساساً لمهارات baoyu الأخرى التي تحتاج إلى إمكانيات Gemini.

Claude Codex Code(CC)
تثبيت
🎨

baoyu-cover-image

آمن 73

إنشاء صور غلاف مقالات بأسلوب رسم يدوي

بواسطة JimLiu

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

Claude Codex Code(CC)
تثبيت
🎨

baoyu-comic

مخاطر منخفضة 76

إنشاء كوميكس معرفية تعليمية

بواسطة JimLiu

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

Claude Codex Code(CC)
تثبيت
🎨

baoyu-article-illustrator

آمن 70

إنشاء رسوم توضيحية بالذكاء الاصطناعي للمقالات

بواسطة JimLiu

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

Claude Codex Code(CC)
تثبيت
📦

ai-video-generation

مخاطر منخفضة 69

Generate 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.

Claude Codex Code(CC)
تثبيت
🎬

remotion-render

مخاطر منخفضة 71

تصدير مقاطع فيديو من كود React/Remotion

بواسطة inference-sh-7

حوّل كود React وRemotion TSX إلى مقاطع فيديو MP4 برمجياً. مثالي للمطورين الذين يرغبون في إنشاء رسوم متحركة ورسومات حركية ومقاطع فيديو قائمة على البيانات عبر الكود.

Claude Codex Code(CC)
تثبيت
🎬

remotion-render

آمن 74

تحويل كود React/Remotion إلى مقاطع فيديو

بواسطة inference-sh-6

تحويل كود React TSX إلى مقاطع فيديو احترافية بصيغة MP4 باستخدام Remotion. إنشاء الفيديو برمجياً للمطورين ومنشئي المحتوى وسير العمل الآلي.

Claude Codex Code(CC)
تثبيت
📦

remotion

مخاطر منخفضة 75

إنشاء مقاطع فيديو توضيحية من Remotion لشاشات Stitch

بواسطة google-labs-code

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

Claude Codex Code(CC)
تثبيت
🎨

frontend-design

آمن 70

تصميم واجهات أمامية من الدرجة الأولى للإنتاج

بواسطة anthropics

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

Claude Codex Code(CC)
تثبيت