Загрузка видео...

Не удалось загрузить видео

На главную

AI 写的动画，以前像 PPT 翻页。 装了 gsap-skills 之后，我让 Claude Code 写了一个视差滚动页面。 出来的效果我盯着看了三分钟。 GreenSock 官方出的，专门教 AI 怎么写专业级动画代码。视差滚动、SVG 变形转场、Apple 那种丝滑微动效，代码直接符合生产规范，不用自己再改。 GitHub 4.5k stars。 🔗 你让 AI 写过最拉跨的动画效果是什么？

VincentLogic's profile picture

Vincent Logic | 信号＞噪音

51,233 subscribers

13,725 просмотров • 2 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

终于有一个 skill 能拯救 AI 的动画审美了！ GSAP 官方开源了 gsap-skills，专门为 Cursor、Claude、Copilot 等 AI 工具提供了专业的动画能力拓展和审美设计能力，前端 AI 动画的短板终于被彻底补齐～ 以前 AI 写动画经常像 PPT：僵硬、呆板、没质感 现在 AI 能写出专业的动效了：丝滑 Timeline、ScrollTrigger 滚动叙事、Flip 流畅切换、SplitText 文字动画、SVG 形变等等，质感提升明显。 需要提高你的ai审美的朋友们可以试试～ 地址：
0:33

终于有一个 skill 能拯救 AI 的动画审美了！ GSAP 官方开源了 gsap-skills，专门为 Cursor、Claude、Copilot 等 AI 工具提供了专业的动画能力拓展和审美设计能力，前端 AI 动画的短板终于被彻底补齐～ 以前 AI 写动画经常像 PPT：僵硬、呆板、没质感 现在 AI 能写出专业的动效了：丝滑 Timeline、ScrollTrigger 滚动叙事、Flip 流畅切换、SplitText 文字动画、SVG 形变等等，质感提升明显。 需要提高你的ai审美的朋友们可以试试～ 地址：

爱丽丝呀！

264,478 просмотров • 2 месяцев назад

🔥 前端动画界的老大 GSAP，又扔出了一颗炸弹：gsap-skills！ 90% 的网页动效只是乏味的淡入淡出，但 Apple 风滚动、数据可视化动画、沉浸式产品页背后的秘密，全在 GSAP。 GSAP 官方直接放出 gsap-skills： 支持 Cursor、Claude Code、Copilot、Google Antigravity、Windsurf 等几乎所有主流 Agent，自动识别。 神亮点： - 25+ 高级动画实战案例，一键学会 Timeline、ScrollTrigger、Ease 等核心技能 - 让 AI 或开发者都能瞬间生成丝滑、专业、高级感爆棚的动效 - 免费开源，商业项目直接用 - 性能极致流畅，复杂动画也不卡顿 - 跨框架支持：React、Vue、Svelte、原生 JS 全覆盖 - 官方教程 + 实战案例 = 动效学习最快捷径 GSAP 本身已全部免费（原 Club 高级插件全部白送），现在再加上这套官方 skill，装完直接甩需求给 AI，感受 Apple 级动效秒出的爽感！
0:52

🔥 前端动画界的老大 GSAP，又扔出了一颗炸弹：gsap-skills！ 90% 的网页动效只是乏味的淡入淡出，但 Apple 风滚动、数据可视化动画、沉浸式产品页背后的秘密，全在 GSAP。 GSAP 官方直接放出 gsap-skills： 支持 Cursor、Claude Code、Copilot、Google Antigravity、Windsurf 等几乎所有主流 Agent，自动识别。 神亮点： - 25+ 高级动画实战案例，一键学会 Timeline、ScrollTrigger、Ease 等核心技能 - 让 AI 或开发者都能瞬间生成丝滑、专业、高级感爆棚的动效 - 免费开源，商业项目直接用 - 性能极致流畅，复杂动画也不卡顿 - 跨框架支持：React、Vue、Svelte、原生 JS 全覆盖 - 官方教程 + 实战案例 = 动效学习最快捷径 GSAP 本身已全部免费（原 Club 高级插件全部白送），现在再加上这套官方 skill，装完直接甩需求给 AI，感受 Apple 级动效秒出的爽感！

