Communitygithub.com

firstsun-dev/skills

HyperFrames向けアニメーション知識を集約。原子モーションルール、マルチフェーズシーンブループリント、シーン遷移、モーションデザイン技法、そして7つのランタイムアダプター(GSAPデフォルトに加え、Lottie、Three.js、Anime.js、CSSキーフレーム、Web Animations API、TypeGPU)をカバー。モーションやアニメーションのタスクに使用します。

skills とは?

このスキルは、HyperFramesプラットフォームにおけるあらゆるアニメーション知識を提供します。原子的なモーションルール、複数フェーズからなるシーンブループリント、シーン間の遷移、そしてより広範なモーションデザイン技法を網羅しています。さらに、GSAPをデフォルトとして、Lottie、Three.js、Anime.js、CSSキーフレーム、Web Animations API、TypeGPUという7つの異なるランタイムアダプターに対応しています。開発者はこのスキルを利用して、2〜4個のルールを選択して合成したり、既存のブループリントをロードして複雑なアニメーションを生成したり、特定のランタイムAPI(GSAPのイージング、Lottieプレイヤー、Three.jsミキサーなど)を参照することができます。HyperFramesネイティブな機能として、単一の一時停止タイムライン、シーク安全性、イベントによるトリガー制御をサポートしており、デバッグや微調整が容易です。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/firstsun-dev/skills/tree/main/plugins/visual-content/skills/hyperframes-animation

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

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

ドキュメント

skills は何をしますか?

HyperFrames向けアニメーション知識をすべて網羅 — 原子モーションルール、マルチフェーズシーンブループリント、シーン遷移、より広範なモーションデザイン技法、さらに7つのランタイムアダプター(GSAPデフォルト、Lottie、Three.js、Anime.js、CSSキーフレーム、Web Animations API、TypeGPU)。モーションやアニメーションのあらゆるタスクに使用できます:ルールを2〜4個選んで合成する、ブループリントをロードする、特定のランタイムAPI(例:GSAPのイージング、Lottieプレイヤー、Three.jsミキサー)を参照するなど。HyperFramesネイティブ:単一の一時停止タイムライン、シーク安全性、イベント駆動制御。

関連スキル