#animation

使用 Python 与 PIL 绘图原语，创建针对 Slack 优化的动画 GIF（表情 128×128 或消息 480×480）。

HeyGen 出品的 HyperFrames 是一个开源 Claude Code 插件,把 HTML/CSS/JS 合成稿渲染成可复现的 MP4 视频,内置 19 个按需加载的技能——一个路由技能,加上创作工作流(产品发布、网站转视频、无人脸讲解、PR 转视频、字幕、动态图形、音乐、幻灯片)与领域技能(核心合成契约、动画适配器、创意方向、媒体、CLI),教 agent 完成完整的视频制作流程。

一个 HTML 原生的设计技能,让 agent 按任务化身对应专家(UX/动画师/幻灯片设计师/原型师),产出高保真原型、1920×1080 的 HTML 幻灯片、时间轴驱动的动画与并排设计变体——内置 20 条设计哲学、5 维评审、反「AI 套路感」纪律,并可选导出 MP4/GIF。

反查词表：把对某个网页动画/动效的模糊描述映射到精确术语（「弹窗打开时那种弹一下」→ Pop in）。只负责给动效命名，不负责设计或实现。

把苹果「流体、拟物」的界面动效理念迁移到 Web。适用于构建或审查手势驱动 UI、弹簧动画、拖拽/滑动/半屏交互、动量与可打断转场、半透明材质、排版与减弱动效。

凝练 Emil Kowalski 关于 UI 打磨、组件设计、动效抉择，以及那些让软件「感觉对」的隐形细节的设计工程哲学。

在代码库或 UI 中搜寻「本该有动效却没有」的地方，并否决所有「不该加」的候选。只读；给出带精确数值的动效建议，但不落地实现。

以资深动效顾问的身份通盘审阅代码库的动画/动效代码，产出按优先级排序的审计与「可独立执行」的实施方案，交给其他 agent（或更廉价的模型）落地。对源码只读——只做改进规划，不亲自动手改。

以源自 Emil Kowalski 设计工程哲学的高工艺标准审查动画/动效代码。默认倾向于挑问题；通过是要「挣来」的，而非默认给。

把位图 logo 转换为流畅的动画 SVG。

把模糊的讲解视频想法变成逐场景的详细方案（scenes.md）：先研究主题，再询问受众/范围/风格，然后以 3Blue1Brown 风格写清每场的对象、动画、旁白、节奏与配色——在写任何代码之前完成。

Manim 社区版（`from manim import *` 与 `manim` 命令行引擎）的最佳实践：场景结构、对象、动画、LaTeX/MathTex、坐标系与绘图、ThreeDScene 三维、相机控制、updater、样式与命令行渲染参数。

ManimGL（3Blue1Brown 的 OpenGL 引擎，`from manimlib import *` 与 `manimgl` 命令行）的最佳实践：InteractiveScene、带 tex_to_color_map 的 Tex、self.frame 相机控制、三维，以及 `-se` 交互模式与 checkpoint_paste() 开发流。

用于构建响应式 React 合作伙伴展示区的提示词，含逐词淡入动画、数据块和无限循环 logo 跑马灯。

一个用纯 HTML 和 Tailwind（CDN）构建精致金融落地页 hero 的提示词，带背景视频和分步淡入上移动画。

一个用 React/TypeScript/Tailwind/Framer Motion 构建完整暗色 3D 创作者作品集页面的长提示词，包含 hero、滚动跑马灯、关于、服务和堆叠式项目卡片。

一个构建响应式暗色 React hero 区块的提示词，带混合模式背景视频、逐词标题动画和商店 logo 社会证明。