开发者Hailey

132,126 просмотров • 2 месяцев назад

国外大神录了一个11分钟的教程，用 AI 从零做了一个赛博朋克动画网站，看完我沉默了（已加中文字幕） 滚动页面背景视频跟着播、鼠标移动有视差、卡片是磨砂玻璃质感、字体是定制艺术体。这种效果找外包做报价至少大几千 他用 GPT 5.5 + Codex，11分钟搞定 最绝的是他的工作流： 不是上来就让 AI 写代码，先去 Pinterest 找视觉参考，去 找现成的动画效果提示词，用 生成赛博朋克视频素材 然后把这些参考图、现成的 CSS 代码、具体的交互描述一起喂给 Codex。AI 拿到的不是一句模糊的"做个酷网站"，是精确的视觉方向 + 可用的代码片段 滚动驱动视频播放、液体玻璃效果这些以前要手写 GSAP 调半天的东西，他一个提示词就出来了 React + Vite + TypeScript + Tailwind + GSAP，全套技术栈 AI 自动配好 看完最大的感受是：差距不在工具上，在于怎么用。同一个 Codex，大部分人做出来像学生作业，这哥们做出来像设计公司的作品
11:00

国外大神录了一个11分钟的教程，用 AI 从零做了一个赛博朋克动画网站，看完我沉默了（已加中文字幕） 滚动页面背景视频跟着播、鼠标移动有视差、卡片是磨砂玻璃质感、字体是定制艺术体。这种效果找外包做报价至少大几千 他用 GPT 5.5 + Codex，11分钟搞定 最绝的是他的工作流： 不是上来就让 AI 写代码，先去 Pinterest 找视觉参考，去 找现成的动画效果提示词，用 生成赛博朋克视频素材 然后把这些参考图、现成的 CSS 代码、具体的交互描述一起喂给 Codex。AI 拿到的不是一句模糊的"做个酷网站"，是精确的视觉方向 + 可用的代码片段 滚动驱动视频播放、液体玻璃效果这些以前要手写 GSAP 调半天的东西，他一个提示词就出来了 React + Vite + TypeScript + Tailwind + GSAP，全套技术栈 AI 自动配好 看完最大的感受是：差距不在工具上，在于怎么用。同一个 Codex，大部分人做出来像学生作业，这哥们做出来像设计公司的作品

Vincent

22,858 просмотров • 1 месяц назад

我爽了，我的UI终于脱离AI味了。 AI 写代码已经够快了，但写出来的页面……怎么说呢，总透着一股 AI 味。紫色渐变、Inter 字体、三列等大卡片，看多了你一眼就能认出来，这是 AI 写的。 AI时代，开始比拼UI的品味能力了，非常稀缺。 今天推荐taste-skill 这个项目，已经14k stars了，干的事有点意思：它不写代码，它把排版、配色、字体、动效的设计规则全写成 SKILL.md，塞给 AI。相当于给 AI 配了个免费的艺术总监。 仓库表面是十几套 SKILL.md 文件，实际在做一件事：把审美变成规则。外面还在卷 AI 写代码多快，它在卷 AI 写的页面能不能不像 AI。 DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY，数值一调整个页面气质就换了，跟调相机参数似的，同一个场景，不同参数出来完全不同。 它有三层做法： >读意图，自己推断你要什么风格。极简、奢侈、粗野，十几套自动匹配 >选底座，该 Tailwind 就 Tailwind，该 Material 就 Material，不自己瞎造 >禁 AI 默认审美，紫色渐变、居中 Hero、三列等大卡片，全禁 我拿自己的AIGC产品跑了一遍。原来的页面代码不动，就加了一行 SKILL.md 进去，让 AI 按它的规则重新迭代，出来的页面焕然一新。不是重写，是同一个代码底子被审美规则过了一遍。 实操很简单，就两步： 装 skill：npx skills add --skill design-taste-frontend 然后把你现有的页面丢给 AI，加一句：按 taste-skill 规则迭代 UI。它自动读你的代码，出诊断，改字体、配色、间距、动效，不动你的功能逻辑。 搞独立开发的、做 landing page 的，这个skill太重要了！
1:28

