148 مهارات
🎮

threejs-builder

آمن 70

بناء تطبيقات ويب ثلاثية الأبعاد باستخدام Three.js

بواسطة CesarAugustusGroB

يتطلب إنشاء محتوى ويب ثلاثي الأبعاد فهم WebGL والـ shaders وبرمجة الرسومات ثلاثية الأبعاد. تولد هذه المهارة تطبيقات Three.js كاملة مع إعداد المشهد والإضاءة والمواد والرسوم المتحركة والعرض المتجاوب باستخدام وحدات ES الحديثة.

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

frontend-design

آمن 69

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

بواسطة CesarAugustusGroB

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

Claude Code(CC)
تثبيت
⚔️

combat-ui-pattern-a

آمن 71

تنفيذ واجهة المستخدم للمعركة ذات الألواح المنقسمة

بواسطة CesarAugustusGroB

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

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

art-style-creator

آمن 71

إنشاء أدلة شاملة للأنماط الفنية

بواسطة CesarAugustusGroB

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

Claude Code(CC)
تثبيت
🎨

gemini-image

آمن 69

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

بواسطة Ceeon

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

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

canvas-design

آمن 69

إنشاء فن قماشي من فئة المتاحف

بواسطة anthropics

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

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

slack-gif-creator

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

إنشاء صور GIF متحركة ورموز تعبيرية لـ Slack

بواسطة Cam10001110101

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

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

generative-art

آمن 70

إنشاء فن توليدي باستخدام العشوائية المعاملة

بواسطة Cam10001110101

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

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

brand-guidelines

آمن 69

تطبيق التصميم البصري لعلامة Anthropic التجارية

بواسطة Cam10001110101

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

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

canvas-design

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

إنشاء فن بصري على مستوى المتاحف باستخدام الذكاء الاصطناعي

بواسطة Cam10001110101

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

Claude Code(CC)
تثبيت
P

algorithmic-art

آمن 69

إنشاء فن خوارزمي باستخدام p5.js

بواسطة Cam10001110101

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

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

tailwind-css-v4-mastery

آمن 76

إتقان Tailwind CSS V4 بإرشادات مدعومة بالذكاء الاصطناعي

بواسطة Calel33

يقدم Tailwind CSS V4 تغييرات ثورية مع محرك Oxide والتكوين الذي يعتمد على CSS أولاً. توفر هذه المهارة إرشادات خبيرة للتنقل في الترحيل، وتحسين الأداء، وبناء أنظمة تصميم حديثة.

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

designing-frontend

آمن 71

تصميم واجهات أمامية مميزة

بواسطة Byunk

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

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

brand-guidelines

آمن 69

تطبيق تنسيق علامة Anthropic التجارية

بواسطة anthropics

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

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

omarchy-theming

آمن 71

إنشاء سمات سطح مكتب Omarchy

بواسطة BitYoungjae

إنشاء سمات سطح مكتب متسقة عبر تطبيقات متعددة معقد ويستغرق وقتًا طويلاً. يوفر نظام theming في Omarchy تكوين colors.toml مركزي يولد تلقائيًا سمات لجميع تطبيقات سطح المكتب بما في ذلك المحطات الطرفية ومديري النوافذ وأدوات النظام.

Claude Codex Code(CC)
تثبيت

ux-waiting-audit

آمن 79

تدقيق حالات انتظار تطبيقات الويب لتحسين تجربة المستخدم

بواسطة BayramAnnakov

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

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

shadcn-ui-patterns

آمن 70

أنشئ واجهات مستخدم سهلة الوصول باستخدام أنماط ShadCN

بواسطة Barnhardt-Enterprises-Inc

يتطلب بناء مكونات React سهلة الوصول فهم أنماط ShadCN وبدائيات Radix UI. توفر هذه المهارة أفضل الممارسات لتنفيذ النوافذ المنبثقة والنماذج وغيرها من المكونات سهلة الوصول باستخدام TailwindCSS ومعايير نوفمبر 2025.

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

shadcn-framer

آمن 69

إنشاء مكونات ShadCN UI متحركة باستخدام Framer Motion

بواسطة Barnhardt-Enterprises-Inc

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

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

frontend-aesthetics

آمن 70

إنشاء تصميمات واجهة أمامية مميزة

بواسطة Barnhardt-Enterprises-Inc

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

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

apple-ui-design

آمن 70

تصميم واجهات مستوحاة من Apple

بواسطة BarisSozen

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

Claude Codex Code(CC)
تثبيت