🎯

barba-js

🎯Skill

from freshtechbro/claudedesignskills

What it does

Skill that teaches Barba.js — a 7kb page-transition library that intercepts navigation, fetches new content via AJAX, and smoothly transitions between containers to make multi-page sites feel like SPAs. Covers wrapper/container/namespace structure, lifecycle hooks, views, and GSAP integration.

📦

Same repository

freshtechbro/claudedesignskills(23 items)

barba-js

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add freshtechbro/claudedesignskills --skill barba-js

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add freshtechbro/claudedesignskills --skill barba-js

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/barba-js/SKILL.md

SKILL.md

292Installs

AddedFeb 27, 2026

View on GitHub Back to Skills

More from this repository10

🎯

threejs-webgl🎯Skill

A Claude Code plugin marketplace with 22 skills and 27 plugins for 3D/WebGL, animation, and modern web development, covering Three.js, GSAP, React Three Fiber, Babylon.js, Framer Motion, and more.

🎯

pixijs-2d🎯Skill

Skill

🎯

animated-component-libraries🎯Skill

Skill

🎯

lottie-animations🎯Skill

Claude Code skill for Lottie animations, part of a professional design skillstack covering 3D/WebGL, animation, and modern web development.

🎯

spline-interactive🎯Skill

A Claude Code plugin marketplace providing 27 plugins and 22 skills for 3D/WebGL, animation, and modern web development, covering Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, Spline, Rive, and more.

🎯

modern-web-design🎯Skill

Skill

🎯

blender-web-pipeline🎯Skill

A Claude Code plugin marketplace with 27 plugins for 3D/WebGL, animation, and modern web development, covering Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, and authoring tools like Blender and Spline.

🎯

react-three-fiber🎯Skill

Provides comprehensive React Three Fiber expertise for Claude Code, including 3D scene creation, component patterns, and integration with the Three.js ecosystem, part of a 22-skill design agency skillstack covering WebGL and animation.

🎯

gsap-scrolltrigger🎯Skill

Skill

🎯

web3d-integration-patterns🎯Skill

Skill