我爽了，我的UI终于脱离AI味了。 AI 写代码已经够快了，但写出来的页面……怎么说呢，总透着一股 AI 味。紫色渐变、Inter 字体、三列等大卡片，看多了你一眼就能认出来，这是 AI 写的。 AI时代，开始比拼UI的品味能力了，非常稀缺。 今天推荐taste-skill 这个项目，已经14k stars了，干的事有点意思：它不写代码，它把排版、配色、字体、动效的设计规则全写成 SKILL.md，塞给 AI。相当于给 AI 配了个免费的艺术总监。 仓库表面是十几套 SKILL.md 文件，实际在做一件事：把审美变成规则。外面还在卷 AI 写代码多快，它在卷 AI 写的页面能不能不像 AI。 DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY，数值一调整个页面气质就换了，跟调相机参数似的，同一个场景，不同参数出来完全不同。 它有三层做法： >读意图，自己推断你要什么风格。极简、奢侈、粗野，十几套自动匹配 >选底座，该 Tailwind 就 Tailwind，该 Material 就 Material，不自己瞎造 >禁 AI 默认审美，紫色渐变、居中 Hero、三列等大卡片，全禁 我拿自己的AIGC产品跑了一遍。原来的页面代码不动，就加了一行 SKILL.md 进去，让 AI 按它的规则重新迭代，出来的页面焕然一新。不是重写，是同一个代码底子被审美规则过了一遍。 实操很简单，就两步： 装 skill：npx skills add --skill design-taste-frontend 然后把你现有的页面丢给 AI，加一句：按 taste-skill 规则迭代 UI。它自动读你的代码，出诊断，改字体、配色、间距、动效，不动你的功能逻辑。 搞独立开发的、做 landing page 的，这个skill太重要了！

产品经理老王霸

26,790 просмотров • 1 месяц назад

想让 AI 做出专业级动画，你得先学会怎么跟它描述 Linear 设计工程师 Emil Kowalski 整理了 90+ 个动画术语，涵盖弹性动画、交互反馈等 12 个分类。做网站、做视频动画都能用 为了方便理解每个术语的实际效果，我用 Claude 做了一个双语预览站 👇
0:45

想让 AI 做出专业级动画，你得先学会怎么跟它描述 Linear 设计工程师 Emil Kowalski 整理了 90+ 个动画术语，涵盖弹性动画、交互反馈等 12 个分类。做网站、做视频动画都能用 为了方便理解每个术语的实际效果，我用 Claude 做了一个双语预览站 👇

Sac

23,196 просмотров • 2 месяцев назад

开源一个我的数据可视化动画库， 让工作展示+内容制作高级10倍！ 包含11个高级数据可视化效果， 项目的代码+自己的数据丢给AI， 直接做出属于你的专业数据可视化动画！ 项目开源地址：
8:28

开源一个我的数据可视化动画库， 让工作展示+内容制作高级10倍！ 包含11个高级数据可视化效果， 项目的代码+自己的数据丢给AI， 直接做出属于你的专业数据可视化动画！ 项目开源地址：

木子不写代码

29,938 просмотров • 4 месяцев назад

让 AI agent 自动分镜、动效和配乐，生成电影感产品宣传视频。 一个给 Claude Code / Codex 用的 agent skill，装上之后让 AI 自己当动效导演。项目提供了 106 张镜头卡、162 种动效样式和 161 条动态样片，涵盖了产品宣传片常用的各种拍法。
0:36

让 AI agent 自动分镜、动效和配乐，生成电影感产品宣传视频。 一个给 Claude Code / Codex 用的 agent skill，装上之后让 AI 自己当动效导演。项目提供了 106 张镜头卡、162 种动效样式和 161 条动态样片，涵盖了产品宣传片常用的各种拍法。

Geek Lite

170,103 просмотров • 22 дней назад

推荐一款开源前端动效库，配合threejs效果也是非常的好，如果你需要做一些动效可以直接试试，真的非常棒。 视频是我基于将它官方链接丢给Codex生成的，视频也是用了一些官方这个动画效果实现的网页录制生成，非常的丝滑，它的官方做的也是非常炫酷。
0:40

