·frontend-magic-ui
*

frontend-magic-ui

مكونات الصفحة المقصودة SaaS المصقولة. يستخدم لمؤشرات الأرقام/الإحصائيات المتحركة، وأطر الشعارات، وشبكات بينتو، ونماذج الأجهزة (iPhone، وSafari)، والأزرار اللامعة/قوس قزح، وتأثيرات الكتابة. طلاء تسويقي احترافي مبني على Framer Motion + Tailwind. للحصول على تأثيرات البطل الدرامية، استخدم Aceternity، ولواجهة المستخدم الأساسية استخدم shadcn.

81التثبيتات·0الرائج·@petbrains

التثبيت

$npx skills add https://github.com/petbrains/mvp-builder --skill frontend-magic-ui

كيفية تثبيت frontend-magic-ui

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

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

المصدر: petbrains/mvp-builder.

150+ animated components for SaaS landing pages. Professional polish, production-ready.

| Number animation | ✓ NumberTicker | ✗ | | Logo carousel | ✓ Marquee | ✓ InfiniteMovingCards | | Hero spotlight | ✗ | ✓ Spotlight | | Device mockup | ✓ Safari/iPhone | ✗ | | 3D card tilt | ✗ | ✓ 3D Card |

Rule: Magic UI = polished SaaS, Aceternity = dramatic effects

مكونات الصفحة المقصودة SaaS المصقولة. يستخدم لمؤشرات الأرقام/الإحصائيات المتحركة، وأطر الشعارات، وشبكات بينتو، ونماذج الأجهزة (iPhone، وSafari)، والأزرار اللامعة/قوس قزح، وتأثيرات الكتابة. طلاء تسويقي احترافي مبني على Framer Motion + Tailwind. للحصول على تأثيرات البطل الدرامية، استخدم Aceternity، ولواجهة المستخدم الأساسية استخدم shadcn. المصدر: petbrains/mvp-builder.

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

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

أمر التثبيت
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-magic-ui
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-09
آخر تحديث
2026-03-10

Browse more skills from petbrains/mvp-builder

إجابات سريعة

ما هي frontend-magic-ui؟

مكونات الصفحة المقصودة SaaS المصقولة. يستخدم لمؤشرات الأرقام/الإحصائيات المتحركة، وأطر الشعارات، وشبكات بينتو، ونماذج الأجهزة (iPhone، وSafari)، والأزرار اللامعة/قوس قزح، وتأثيرات الكتابة. طلاء تسويقي احترافي مبني على Framer Motion + Tailwind. للحصول على تأثيرات البطل الدرامية، استخدم Aceternity، ولواجهة المستخدم الأساسية استخدم shadcn. المصدر: petbrains/mvp-builder.

كيف أثبّت frontend-magic-ui؟

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

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

https://github.com/petbrains/mvp-builder