148 مهارات
📱

frontend-responsive

آمن 71

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

بواسطة EIS-ITS

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

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

frontend-css

آمن 71

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

بواسطة EIS-ITS

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

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

theme-factory

آمن 68

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

بواسطة DYAI2025

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

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

slack-gif-creator

آمن 69

إنشاء GIFs متحركة مخصصة لرسائل Slack والرموز التعبيرية

بواسطة DYAI2025

تطبق Slack حدودًا صارمة على حجم GIFs (64KB للرموز التعبيرية، 2MB للرسائل). تنشئ مجموعة الأدوات هذه رسومًا متحركة محسنة تلبي هذه القيود مع توفير تأثيرات احترافية.

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

image-enhancer

آمن 70

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

بواسطة DYAI2025

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

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

canvas-design

آمن 70

إنشاء فن بصري وتركيبات تصميمية

بواسطة DYAI2025

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

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

brand-guidelines

آمن 70

تطبيق إرشادات علامة Anthropic على محتواك

بواسطة DYAI2025

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

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

svg-logo-generator

آمن 70

إنشاء شعارات SVG بسيطة

بواسطة Dwsy

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

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

algorithmic-art

آمن 70

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

بواسطة Doyajin174

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

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

performing-orthonotone-polychoral-instrument

آمن 71

تشغيل آلة Orthonotone Polychoral

بواسطة Domusgpt

يحتاج المستخدمون إلى إرشادات لتشغيل مُركِّب صوتي معقد يعتمد على WebGL و WebAudio. توفر هذه المهارة تعليمات خطوة بخطوة لإعداد المسرح، وعناصر التحكم في الأداء، وتصميم المشاهد، وسير عمل التسجيل لآلة Orthonotone polychoral.

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

swiftui-ui-patterns

آمن 71

بناء واجهات SwiftUI باستخدام أفضل الأنماط

بواسطة Dimillian

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

Claude Codex Code(CC)
تثبيت

swiftui-liquid-glass

آمن 70

تنفيذ تأثيرات Liquid Glass UI في iOS باستخدام SwiftUI

بواسطة Dimillian

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

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

shadcn-aesthetic

آمن 69

تطبيق مبادئ تصميم shadcn/ui على CSS

بواسطة Dieshen

إنشاء CSS احترافي وسهل الوصول يطابق الجمالية النظيفة لـ shadcn/ui. توفر هذه المهارة أنماطًا شاملة لمتغيرات CSS، وألوان HSL، ومقاييس التباعد، وتقنيات التخطيط الحديثة.

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

ui-ux-polish

آمن 69

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

بواسطة Dicklesworthstone

تطبيق الويب الخاص بك يبدو لائقاً ولكنه يفتقر إلى اللمسات الاحترافية العالمية. استخدم سير العمل التكراري هذا لتحسين واجهة وتجربة المستخدم (UI/UX) تدريجياً عبر سطح المكتب والهاتف المحمول، لتحقيق جودة بصرية على مستوى Stripe من خلال عدة مراحل مركزة.

Claude Codex Code(CC)
تثبيت

frontend-accessibility

آمن 71

إنشاء واجهات React متوافقة مع معايير WCAG

بواسطة DevanB

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

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

frontend-design

آمن 69

إنشاء واجهات أمامية احترافية للإنتاج

بواسطة DennisLiuCk

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

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

ui-ux-pro-max

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

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

بواسطة DCjanus

يحتاج المطورون والمصممون إلى واجهات متسقة وسهلة الوصول وجذابة بصرياً لكنهم يفتقرون إلى المعرفة الشاملة بالتصميم. يوفر UI/UX Pro Max وصولاً فورياً إلى أكثر من 50 نمط تصميم ولوحات ألوان وأزواج خطوط وأفضل الممارسات الخاصة بالأطر من خلال عمليات بحث بسيطة بالكلمات الرئيسية.

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

ux-researcher-designer

آمن 72

إنشاء شخصيات المستخدم من بيانات البحث

بواسطة davila7

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

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

ui-design-system

آمن 72

إنشاء أنظمة تصميم واجهة مستخدم متسقة

بواسطة davila7

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

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

theme-factory

آمن 69

تطبيق سمات احترافية على العروض التقديمية

بواسطة davila7

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

Claude Codex Code(CC)
تثبيت