推荐一款开源前端动效库，配合threejs效果也是非常的好，如果你需要做一些动效可以直接试试，真的非常棒。 视频是我基于将它官方链接丢给Codex生成的，视频也是用了一些官方这个动画效果实现的网页录制生成，非常的丝滑，它的官方做的也是非常炫酷。

知识猫AI实验室

18,015 просмотров • 12 дней назад

这个帖子应该叫「1 分钟生成超高质 PPT，这款 AI 工具堪比专业设计」😏 刚试用了 Gamma，被惊艳到了，这生成网页的效果不亚于 bolt 啊，没细看代码，但视觉效果，包括动效跟响应式绝对出彩！😍 👇评论放了链接跟 PPT 的生成效果，分分钟可以直接上台演讲了
1:07

这个帖子应该叫「1 分钟生成超高质 PPT，这款 AI 工具堪比专业设计」😏 刚试用了 Gamma，被惊艳到了，这生成网页的效果不亚于 bolt 啊，没细看代码，但视觉效果，包括动效跟响应式绝对出彩！😍 👇评论放了链接跟 PPT 的生成效果，分分钟可以直接上台演讲了

MapleShaw

52,126 просмотров • 1 год назад

想做网站不是一天两天了， 最近看了不少网页案例，很喜欢那些丝滑炫酷的动画， 一个大神告诉我，新手做网页， 做动画最省事的方式，就是找个开源库， 选择喜欢的效果，然后自定义修改一下就行。 又发现一个，Reactbits，各种动画都分好类的， 几行代码就能用上，也太方便了！！
0:31

想做网站不是一天两天了， 最近看了不少网页案例，很喜欢那些丝滑炫酷的动画， 一个大神告诉我，新手做网页， 做动画最省事的方式，就是找个开源库， 选择喜欢的效果，然后自定义修改一下就行。 又发现一个，Reactbits，各种动画都分好类的， 几行代码就能用上，也太方便了！！

沐阳

72,388 просмотров • 1 месяц назад

使用Claude Fable 5 制作的黑洞诞生过程动画页面 开始只用了一句话，就是描述我要一个黑洞形成的动画页面 出来后效果不好重新告诉它我的目标是需要的是炫酷的动画过程，再配上文字字幕解说，还配音了，但是配音用的本地tts效果不好。 效果还是很炸裂的。 使用感受是以目标为导向，要把你要的效果描述的越清晰越好，它思考的过程很长，而且会自己打开浏览器自己看效果自己调整，全程不需要你干什么。
1:35

使用Claude Fable 5 制作的黑洞诞生过程动画页面 开始只用了一句话，就是描述我要一个黑洞形成的动画页面 出来后效果不好重新告诉它我的目标是需要的是炫酷的动画过程，再配上文字字幕解说，还配音了，但是配音用的本地tts效果不好。 效果还是很炸裂的。 使用感受是以目标为导向，要把你要的效果描述的越清晰越好，它思考的过程很长，而且会自己打开浏览器自己看效果自己调整，全程不需要你干什么。

小互

45,864 просмотров • 2 месяцев назад

前端logo动画终于有专业级AI工具了！ 设计师终于可以告别手动描矢量、调曲线、做生硬动画的痛苦过程！ 分享一个超赞的 GitHub 开源项目 —— pixel2motion 一秒把像素logo（PNG/JPG/WebP/截图）转化为丝滑SVG动画！ 它能自动生成干净的矢量SVG + 语义化元素（mark、dot、wordmark），直接输出带交互的HTML demo、GIF/视频预览。 ✅核心亮点： AI辅助矢量拟合 + IoU优化，确保专业级平滑度和精准度 语义化SVG结构，方便直接写CSS/JS动画 一站式交付：静态SVG + motion.css + 交互HTML + motion_spec.md 完美适合品牌logo reveal、前端动效落地！ 感兴趣的可以看看哦～dyor 地址：
0:39

