·barba-js
</>

barba-js

Библиотека переходов страниц для создания плавных и плавных переходов между страницами веб-сайта. Используйте этот навык при реализации переходов страниц, создании интерфейса SPA, добавлении анимированных изменений маршрута или создании веб-сайтов с плавной навигацией. Запускается при выполнении задач, связанных с Barba.js, переходами страниц, маршрутизацией, управлением представлениями, перехватчиками переходов, интеграцией GSAP или плавной навигацией по страницам. Работает с gsap-scrolltrigger для анимации перехода.

14Установки·1Тренд·@freshtechbro

Установка

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

Как установить barba-js

Быстро установите AI-навык barba-js в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-js
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: 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.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-js
Категория
</>Разработка
Проверено
Впервые замечено
2026-03-09
Обновлено
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Короткие ответы

Что такое barba-js?

Библиотека переходов страниц для создания плавных и плавных переходов между страницами веб-сайта. Используйте этот навык при реализации переходов страниц, создании интерфейса SPA, добавлении анимированных изменений маршрута или создании веб-сайтов с плавной навигацией. Запускается при выполнении задач, связанных с Barba.js, переходами страниц, маршрутизацией, управлением представлениями, перехватчиками переходов, интеграцией GSAP или плавной навигацией по страницам. Работает с gsap-scrolltrigger для анимации перехода. Источник: freshtechbro/claudedesignskills.

Как установить barba-js?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-js После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/freshtechbro/claudedesignskills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-03-09