مكتبة انتقالات الصفحة لإنشاء انتقالات سلسة وسلسة بين صفحات موقع الويب. استخدم هذه المهارة عند تنفيذ انتقالات الصفحة، أو إنشاء تجارب تشبه SPA، أو إضافة تغييرات المسار المتحركة، أو إنشاء مواقع الويب ذات التنقل السلس. تشغيل المهام التي تتضمن Barba.js، أو انتقالات الصفحة، أو التوجيه، أو إدارة العرض، أو خطافات النقل، أو تكامل GSAP، أو التنقل السلس للصفحة. يعمل مع gsap-scrolltrigger للرسوم المتحركة الانتقالية.
ثبّت مهارة الذكاء الاصطناعي barba-js بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: freshtechbro/claudedesignskills.
Modern page transition library for creating fluid, smooth transitions between website pages. Barba.js makes multi-page websites feel like Single Page Applications (SPAs) by hijacking navigation and managing transitions without full page reloads.
Barba.js is a lightweight (7kb minified and compressed) JavaScript library that intercepts navigation between pages, fetches new content via AJAX, and smoothly transitions between old and new containers. It reduces page load delays and HTTP requests while maintaining the benefits of traditional multi-page architecture.
Views are page-specific logic containers that run based on namespace:
مكتبة انتقالات الصفحة لإنشاء انتقالات سلسة وسلسة بين صفحات موقع الويب. استخدم هذه المهارة عند تنفيذ انتقالات الصفحة، أو إنشاء تجارب تشبه SPA، أو إضافة تغييرات المسار المتحركة، أو إنشاء مواقع الويب ذات التنقل السلس. تشغيل المهام التي تتضمن Barba.js، أو انتقالات الصفحة، أو التوجيه، أو إدارة العرض، أو خطافات النقل، أو تكامل GSAP، أو التنقل السلس للصفحة. يعمل مع gsap-scrolltrigger للرسوم المتحركة الانتقالية. المصدر: freshtechbro/claudedesignskills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-jsمكتبة انتقالات الصفحة لإنشاء انتقالات سلسة وسلسة بين صفحات موقع الويب. استخدم هذه المهارة عند تنفيذ انتقالات الصفحة، أو إنشاء تجارب تشبه SPA، أو إضافة تغييرات المسار المتحركة، أو إنشاء مواقع الويب ذات التنقل السلس. تشغيل المهام التي تتضمن Barba.js، أو انتقالات الصفحة، أو التوجيه، أو إدارة العرض، أو خطافات النقل، أو تكامل GSAP، أو التنقل السلس للصفحة. يعمل مع gsap-scrolltrigger للرسوم المتحركة الانتقالية. المصدر: freshtechbro/claudedesignskills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-js بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/freshtechbro/claudedesignskills