前端logo动画终于有专业级AI工具了！ 设计师终于可以告别手动描矢量、调曲线、做生硬动画的痛苦过程！ 分享一个超赞的 GitHub 开源项目 —— pixel2motion 一秒把像素logo（PNG/JPG/WebP/截图）转化为丝滑SVG动画！ 它能自动生成干净的矢量SVG + 语义化元素（mark、dot、wordmark），直接输出带交互的HTML demo、GIF/视频预览。 ✅核心亮点： AI辅助矢量拟合 + IoU优化，确保专业级平滑度和精准度 语义化SVG结构，方便直接写CSS/JS动画 一站式交付：静态SVG + motion.css + 交互HTML + motion_spec.md 完美适合品牌logo reveal、前端动效落地！ 感兴趣的可以看看哦～dyor 地址：

爱丽丝呀！

43,591 просмотров • 1 месяц назад

可以拿来做教育演示的一款动画引擎AI工具，Fogsight，给定一个概念词，它即会生成一段叙事完整的动画 整个动画的叙事完整性、趣味性、视觉效果都还可以，用在教育上，把抽象概念做成教学动画非常实用 生成的动画还配有双语旁白 智能编排，从旁白、视觉元素到动态效果，整个工作流自动完成 有用户界面，可以进一步编辑和优化生成效果 代码作者是开源的，见下条 #AI教学动画 #Fogsight #AI教育
2:57

可以拿来做教育演示的一款动画引擎AI工具，Fogsight，给定一个概念词，它即会生成一段叙事完整的动画 整个动画的叙事完整性、趣味性、视觉效果都还可以，用在教育上，把抽象概念做成教学动画非常实用 生成的动画还配有双语旁白 智能编排，从旁白、视觉元素到动态效果，整个工作流自动完成 有用户界面，可以进一步编辑和优化生成效果 代码作者是开源的，见下条 #AI教学动画 #Fogsight #AI教育

AIGCLINK

56,108 просмотров • 1 год назад

baoyu-design skill 更新： 支持 PPT 动画了 现在有很多朋友用这个 Skill 做 PPT 了，我自己也用，真的挺好用的。有朋友问能不能支持 PPT 动画，但当前这个skill生成的是 HTML 格式的 PPT，然后借助 PptxGenJS 导出为 PPTX，这个库有个局限就是不支持 PPT 的动画。 之前借助 Opus 4.8 确实没搞定，但现在有 Fable 5 了，这时候就体现出 Fable 5 的价值了，它对于 PPTX 的 XML 格式了如指掌，迭代了几轮就搞定了。 视频前半部分是 HTML 页面的动画效果，后半部分是在 KeyNote 中预览播放的效果。动画细节上还是有点小出入，但常用的几个动画应该没什么问题。 推荐去试试看： baoyu-design Skill：
2:19

baoyu-design skill 更新： 支持 PPT 动画了 现在有很多朋友用这个 Skill 做 PPT 了，我自己也用，真的挺好用的。有朋友问能不能支持 PPT 动画，但当前这个skill生成的是 HTML 格式的 PPT，然后借助 PptxGenJS 导出为 PPTX，这个库有个局限就是不支持 PPT 的动画。 之前借助 Opus 4.8 确实没搞定，但现在有 Fable 5 了，这时候就体现出 Fable 5 的价值了，它对于 PPTX 的 XML 格式了如指掌，迭代了几轮就搞定了。 视频前半部分是 HTML 页面的动画效果，后半部分是在 KeyNote 中预览播放的效果。动画细节上还是有点小出入，但常用的几个动画应该没什么问题。 推荐去试试看： baoyu-design Skill：

宝玉

77,996 просмотров • 1 месяц назад

新加坡国立大学Show Lab放出了一款教育视频自动生成工具：Code2Video，非常实用 把写教案升级为了自动代码动画生成，同时更好的解决了生成内容逻辑结构和视觉准确性的问题 对老师来说，只需要输入教学主题就能自动获得一个3Blue1Brown风的教学动画 Code2Video核心是让AI先自动写Manim Python代码，然后再渲染出教育视频，并非直接出视频。是一个多智能体架构，包括Planner、Coder和Critic 看给出的效果，跟Veo3、Wan-2.1比，Code2Video在逻辑结构、知识准确性，以及教学清晰度上表现更好一些 视频通过代码生成，对生成的每个元素、动作、公式都可以精准控制，这就比较适合需要逻辑结构和视觉准确性的教学场景 #AI教学视频生成 #AI公式视频 #AI教育 #Code2Video
1:12

