Barba Js
freshtechbro/claudedesignskillsBarba.js is a tool that makes website pages switch smoothly without the usual janky reload. It works by loading new pages in the background and animating the old content out and the new content in. This creates a fluid, app-like feel for visitors.
Web designers and developers use Barba.js to add elegant transitions between pages. It works with popular animation libraries like GSAP and is easy to set up on any multi-page website. The result is a faster, more engaging browsing experience.
Barba.js also provides hooks to control every step of the animation. You can customize entrance and exit effects, synchronize animations, and even keep static elements like headers in place. It is lightweight and works with plain JavaScript, so no heavy frameworks are needed.
Add Barba Js skill to your workflow
Global
mkdir -p ~/.claude/skills/barba-jsProject
mkdir -p .claude/skills/barba-jsSource Repository
More Frontend Development Claude Code Skills
Frontend Designanthropics/skills
Create striking frontend interfaces with bold design and polished code every time
Vercel React Best Practicesvercel-labs/agent-skills
Optimize React and Next.js apps using proven Vercel performance guidelines
Vercel Composition Patternsvercel-labs/agent-skills
Clean React components with composition instead of boolean props
Shadcnshadcn/ui
Manage shadcn UI components easily with CLI commands and clear styling rules
Design Taste Frontendleonxlnx/taste-skill
Enforce premium frontend design with metric-based rules and smart component architecture
Impeccablepbakaus/impeccable
Polish your frontend interfaces with expert design critique and code
Minimalist Uileonxlnx/taste-skill
Build warm minimal web interfaces with editorial typography and flat bento grids
Industrial Brutalist Uileonxlnx/taste-skill
Raw mechanical UIs fusing Swiss print with military terminal aesthetics and high data density