Web サイトのページ間の滑らかで滑らかな遷移を作成するためのページ遷移ライブラリ。このスキルは、ページ遷移の実装、SPA のようなエクスペリエンスの作成、アニメーションによるルート変更の追加、またはスムーズなナビゲーションを備えた Web サイトの構築に使用します。 Barba.js、ページ遷移、ルーティング、ビュー管理、遷移フック、GSAP 統合、またはスムーズなページ ナビゲーションに関連するタスクをトリガーします。遷移アニメーションの gsap-scrolltrigger と連携します。
コマンドラインで barba-js AI スキルを開発環境にすばやくインストール
ソース: 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:
Web サイトのページ間の滑らかで滑らかな遷移を作成するためのページ遷移ライブラリ。このスキルは、ページ遷移の実装、SPA のようなエクスペリエンスの作成、アニメーションによるルート変更の追加、またはスムーズなナビゲーションを備えた Web サイトの構築に使用します。 Barba.js、ページ遷移、ルーティング、ビュー管理、遷移フック、GSAP 統合、またはスムーズなページ ナビゲーションに関連するタスクをトリガーします。遷移アニメーションの gsap-scrolltrigger と連携します。 ソース: freshtechbro/claudedesignskills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/freshtechbro/claudedesignskills --skill barba-jsWeb サイトのページ間の滑らかで滑らかな遷移を作成するためのページ遷移ライブラリ。このスキルは、ページ遷移の実装、SPA のようなエクスペリエンスの作成、アニメーションによるルート変更の追加、またはスムーズなナビゲーションを備えた Web サイトの構築に使用します。 Barba.js、ページ遷移、ルーティング、ビュー管理、遷移フック、GSAP 統合、またはスムーズなページ ナビゲーションに関連するタスクをトリガーします。遷移アニメーションの gsap-scrolltrigger と連携します。 ソース: freshtechbro/claudedesignskills。
ターミナルまたはコマンドラインツール（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