Communitygithub.com

SkotAlexsander/skills

用於 HyperFrames 的 Lottie 和 dotLottie 適配器模式。適用於嵌入 lottie-web JSON 動畫、.lottie 檔案、@lottiefiles/dotlottie-web 播放器、在 window.__hfLottie 上註冊實例,或讓 After Effects 導出在 HyperFrames 中具有確定性。

skills 是什麼?

此技能提供 HyperFrames 框架中 Lottie 和 dotLottie 動畫的標準化適配器模式。它支援所有常見的 Lottie 工作流程:嵌入 lottie-web JSON 動畫、載入 .lottie 壓縮檔案、整合 @lottiefiles/dotlottie-web 播放器,以及在 window.__hfLottie 全域物件上管理播放器實例。主要優勢在於確保 After Effects 導出的動畫在 HyperFrames 環境中具有確定性行為,避免因播放器版本或實例管理不當導致的渲染不一致。此技能適用於 Claude Code、Coder、Cursor 等開發工具,開發者可直接透過 JSON 或 .lottie 路徑初始化動畫,或使用註冊 API 管理多個播放器實例。

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

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

skills 是做什麼的?

用於 HyperFrames 的 Lottie 和 dotLottie 適配器模式。適用於嵌入 lottie-web JSON 動畫、.lottie 檔案、@lottiefiles/dotlottie-web 播放器、在 window.__hfLottie 上註冊實例,或讓 After Effects 導出在 HyperFrames 中具有確定性。

相關技能