390 مهارات
🎨

stitch-design-taste

آمن 70

إنشاء أنظمة تصميم واجهات المستخدم الفاخرة لـ Google Stitch

بواسطة leonxlnx

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

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

redesign-existing-projects

آمن 71

ترقية المشاريع الحالية بمعايير تصميم متميزة

بواسطة leonxlnx

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

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

minimalist-ui

آمن 70

إنشاء واجهات ويب فاخرة بسيطة

بواسطة leonxlnx

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

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

industrial-brutalist-ui

آمن 69

تصميم واجهات ويب بروتالي�� صناعية

بواسطة leonxlnx

أنشئ واجهات ويب جريئة وميكانيكية مع طباعة سويسرية وجماليات طرفيات عسكرية. تولد لوحات تحكم كثيفة البيانات ومواقع تحريرية مع وظائف خام وتباين طباعي متطرف.

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

image-to-code

آمن 70

Turn design ideas into matching website code

بواسطة leonxlnx

Most AI web design tools produce generic, repetitive layouts that are hard to translate into real code. This skill generates premium design images first, analyzes them deeply, then produces frontend code that faithfully matches the visual reference.

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

imagegen-frontend-web

آمن 70

Generate Premium Website Design References

بواسطة leonxlnx

Standard AI image generation defaults to repetitive, generic website layouts with purple gradients and left-text/right-image heroes. This skill breaks those patterns by enforcing art-directed, premium frontend design references that developers can actually build from.

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

imagegen-frontend-mobile

آمن 69

Generate Premium Mobile App Screen Images

بواسطة leonxlnx

Standard AI tools produce generic, cluttered mobile mockups with unreadable text and inconsistent design systems. This skill solves that by enforcing premium art direction, platform-native patterns, strict multi-screen consistency, and readable typography inside clean phone mockups.

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

high-end-visual-design

آمن 70

تصميم واجهات عالية الجودة بمستوى وكالة متخصصة

بواسطة leonxlnx

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

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

design-taste-frontend-v1

آمن 73

إنشاء تصاميم واجهة أمامية متميزة بدون محتوى AI رديء

بواسطة leonxlnx

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

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

design-taste-frontend

آمن 70

بناء واجهات متميزة معrails التصميم

بواسطة leonxlnx

تنتج مساعدو البرمجة بالذكاء الاصطناعي واجهات عامة وقابلة للتنبؤ افتراضياً. يفرض هذا الـ skill قواعد تصميم صارمة، وهندسة المكونات، ومعايير الأداء لإنتاج كود frontend احترافي.

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

brandkit

آمن 67

Generate Premium Brand Identity Kits and Logo Systems

بواسطة leonxlnx

Creating professional brand identity boards requires design expertise most AI users lack. This skill generates premium brand-guidelines decks, logo systems, and identity presentations with intentional composition and refined visual quality.

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

generate-image

آمن 71

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

بواسطة K-Dense-AI

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

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

ui-final-polish

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

صقل تصميمات واجهات المستخدم للحصول على مظهر جاهز للإنتاج

بواسطة JohnWayneeee

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

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

pencil-to-code

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

تحويل تصاميم Pencil إلى كود واجهة أمامية جاهز للإنتاج

بواسطة JohnWayneeee

تعمل هذه المهارة على أتمتة تحويل ملفات تصاميم Pencil (.pen) إلى كود واجهة أمامية جاهز للإنتاج. يوفر المصممون والمطورون ساعات من الترميز اليدوي من خلال الحفاظ على التخطيط والطباعة والدقة البصرية من التصميم إلى الكود.

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

payoff-action-modeling

آمن 71

نمذجة إجراءات واجهة المستخدم من أسئلة نية المستخدم

بواسطة JohnWayneeee

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

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

figma-pencil-fsd-tailwind4

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

تحويل تصاميم Figma وPencil إلى كود واجهة أمامية منظم

بواسطة JohnWayneeee

غالبًا ما تؤدي عملية الترجمة من التصميم إلى الكود إلى مكونات غير منظمة تخالف بنية المستودع وقواعد نظام التصميم. تقوم هذه المهارة بتحويل تصاميم Figma أو Pencil إلى كود جاهز للإنتاج باستخدام طبقات Feature-Sliced Design، وتوكنات Tailwind v4، ومعايير إمكانية الوصول، مع احترام العقود القائمة في المشروع.

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

brand-assets-setup

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

إعداد أصول العلامة التجارية الكاملة لمشاريع Next.js

بواسطة JohnWayneeee

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

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

baoyu-xhs-images

آمن 75

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

بواسطة JimLiu

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

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

baoyu-slide-deck

آمن 73

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

بواسطة JimLiu

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

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

baoyu-image-gen

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

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

بواسطة jimliu

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

Claude Codex Code(CC)
تثبيت