DOM、CSS、SVG、JavaScript オブジェクト用の多用途な JavaScript アニメーション エンジン。タイムラインベースのアニメーション、スタッガー効果、SVG モーフィング、キーフレーム シーケンス、または複雑な振り付けアニメーションを作成するときに使用します。 Anime.js、タイムライン アニメーション、ずらしたシーケンス、SVG パス アニメーション、モーフィング、またはマルチステップ アニメーションの振り付けに関連するタスクをトリガーします。 SVG を多用したアニメーションや React に依存しないプロジェクト向けの GSAP の代替手段。
コマンドラインで animejs AI スキルを開発環境にすばやくインストール
ソース: freshtechbro/claudedesignskills。
Lightweight JavaScript animation library with powerful timeline and stagger capabilities for web animations.
Anime.js (pronounced "Anime JS") is a versatile animation engine that works with DOM elements, CSS properties, SVG attributes, and JavaScript objects. Unlike React-specific libraries, Anime.js works with vanilla JavaScript and any framework.
Anime.js vs GSAP: Use Anime.js for SVG-heavy animations, simpler projects, or when bundle size matters. Use GSAP for complex scroll-driven experiences, advanced timelines, and professional-grade control.
DOM、CSS、SVG、JavaScript オブジェクト用の多用途な JavaScript アニメーション エンジン。タイムラインベースのアニメーション、スタッガー効果、SVG モーフィング、キーフレーム シーケンス、または複雑な振り付けアニメーションを作成するときに使用します。 Anime.js、タイムライン アニメーション、ずらしたシーケンス、SVG パス アニメーション、モーフィング、またはマルチステップ アニメーションの振り付けに関連するタスクをトリガーします。 SVG を多用したアニメーションや React に依存しないプロジェクト向けの GSAP の代替手段。 ソース: freshtechbro/claudedesignskills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/freshtechbro/claudedesignskills --skill animejsDOM、CSS、SVG、JavaScript オブジェクト用の多用途な JavaScript アニメーション エンジン。タイムラインベースのアニメーション、スタッガー効果、SVG モーフィング、キーフレーム シーケンス、または複雑な振り付けアニメーションを作成するときに使用します。 Anime.js、タイムライン アニメーション、ずらしたシーケンス、SVG パス アニメーション、モーフィング、またはマルチステップ アニメーションの振り付けに関連するタスクをトリガーします。 SVG を多用したアニメーションや React に依存しないプロジェクト向けの GSAP の代替手段。 ソース: freshtechbro/claudedesignskills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill animejs インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/freshtechbro/claudedesignskills