新加坡国立大学Show Lab放出了一款教育视频自动生成工具：Code2Video，非常实用 把写教案升级为了自动代码动画生成，同时更好的解决了生成内容逻辑结构和视觉准确性的问题 对老师来说，只需要输入教学主题就能自动获得一个3Blue1Brown风的教学动画 Code2Video核心是让AI先自动写Manim Python代码，然后再渲染出教育视频，并非直接出视频。是一个多智能体架构，包括Planner、Coder和Critic 看给出的效果，跟Veo3、Wan-2.1比，Code2Video在逻辑结构、知识准确性，以及教学清晰度上表现更好一些 视频通过代码生成，对生成的每个元素、动作、公式都可以精准控制，这就比较适合需要逻辑结构和视觉准确性的教学场景 #AI教学视频生成 #AI公式视频 #AI教育 #Code2Video

AIGCLINK

35,757 просмотров • 10 месяцев назад

DoorDash CTO Andy Fang 这句太狠了： “用AI的目标不是写代码更快，而是再也不用亲手写代码了。” 他们公司现在全员跑agent。 有个代码迁移项目，原本要4个工程师干满一个季度。 现在一个人，三周搞定。 结果就是：专家团队变成了“一个专家+一堆规则和agent”。 这哥们跟Claude Code创始人聊了25分钟，全是干货。 看完我算是明白了，大多数人用AI的方式还是最原始那种：手动输入、等待、修改、再问。 效率低到离谱。 真正的玩法早就不一样了。
25:01

DoorDash CTO Andy Fang 这句太狠了： “用AI的目标不是写代码更快，而是再也不用亲手写代码了。” 他们公司现在全员跑agent。 有个代码迁移项目，原本要4个工程师干满一个季度。 现在一个人，三周搞定。 结果就是：专家团队变成了“一个专家+一堆规则和agent”。 这哥们跟Claude Code创始人聊了25分钟，全是干货。 看完我算是明白了，大多数人用AI的方式还是最原始那种：手动输入、等待、修改、再问。 效率低到离谱。 真正的玩法早就不一样了。

淘沙者(TheSandPicker)

91,818 просмотров • 1 месяц назад

Codex 重磅更新：Product Design 插件上线！ 以前 Codex 代码强但 UI 审美常被吐槽 上世纪风，这次直接把产品设计思维装进大脑，审美和专业度瞬间拉满！ 下面视频展示了我用最新 Product Design 插件设计的三个网站，完全不输高级设计师～ 先设计，后开发：它不再是直接盲写代码，而是先给你 3 张不同风格的高保真参考图！ 确认了审美，再开始写代码，这种 设计驱动 的流程太专业了。 丝滑的滚动叙事、动态背景、视频卡片，交互细节拉满。 这种先定审美、再定交互、最后落地的流程，才是未来 AI 开发的终极形态！
0:43

Codex 重磅更新：Product Design 插件上线！ 以前 Codex 代码强但 UI 审美常被吐槽 上世纪风，这次直接把产品设计思维装进大脑，审美和专业度瞬间拉满！ 下面视频展示了我用最新 Product Design 插件设计的三个网站，完全不输高级设计师～ 先设计，后开发：它不再是直接盲写代码，而是先给你 3 张不同风格的高保真参考图！ 确认了审美，再开始写代码，这种 设计驱动 的流程太专业了。 丝滑的滚动叙事、动态背景、视频卡片，交互细节拉满。 这种先定审美、再定交互、最后落地的流程，才是未来 AI 开发的终极形态！

爱丽丝呀！

139,204 просмотров • 2 месяцев назад

