رسوم متحركة JSON مزخرفة لتعليقات واجهة المستخدم وصقلها. يُستخدم لتحميل الأجزاء الدوارة، وعلامات اختيار النجاح/الخطأ، والرسوم التوضيحية للحالة الفارغة، والأيقونات المتحركة. مجرد مسرحيات وحلقات - لا يوجد تفاعل. بالنسبة للرسوم المتحركة التفاعلية/ذات الحالة، استخدم Rive بدلاً من ذلك. خفيف الوزن ومتوافق مع SSR.
ثبّت مهارة الذكاء الاصطناعي frontend-lottie بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: petbrains/mvp-builder.
Lightweight vector animations. Just plays and loops — no complex logic.
| Just plays/loops | Lottie ✓ | | Reacts to hover/click | Rive | | State machine | Rive | | Data-driven | Rive | | Simple loader | Lottie ✓ |
رسوم متحركة JSON مزخرفة لتعليقات واجهة المستخدم وصقلها. يُستخدم لتحميل الأجزاء الدوارة، وعلامات اختيار النجاح/الخطأ، والرسوم التوضيحية للحالة الفارغة، والأيقونات المتحركة. مجرد مسرحيات وحلقات - لا يوجد تفاعل. بالنسبة للرسوم المتحركة التفاعلية/ذات الحالة، استخدم Rive بدلاً من ذلك. خفيف الوزن ومتوافق مع SSR. المصدر: petbrains/mvp-builder.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-lottie بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-lottieرسوم متحركة JSON مزخرفة لتعليقات واجهة المستخدم وصقلها. يُستخدم لتحميل الأجزاء الدوارة، وعلامات اختيار النجاح/الخطأ، والرسوم التوضيحية للحالة الفارغة، والأيقونات المتحركة. مجرد مسرحيات وحلقات - لا يوجد تفاعل. بالنسبة للرسوم المتحركة التفاعلية/ذات الحالة، استخدم Rive بدلاً من ذلك. خفيف الوزن ومتوافق مع SSR. المصدر: petbrains/mvp-builder.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-lottie بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/petbrains/mvp-builder