·nested-card

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

4التثبيتات·1الرائج·@ainergiz

التثبيت

$npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card

كيفية تثبيت nested-card

ثبّت مهارة الذكاء الاصطناعي nested-card بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: ainergiz/design-inspirations.

Build premium card designs with an outer gradient container wrapping an inner content card, creating visual depth and separation between media and content areas.

| Outer card | | | | Background | bg-gradient-to-b from-[#e8e8ea] to-[#dcdce0] | bg-gradient-to-b from-zinc-700 to-zinc-800 | | Border | border-white/60 | border-zinc-600/40 | | Shadow | shadow-xl shadow-zinc-400/30 | shadow-xl shadow-black/50 | | Border radius | rounded-3xl | rounded-3xl | | Padding | p-2 | p-2 | | Media section | | |

| Border | border-white/40 | border-zinc-600/30 | | Border radius | rounded-2xl | rounded-2xl | | Inner card | | | | Background | bg-white | bg-zinc-900 | | Border radius | rounded-2xl | rounded-2xl | | Padding | px-5 py-4 | px-5 py-4 |

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-25
آخر تحديث
2026-03-10

Browse more skills from ainergiz/design-inspirations

إجابات سريعة

ما هي nested-card؟

إنشاء بطاقات تحتوي على حاوية متدرجة خارجية وبطاقة محتوى داخلية. استخدمه عند إنشاء تصميمات بطاقات مميزة ذات عمق أو تخطيطات بطاقات ذات طبقات أو بطاقات تحتوي على أقسام صور وأقسام محتوى. المصدر: ainergiz/design-inspirations.

كيف أثبّت nested-card؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/ainergiz/design-inspirations --skill nested-card بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/ainergiz/design-inspirations

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-25