·barba-js

Bibliothèque de transitions de pages pour créer des transitions fluides et fluides entre les pages d'un site Web. Utilisez cette compétence lors de la mise en œuvre de transitions de page, de la création d'expériences de type SPA, de l'ajout de changements d'itinéraire animés ou de la création de sites Web avec une navigation fluide. Déclencheurs sur des tâches impliquant Barba.js, les transitions de page, le routage, la gestion des vues, les hooks de transition, l'intégration GSAP ou la navigation fluide dans les pages. Fonctionne avec gsap-scrolltrigger pour les animations de transition.

14Installations·1Tendance·@freshtechbro

Installation

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-js

Comment installer barba-js

Installez rapidement le skill IA barba-js dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-js
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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:

Bibliothèque de transitions de pages pour créer des transitions fluides et fluides entre les pages d'un site Web. Utilisez cette compétence lors de la mise en œuvre de transitions de page, de la création d'expériences de type SPA, de l'ajout de changements d'itinéraire animés ou de la création de sites Web avec une navigation fluide. Déclencheurs sur des tâches impliquant Barba.js, les transitions de page, le routage, la gestion des vues, les hooks de transition, l'intégration GSAP ou la navigation fluide dans les pages. Fonctionne avec gsap-scrolltrigger pour les animations de transition. Source : freshtechbro/claudedesignskills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-js
Catégorie
</>Développement
Vérifié
Première apparition
2026-03-09
Mis à jour
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Réponses rapides

Qu'est-ce que barba-js ?

Bibliothèque de transitions de pages pour créer des transitions fluides et fluides entre les pages d'un site Web. Utilisez cette compétence lors de la mise en œuvre de transitions de page, de la création d'expériences de type SPA, de l'ajout de changements d'itinéraire animés ou de la création de sites Web avec une navigation fluide. Déclencheurs sur des tâches impliquant Barba.js, les transitions de page, le routage, la gestion des vues, les hooks de transition, l'intégration GSAP ou la navigation fluide dans les pages. Fonctionne avec gsap-scrolltrigger pour les animations de transition. Source : freshtechbro/claudedesignskills.

Comment installer barba-js ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-js Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/freshtechbro/claudedesignskills