391 مهارات
🎨

ai-image-generation

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

توليد صور AI مع 50+ نموذج

بواسطة inference-sh-8

أنشئ صور AI احترافية دون الحاجة لتعلم منصات متعددة. احصل على FLUX و Gemini و Grok و Seedream و Reve من خلال واجهة CLI موحدة واحدة.

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

remotion-render

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

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

بواسطة inference-sh-7

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

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

remotion-render

آمن 69

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

بواسطة inference-sh-6

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

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

reactbits

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

تصفح وتثبيت أكثر من 135 مكون React متحرك

بواسطة hwj23016021425

البحث عن مكونات React المتحركة الموزعة عبر التوثيق وعينات الكود يستغرق ساعات. توفر هذه المهارة وصولاً فورياً إلى أكثر من 135 مكون React جاهز للإنتاج من ReactBits.dev مع كود المصدر القابل للنسخ واللصق.

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

higgsfield-soul-id

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

Train a personalized AI character with your face photos

بواسطة higgsfield-ai

Creating consistent AI-generated images and videos with your identity requires a model that recognizes your face. This skill trains a Soul Character on your photos so Higgsfield can generate content that faithfully reproduces your appearance across scenes and styles.

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

higgsfield-product-photoshoot

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

توليد صور منتجات بجودة العلامات التجارية باستخدام الذكاء الاصطناعي

بواسطة higgsfield-ai

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

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

higgsfield-marketplace-cards

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

Generate marketplace-ready product images for your listings

بواسطة higgsfield-ai

Creating compliant marketplace product images requires following platform-specific rules for size, content, and style. This skill generates main images, secondary product shots, and A+ brand content modules that meet marketplace requirements using the Higgsfield AI platform.

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

higgsfield-generate

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

توليد الصور والفيديوهات والإعلانات بالذكاء الاصطناعي مع Higgsfield

بواسطة higgsfield-ai

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

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

lottie

آمن 69

Integrate Lottie Animations into HyperFrames Videos

بواسطة heygen-com

Lottie animation files do not work directly in HyperFrames video compositions because the player objects need deterministic seeking. This skill provides adapter patterns to register lottie-web and dotLottie players so HyperFrames can render them frame-accurately.

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

hyperframes

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

إنشاء تركيبات وفيديوهات متحركة تعتمد على HTML

بواسطة heygen-com

يتطلب إنشاء فيديوهات متحركة تعلم برامج إنتاج الفيديو المتخصصة وخطوط العرض المعقدة. يتيح HyperFrames لك كتابة HTML لتعريف تركيبات الفيديو، واستخدام GSAP للرسوم المتحركة، وعرض فيديوهات احترافية مع ترجمة مكتوبة وانتقالات وصوت.

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

gsap

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

إنشاء رسوم متحركة GSAP احترافية للفيديو

بواسطة heygen-com

يتطلب كتابة رسوم متحركة GSAP لتركيبات الفيديو توقيتًا دقيقًا وتنفيذًا حتميًا. توفر هذه المهارة وثائق شاملة لـ GSAP وتأثيرات جاهزة للاستخدام مع HyperFrames، مما يمكّنك من إنشاء رسوم متحركة سلسة واحترافية دون الحاجة للبحث في موارد متعددة.

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

css-animations

آمن 71

Create Deterministic CSS Animations for Video Rendering

بواسطة heygen-com

CSS animations in video rendering break during seeking because they lack deterministic state management. This skill provides adapter patterns for writing CSS keyframe animations that seek reliably in HyperFrames previews and renders.

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

animejs

آمن 71

Create Anime.js Animations for HyperFrames

بواسطة heygen-com

Writing Anime.js animations for video rendering requires deterministic, seek-driven instances. This skill provides the patterns and validation steps needed to make any Anime.js animation render-safe inside HyperFrames compositions.

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

stitch-design

آمن 76

إنشاء تصاميم واجهة مستخدم احترافية من أوامر نصية

بواسطة google-labs-code

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

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

remotion

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

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

بواسطة google-labs-code

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

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

excalidraw-diagram-generator

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

إنشاء مخططات Excalidraw من اللغة الطبيعية

بواسطة github

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

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

emil-design-eng

آمن 69

بناء واجهات مستخدم مصقولة مع إرشادات التصميم الاحترافية

بواسطة emilkowalski

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

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

frontend-responsive

آمن 69

ابنِ تخطيطات متجاوبة تعتمد على الهاتف أولاً

بواسطة EIS-ITS

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

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

frontend-css

آمن 69

تطبيق معايير ومنهجية كتابة CSS

بواسطة EIS-ITS

إن كتابة CSS دون منهجية متسقة تؤدي إلى مشكلات في قابلية الصيانة وتنسيق غير متسق عبر المشاريع. توفر هذه المهارة إرشادات منظمة لتطبيق منهجيات معتمدة في الصناعة مثل Tailwind وBEM وCSS Modules لضمان أنماط نظيفة وقابلة للصيانة والتوسع.

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

theme-factory

آمن 68

تطبيق أنماط الألوان والخطوط ذات السمات على العناصر

بواسطة DYAI2025

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

Claude Codex Code(CC)
تثبيت