Communitygithub.com

SkotAlexsander/skills

HyperFrames向けのLottieおよびdotLottieアダプタパターンです。lottie-web JSONアニメーション、.lottieファイル、@lottiefiles/dotlottie-webプレーヤーの埋め込み、window.__hfLottieへのインスタンス登録、HyperFramesでのAfter Effectsエクスポートの決定論的制御に使用します。

skills とは?

このスキルは、HyperFramesフレームワーク内でLottieとdotLottieアニメーションを統合するためのアダプタパターンを提供します。lottie-web JSONアニメーションや.lottieファイルの埋め込み、@lottiefiles/dotlottie-webプレーヤーの使用、以及びwindow.__hfLottieへのインスタンス登録を簡素化します。また、After EffectsからのエクスポートがHyperFrames環境で決定論的に動作するように保証します。HyperFramesはブラウザベースのアプリケーションにおいてアニメーションを扱うための強力なフレームワークであり、このスキルはその中でLottieアニメーションを効率的に管理・制御するために設計されています。これにより、開発者はアニメーションの読み込み、再生、破棄を統一された方法で行うことができ、複雑なアニメーションの統合を容易にします。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/SkotAlexsander/skills/tree/main/skills/12-motion-e-interacao/lottie

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

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

ドキュメント

skills は何をしますか?

HyperFrames向けのLottieおよびdotLottieアダプタパターンです。lottie-web JSONアニメーション、.lottieファイル、@lottiefiles/dotlottie-webプレーヤーの埋め込み、window.__hfLottieへのインスタンス登録、またはHyperFramesでのAfter Effectsエクスポートの決定論的制御に使用します。

関連スキル