Communitygithub.com

firstsun-dev/skills

取得 HyperFrames 的所有動畫知識,包括原子動畫規則、多階段場景藍圖、場景轉場、更廣泛的動態設計技術,以及七個執行時期適配器。

skills 是什麼?

此技能是 HyperFrames 框架的全面動畫知識庫,涵蓋原子動畫規則、多階段場景藍圖、場景轉場與動態設計技術。開發者可選用 2-4 條規則進行組合、載入藍圖,或查詢特定執行時期 API(例如 GSAP 的緩動函數、Lottie 播放器或 Three.js 混合器)。支援七種執行時期適配器,包括 GSAP、Lottie、Three.js、Anime.js、CSS 關鍵影格、Web Animations API 及 TypeGPU。HyperFrames 原生特性為單一暫停時間軸、安全跳轉與分離,適合需要高效、精確控制的動畫任務。

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

在你喜歡的 AI 中提問

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

說明文件

skills 是做什麼的?

包含 HyperFrames 的所有動畫知識——原子動畫規則、多階段場景藍圖、場景轉場、更廣泛的動態設計技術,以及七個執行時期適配器(GSAP 預設,加上 Lottie、Three.js、Anime.js、CSS 關鍵影格、Web Animations API、TypeGPU)。可用於任何動畫或動態任務:選取 2-4 條規則並組合、載入藍圖,或查詢特定執行時期 API(例如 GSAP 緩動函數 / Lottie 播放器 / Three.js 混合器)。HyperFrames 原生特性:單一暫停時間軸、安全跳轉、分離。

相關技能