Communitygithub.com

pixel-point/animate-text

厳選されたテキストアニメーションカタログ。見出し、ラベル、カウンター、テキストスワップ向けの正確なJSON仕様を提供します。エージェントがソフトブラーイン、タイプライター、共有軸、ラインレビール、スタッガー、クロスフェード、キネティックビルドなどの名前付きエフェクトを選択またはWAAPI、Motion、Framer Motion、GSAP、CSS、Lottie、Riveなどのスタックに変換する必要がある場合に使用します。

animate-text とは?

このスキルは、テキストアニメーションエフェクトの厳選されたカタログであり、見出し、ラベル、カウンター、テキストスワップなどの一般的なユースケース向けに、すぐに使用できる正確なJSON仕様を提供します。主な目的は、開発者やAIエージェントが、ソフトブラーイン、タイプライターエフェクト、共有軸アニメーション、ラインレビール、スタッガー、クロスフェード、キネティックビルドなどの名前付きエフェクトを、さまざまなアニメーションライブラリやスタック間で簡単に選択、翻訳、実装できるようにすることです。WAAPI、Motion、Framer Motion、GSAP、CSS、Lottie、Riveなど、複数のプラットフォームをサポートしています。このスキルは、アニメーションロジックを設計やコーディングするプロセスを大幅に効率化し、一貫性を確保して反復作業を削減するため、テキストアニメーションを頻繁に扱うフロントエンド開発者にとって特に役立ちます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/pixel-point/animate-text/tree/main/skills/animate-text

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

animate-text は何をしますか?

厳選されたテキストアニメーションカタログ。見出し、ラベル、カウンター、テキストスワップ向けの正確なJSON仕様を提供します。エージェントがソフトブラーイン、タイプライター、共有軸、ラインレビール、スタッガー、クロスフェード、キネティックビルドなどの名前付きエフェクトを選択またはWAAPI、Motion、Framer Motion、GSAP、CSS、Lottie、Riveなどのスタックに変換する必要がある場合に使用します。

関連スキル