Pixel2Motion，一个能把静态 logo 直接变成矢量动画的开源工具 丢一张 PNG 或 JPG 进去，它先用 AI 把像素图转成矢量路径，然后自动生成动画效果，输出无损的 SVG 有几个细节挺讲究的： -转矢量的时候会跟原图做叠拼误差校验，反复迭代直到还原度够高 -动画生成遵循迪士尼动画12法则，所以动起来的节奏感不像是随便加的 -输出格式支持 SVG、HTML代码、GIF、视频 它本身是一个开源的 Codex 和 Claude 技能，也兼容其他多模态 Agent 以前给 logo 加动画要在 After Effects 里一帧帧调，现在一个命令就出来了 GitHub 地址放在评论区了 做设计或者前端的可以看看，尤其是经常被甲方要求"logo能不能动一下"的
0:29

Pixel2Motion，一个能把静态 logo 直接变成矢量动画的开源工具 丢一张 PNG 或 JPG 进去，它先用 AI 把像素图转成矢量路径，然后自动生成动画效果，输出无损的 SVG 有几个细节挺讲究的： -转矢量的时候会跟原图做叠拼误差校验，反复迭代直到还原度够高 -动画生成遵循迪士尼动画12法则，所以动起来的节奏感不像是随便加的 -输出格式支持 SVG、HTML代码、GIF、视频 它本身是一个开源的 Codex 和 Claude 技能，也兼容其他多模态 Agent 以前给 logo 加动画要在 After Effects 里一帧帧调，现在一个命令就出来了 GitHub 地址放在评论区了 做设计或者前端的可以看看，尤其是经常被甲方要求"logo能不能动一下"的

Vincent

22,001 просмотров • 2 месяцев назад

2万粉丝福利，贺图（×） 苍影侠的AI动画片（√）其实是最近的ai视频很厉害，干脆要不给我的英雄做一个ai动画片吧？后面做到R18部分我就用漫画来替代。先看个前戏吧😋 感谢各位一直以来的支持，你们的互动就是我更新的动力🥰
1:36

2万粉丝福利，贺图（×） 苍影侠的AI动画片（√）其实是最近的ai视频很厉害，干脆要不给我的英雄做一个ai动画片吧？后面做到R18部分我就用漫画来替代。先看个前戏吧😋 感谢各位一直以来的支持，你们的互动就是我更新的动力🥰

Achai

77,839 просмотров • 5 месяцев назад

设计师必备 Design Skill 推荐，整理了我日常高频在用的 5 款实用 Skill，亲测实用性拉满 1、Text to Lottie Skill 上传 SVG + 填写动画描述，快速生成可编辑 Lottie 动画文件。 2、GSAP Skill 一键生成专业网页交互动效，自动输出高性能代码，支持 SVG 动画、鼠标跟随、滚动视差文字等效果。 3、three-scope-map-skill 输入地区即可生成数据大屏 3D 交互地图，多款配色主题，支持缩放、平移、点位、飞线等大屏常用特效，开箱即用。 4、Web to Design md 输入网址一键扒取网页配色、字体、CSS、动效等全套设计规范，输出可被 AI 使用的 design.md 文档。 5、Shadcn/ui Skill 适配前端项目，自动对齐项目配置、统一组件规范、支持多主题，一键生成规整后台页面，省去大量调试工作。
1:06

设计师必备 Design Skill 推荐，整理了我日常高频在用的 5 款实用 Skill，亲测实用性拉满 1、Text to Lottie Skill 上传 SVG + 填写动画描述，快速生成可编辑 Lottie 动画文件。 2、GSAP Skill 一键生成专业网页交互动效，自动输出高性能代码，支持 SVG 动画、鼠标跟随、滚动视差文字等效果。 3、three-scope-map-skill 输入地区即可生成数据大屏 3D 交互地图，多款配色主题，支持缩放、平移、点位、飞线等大屏常用特效，开箱即用。 4、Web to Design md 输入网址一键扒取网页配色、字体、CSS、动效等全套设计规范，输出可被 AI 使用的 design.md 文档。 5、Shadcn/ui Skill 适配前端项目，自动对齐项目配置、统一组件规范、支持多主题，一键生成规整后台页面，省去大量调试工作。

Paidax

83,968 просмотров • 1 месяц назад