·barba-js

Biblioteca de transiciones de página para crear transiciones fluidas y fluidas entre las páginas del sitio web. Utilice esta habilidad al implementar transiciones de páginas, crear experiencias similares a SPA, agregar cambios de ruta animados o crear sitios web con una navegación fluida. Activa tareas que involucran Barba.js, transiciones de páginas, enrutamiento, administración de vistas, enlaces de transición, integración GSAP o navegación fluida de páginas. Funciona con gsap-scrolltrigger para animaciones de transición.

14Instalaciones·1Tendencia·@freshtechbro

Instalación

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

Cómo instalar barba-js

Instala rápidamente el skill de IA barba-js en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-js
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: freshtechbro/claudedesignskills.

SKILL.md

Ver original

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:

Biblioteca de transiciones de página para crear transiciones fluidas y fluidas entre las páginas del sitio web. Utilice esta habilidad al implementar transiciones de páginas, crear experiencias similares a SPA, agregar cambios de ruta animados o crear sitios web con una navegación fluida. Activa tareas que involucran Barba.js, transiciones de páginas, enrutamiento, administración de vistas, enlaces de transición, integración GSAP o navegación fluida de páginas. Funciona con gsap-scrolltrigger para animaciones de transición. Fuente: freshtechbro/claudedesignskills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-js
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-03-09
Actualizado
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Respuestas rápidas

¿Qué es barba-js?

Biblioteca de transiciones de página para crear transiciones fluidas y fluidas entre las páginas del sitio web. Utilice esta habilidad al implementar transiciones de páginas, crear experiencias similares a SPA, agregar cambios de ruta animados o crear sitios web con una navegación fluida. Activa tareas que involucran Barba.js, transiciones de páginas, enrutamiento, administración de vistas, enlaces de transición, integración GSAP o navegación fluida de páginas. Funciona con gsap-scrolltrigger para animaciones de transición. Fuente: freshtechbro/claudedesignskills.

¿Cómo instalo barba-js?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-js Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/freshtechbro/claudedesignskills