hyperframes-animation
HyperFrames动画知识库，快速查询与组合动画规则
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：hyperframes-animation。 它的用途是：HyperFrames动画知识库，快速查询与组合动画规则 完整的 Skill 内容见：https://321skill.com/skills/hyperframes-animation-x-9/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我需要为HyperFrames项目创建一个从左侧滑入的文本动画，使用GSAP运行时代理，请给出原子运动规则组合。' AI会返回缓动曲线、持续时间、延迟等规则组合，并附带可直接运行的代码片段。
介绍
HyperFrames Animation 是一个专门为 HyperFrames 框架打造的动画知识库，提供了从原子运动规则到多阶段场景蓝图的完整动画知识体系。它解决了动画开发中常见的“重复造轮子”、“规则不统一”和“跨运行时适配困难”等问题，让你能在 HyperFrames 项目中快速定位、组合和应用动画方案。
你可以通过两种方式使用：一是根据需求挑选 2-4 条原子运动规则自由组合，生成自定义动画；二是直接加载预置的多阶段场景蓝图或场景过渡方案，节省设计时间。同时还支持查询七种运行时适配器（GSAP 默认、Lottie、Three.js、Anime.js、CSS 关键帧、Web Animations API、TypeGPU）的特定 API 用法，以及审计现有动画编排的 choreography 和调用 24 种命名文本动画效果。
这个 Skill 适合前端开发人员、UI/UX 动画设计师、视频剪辑师以及任何需要在 HyperFrames 项目中实现高质量动画的内容创作者。无论你是想制作文字动画、宣传短片还是数据可视化，都能从中获得即用型的规则与代码示例。
使用建议：优先从预置蓝图或文本动画效果开始，快速验证创意；如需精细控制，再深入原子规则组合。注意该 Skill 完全基于 HyperFrames 框架的单暂停时间线、可寻址、确定性特性，非 HyperFrames 项目需先迁移或适配。
核心特点
与通用动画库不同，HyperFrames Animation 专为 HyperFrames 框架设计，提供原子运动规则 + 场景蓝图的组合式方案，并内置七种运行时适配器的 API 查询，强调确定性、单暂停时间线和可寻址能力。
注意事项
不适合非 HyperFrames 框架的动画项目，或需要复杂物理模拟（如碰撞、流体）的场景。
常见问题
如何用 GSAP 实现缓动动画？
在 Skill 中查询 GSAP 运行时适配器，会返回缓动函数列表及对应代码示例，可直接复制使用。
有没有现成的场景过渡蓝图？
有。Skill 内置了多阶段场景蓝本和过渡方案，如淡入淡出、滑动、缩放等，可直接加载。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/hyperframes-animation-x-9/raw/index.md 读取 hyperframes-animation 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/hyperframes-animation-x-9/raw/index.md（查看排版版本）