正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

分享一个前端和 UI 设计师绝对不能错过的宝藏库！🎨 Anime.js 一个轻量级但功能强大的 JavaScript 动画引擎。 📌 它是干嘛的？简单说，它能帮你轻松实现各种丝滑的 UI 动效。不管是 CSS 属性、SVG、DOM 还是 JS 对象，都能 animate 起来。 📌 为什么强推？ ✅功能全：时间线 (Timeline)、缓动、布局动画、错位动画 (Stagger) 等等，你想要的效果这里基本都有。 ✅文档太友好了：这是最赞的一点！每个动画示例旁边直接附带代码，一键复制就能用。 ✅支持二创：可以直接跳转到 CodePen 在线修改代码，调试非常方便。 ✅完全免费：GitHub 67.1k Star 的开源项目，闭眼冲。不管是做网页特效还是交互动画，这个库都能极大提升效率，每位 Web 开发者都值得收藏！🚀 项目地址放评论区了👇

Vincent | 信号＞噪音

54,608 subscribers

14,923 次观看 • 2 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

发现个前端圈公认的动画神器，68K stars 真的不是吹的！ anime.js —— 一个轻量级但功能极其强大的 JavaScript 动画引擎。前端兄弟们又来享福了，这玩意儿简直是“动画师的瑞士军刀”： 🎨 全能型选手不管是 CSS 属性、SVG、DOM 属性，还是 JavaScript 对象，它都能让你动起来。想搞顺滑的光标特效、复杂的滚动视差、还是丝滑的 UI 过渡，它全包了。 API 直观且轻量代码写起来非常优雅，像写时间线一样简单。支持模块化引入，你只需要引入你需要的部分，保持 bundle 体积超小，性能拉满。 🛠️ 开箱即用官网（ Demo，每个动画都直接配好了代码，一键复制就能用，拿去二次创作简直不要太方便。看它那个相机拆解的动画演示，流畅度真的绝了。搞前端开发、做交互设计的，这个库必须收藏在工具箱里。项目地址放评论区了👇

发现个前端圈公认的动画神器，68K stars 真的不是吹的！ anime.js —— 一个轻量级但功能极其强大的 JavaScript 动画引擎。前端兄弟们又来享福了，这玩意儿简直是“动画师的瑞士军刀”： 🎨 全能型选手不管是 CSS 属性、SVG、DOM 属性，还是 JavaScript 对象，它都能让你动起来。想搞顺滑的光标特效、复杂的滚动视差、还是丝滑的 UI 过渡，它全包了。 API 直观且轻量代码写起来非常优雅，像写时间线一样简单。支持模块化引入，你只需要引入你需要的部分，保持 bundle 体积超小，性能拉满。 🛠️ 开箱即用官网（ Demo，每个动画都直接配好了代码，一键复制就能用，拿去二次创作简直不要太方便。看它那个相机拆解的动画演示，流畅度真的绝了。搞前端开发、做交互设计的，这个库必须收藏在工具箱里。项目地址放评论区了👇

Vincent

61,110 次观看 • 2 个月前

推荐一下张咋啦的 PPT Skill：frontend-slides。对于我这种不爱做 PPT，但又有演示需求的人来说，实在是太友好了。这个 Skill 的思路是把 PPT 变成网页。并且动画效果比 PowerPoint 好、生成的是单个 HTML 文件、浏览器直接打开。 AI 会生成多个不同风格的预览，每个风格都是定制的，字体、配色、动画都不一样。同时还能直接在浏览器里编辑文字，改完自动保存。如果你有现成的 .pptx 文件，也能直接转成网页版。经常做 PPT 的话，可以试试，链接放评论区。

推荐一下张咋啦的 PPT Skill：frontend-slides。对于我这种不爱做 PPT，但又有演示需求的人来说，实在是太友好了。这个 Skill 的思路是把 PPT 变成网页。并且动画效果比 PowerPoint 好、生成的是单个 HTML 文件、浏览器直接打开。 AI 会生成多个不同风格的预览，每个风格都是定制的，字体、配色、动画都不一样。同时还能直接在浏览器里编辑文字，改完自动保存。如果你有现成的 .pptx 文件，也能直接转成网页版。经常做 PPT 的话，可以试试，链接放评论区。

余温

115,550 次观看 • 4 个月前

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

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

沐阳

71,893 次观看 • 24 天前

Github Copilot 直接宣布王炸功能💥 Github Copilot Chat for Repo 全面开放，免费使用！ 🔥 对任意 Github 仓库进行语义提问，全局可用，动动嘴就能学习项目源码的时代正式到来🤔 我体验了一下，效果还是很不错的，开源库默认已经索引了，私有库可以手动索引体验地址 👉

Github Copilot 直接宣布王炸功能💥 Github Copilot Chat for Repo 全面开放，免费使用！ 🔥 对任意 Github 仓库进行语义提问，全局可用，动动嘴就能学习项目源码的时代正式到来🤔 我体验了一下，效果还是很不错的，开源库默认已经索引了，私有库可以手动索引体验地址 👉

Tom Huang

119,492 次观看 • 1 年前

分享一个能把任何网站“一键克隆”成代码的神器！🤯 ai-website-cloner-template 简单说：给一个网址，AI 帮你逆向工程，直接生成干净的 Next.js 代码库。 📌 它强在哪？ ✅还原度极高：不只是抄个皮，AI 会自动截图、分析响应式布局，连 CSS 颜色、字体、间距、甚至点击/悬停/滚动这些交互状态都能精准提取。 ✅技术栈很新：生成的代码基于 Next.js 16 + React 19 + shadcn/ui + Tailwind CSS v4。代码非常干净，不是那种乱七八糟的，拿来做二开简直完美。 ✅兼容性广：支持 Claude Code, Cursor, GitHub Copilot 等主流 AI 编程助手。 📌 怎么用？在终端里输入 /clone-website [网址]，AI 就开始干活了。跑完 npm install，直接在 Cursor 里打开项目，接着让它帮你改代码就行。想复刻某个网站设计，或者做竞品分析的，这个工具效率直接拉满 🚀 项目地址放评论区了👇

分享一个能把任何网站“一键克隆”成代码的神器！🤯 ai-website-cloner-template 简单说：给一个网址，AI 帮你逆向工程，直接生成干净的 Next.js 代码库。 📌 它强在哪？ ✅还原度极高：不只是抄个皮，AI 会自动截图、分析响应式布局，连 CSS 颜色、字体、间距、甚至点击/悬停/滚动这些交互状态都能精准提取。 ✅技术栈很新：生成的代码基于 Next.js 16 + React 19 + shadcn/ui + Tailwind CSS v4。代码非常干净，不是那种乱七八糟的，拿来做二开简直完美。 ✅兼容性广：支持 Claude Code, Cursor, GitHub Copilot 等主流 AI 编程助手。 📌 怎么用？在终端里输入 /clone-website [网址]，AI 就开始干活了。跑完 npm install，直接在 Cursor 里打开项目，接着让它帮你改代码就行。想复刻某个网站设计，或者做竞品分析的，这个工具效率直接拉满 🚀 项目地址放评论区了👇

Vincent

37,232 次观看 • 2 个月前

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

Vincent

21,507 次观看 • 1 个月前

这绝对是 GitHub 上最牛逼的 AI 网站克隆神器🔥 别再羡慕大厂动辄几万刀的前端设计了！用这个开源神器，全网顶级落地页一键变成你的私人组件库！操作简单到离谱：给它一个 URL，AI 几分钟时间，它就能把人家的设计、资源、组件全部智能复刻成干净的生产级代码。最牛的是，它不是死板的复制，而是带脑子的重构！图片自动下、SVG 自动扣、CSS 自动转。写代码的速度比你眨眼还快！地址：

这绝对是 GitHub 上最牛逼的 AI 网站克隆神器🔥 别再羡慕大厂动辄几万刀的前端设计了！用这个开源神器，全网顶级落地页一键变成你的私人组件库！操作简单到离谱：给它一个 URL，AI 几分钟时间，它就能把人家的设计、资源、组件全部智能复刻成干净的生产级代码。最牛的是，它不是死板的复制，而是带脑子的重构！图片自动下、SVG 自动扣、CSS 自动转。写代码的速度比你眨眼还快！地址：

爱丽丝呀！

13,570 次观看 • 7 天前

前端和独立开发者终于有天花板级别的动效库了！告别千篇一律的组件库和生硬过场！分享一个超赞的 GitHub 开源项目 —— react-bits 专为追求极致视觉与交互细节的前端/独立开发者而生它把那些大厂/顶级创意网站上才能见到的高级感动效，全部封装成了开箱即用的 React 组件！像素动画、流体文字、超酷的背景粒子、3D卡片翻转、炫目悬停特效…… 全部基于 React + Tailwind CSS + Framer Motion 纯代码实现，零配置、轻量级、完全可定制。每个动效都附带精心设计的交互预览 + 实时参数调节面板而且直接一键复制代码，1秒直接搬进你的项目，让你的网页瞬间充满百万级的高级创意感！地址：

前端和独立开发者终于有天花板级别的动效库了！告别千篇一律的组件库和生硬过场！分享一个超赞的 GitHub 开源项目 —— react-bits 专为追求极致视觉与交互细节的前端/独立开发者而生它把那些大厂/顶级创意网站上才能见到的高级感动效，全部封装成了开箱即用的 React 组件！像素动画、流体文字、超酷的背景粒子、3D卡片翻转、炫目悬停特效…… 全部基于 React + Tailwind CSS + Framer Motion 纯代码实现，零配置、轻量级、完全可定制。每个动效都附带精心设计的交互预览 + 实时参数调节面板而且直接一键复制代码，1秒直接搬进你的项目，让你的网页瞬间充满百万级的高级创意感！地址：

爱丽丝呀！

56,421 次观看 • 17 天前

前端终于有高级感的加载动画了！告别普通 spinner！分享一个超赞的 GitHub 开源项目 —— math-curve-loaders 专为追求极致美观与轻量前端项目而生，它把数学曲线变成极致优雅的加载动画！玫瑰曲线、李萨茹曲线、心形线…… 纯 HTML + CSS + JS 实现，零依赖、超轻量。每个动画都附带数学公式 + 可实时调整参数 + 一键复制代码，直接抄走就能用！数学之美 × 前端动效，视觉党与代码党都爱了 ❤️ 地址：

前端终于有高级感的加载动画了！告别普通 spinner！分享一个超赞的 GitHub 开源项目 —— math-curve-loaders 专为追求极致美观与轻量前端项目而生，它把数学曲线变成极致优雅的加载动画！玫瑰曲线、李萨茹曲线、心形线…… 纯 HTML + CSS + JS 实现，零依赖、超轻量。每个动画都附带数学公式 + 可实时调整参数 + 一键复制代码，直接抄走就能用！数学之美 × 前端动效，视觉党与代码党都爱了 ❤️ 地址：

爱丽丝呀！

133,347 次观看 • 1 个月前

以前做前端，为了个加载动画，要么到处找 GIF，要么自己写 CSS 写到头秃。最近看到这个 math-curve-loaders 开源库，完全是用数学公式生成的动效。我看了一下，玫瑰曲线、李萨如曲线这些数学图形，动效极其优雅。纯 HTML+CSS 实现，零第三方依赖，体积极小。最爽的是自带可视化调试面板。粒子数、轨迹、速度、颜色，拖拽滑块就能实时预览。调好参数，一键复制完整代码，粘贴到项目里就能跑。以后做项目，你是更喜欢这种数学极客风，还是习惯用现成的 UI 库组件？

以前做前端，为了个加载动画，要么到处找 GIF，要么自己写 CSS 写到头秃。最近看到这个 math-curve-loaders 开源库，完全是用数学公式生成的动效。我看了一下，玫瑰曲线、李萨如曲线这些数学图形，动效极其优雅。纯 HTML+CSS 实现，零第三方依赖，体积极小。最爽的是自带可视化调试面板。粒子数、轨迹、速度、颜色，拖拽滑块就能实时预览。调好参数，一键复制完整代码，粘贴到项目里就能跑。以后做项目，你是更喜欢这种数学极客风，还是习惯用现成的 UI 库组件？

Vincent

70,845 次观看 • 1 个月前

发现一个能赚钱的开源工具： pixel2motion — 上传静态Logo → AI自动生成矢量动画这意味着什么？在闲鱼/淘宝搜「Logo动画制作」，单价200-800元不等。以前接这种单需要：会AE + 会矢量设计 + 花2天做一个现在：上传图片 → AI生成 → 微调导出半小时搞定，收费不变。开源免费，成本为零。这就是2026年最典型的AI副业逻辑：用免费工具做别人不知道能自动化的事，赚的是信息差的钱。关键是：这个工具效果真不错。它不是普通描边，是AI做矢量路径建模 + 迪士尼动画法则优化。质量能打。

发现一个能赚钱的开源工具： pixel2motion — 上传静态Logo → AI自动生成矢量动画这意味着什么？在闲鱼/淘宝搜「Logo动画制作」，单价200-800元不等。以前接这种单需要：会AE + 会矢量设计 + 花2天做一个现在：上传图片 → AI生成 → 微调导出半小时搞定，收费不变。开源免费，成本为零。这就是2026年最典型的AI副业逻辑：用免费工具做别人不知道能自动化的事，赚的是信息差的钱。关键是：这个工具效果真不错。它不是普通描边，是AI做矢量路径建模 + 迪士尼动画法则优化。质量能打。

Vincent

35,669 次观看 • 9 天前

Prompt Fill v1.0 正式发布 🎉 做 AI 绘画的人一定有过这种体验：看到一张惊艳的图，兴冲冲复制了提示词—— 打开一看，一整段密密麻麻的英文。不知道哪个词控制风格，哪个词控制构图，想改又不敢改，怕一动就全崩了。这就是我做 Prompt Fill 的原因。 1.0版本最重磅的更新：一键「智能拆分」：粘贴提示词 → 自动标注变量 → 生成中英双语填空模板。这个功能是 v1.0 补上的最后一块拼图。之前 Prompt Fill 已经有了结构化模板、动态词库、词条联动、AI 扩词—— 但始终缺一个「从零开始」的入口。现在有了智能拆分，任何一段提示词都能秒变可复用的填空模板。说起来这完全是一个 Vibe Coding 项目。我自己又是产品经理，又是UX设计师，从第一行代码到现在的每一个功能，都是和 AI 一起边聊边写出来的。（始终觉得在Vibe Coding且上线的项目中审美说得过去的项目）从 12 月初的第一个 commit 到今天，历时四个多月，陆陆续续迭代了几十个版本。目前 GitHub 累计 1.7K Star ⭐ 真的非常感谢大家的支持和喜爱，每一个 Star 都是继续做下去的动力。接下来的计划： 📌 近期会持续补充更多高质量提示词模板 📌 2.0 已在规划中——面向视频创作的提示词管理、提示词润色、多镜头编排等功能开源地址 👉 在线体验 👉 欢迎试用、提 issue、给建议，或者直接 Star 支持一下 🙏

Prompt Fill v1.0 正式发布 🎉 做 AI 绘画的人一定有过这种体验：看到一张惊艳的图，兴冲冲复制了提示词—— 打开一看，一整段密密麻麻的英文。不知道哪个词控制风格，哪个词控制构图，想改又不敢改，怕一动就全崩了。这就是我做 Prompt Fill 的原因。 1.0版本最重磅的更新：一键「智能拆分」：粘贴提示词 → 自动标注变量 → 生成中英双语填空模板。这个功能是 v1.0 补上的最后一块拼图。之前 Prompt Fill 已经有了结构化模板、动态词库、词条联动、AI 扩词—— 但始终缺一个「从零开始」的入口。现在有了智能拆分，任何一段提示词都能秒变可复用的填空模板。说起来这完全是一个 Vibe Coding 项目。我自己又是产品经理，又是UX设计师，从第一行代码到现在的每一个功能，都是和 AI 一起边聊边写出来的。（始终觉得在Vibe Coding且上线的项目中审美说得过去的项目）从 12 月初的第一个 commit 到今天，历时四个多月，陆陆续续迭代了几十个版本。目前 GitHub 累计 1.7K Star ⭐ 真的非常感谢大家的支持和喜爱，每一个 Star 都是继续做下去的动力。接下来的计划： 📌 近期会持续补充更多高质量提示词模板 📌 2.0 已在规划中——面向视频创作的提示词管理、提示词润色、多镜头编排等功能开源地址 👉 在线体验 👉 欢迎试用、提 issue、给建议，或者直接 Star 支持一下 🙏

MarioTan

29,834 次观看 • 4 个月前

刚试了下Gemini APP 新推出的动态视图工具，很厉害。这是一个生成式 UI（Generative UI）功能，简单来说，它的核心逻辑是：Gemini 不再只是给你一段文本回复，而是利用后台的 Agentic Coding（智能体编程）能力，现场为你写 HTML、CSS 和 JavaScript 代码，渲染出一个可交互、可点击、可滑动的专属界面。目前还属于 Labs（实验室）功能，可以先体验起来。

刚试了下Gemini APP 新推出的动态视图工具，很厉害。这是一个生成式 UI（Generative UI）功能，简单来说，它的核心逻辑是：Gemini 不再只是给你一段文本回复，而是利用后台的 Agentic Coding（智能体编程）能力，现场为你写 HTML、CSS 和 JavaScript 代码，渲染出一个可交互、可点击、可滑动的专属界面。目前还属于 Labs（实验室）功能，可以先体验起来。

苍何

41,959 次观看 • 7 个月前

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文，实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文，实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题

Paidax

172,986 次观看 • 4 个月前

Google Stitch 大更新：号称是 Vibe Design 对着画布说话就能做设计 Figma 股价大跌8.8% 带来 5 大升级： 🎨 无限画布：以前是输入一句话等出图，现在有了一个真正的工作台。你可以把参考图、文字说明、代码片段全扔上去，AI 结合这些上下文帮你设计，更像在跟一个设计师协作。 🧠 更智能的设计 Agent：它现在能记住你整个项目的修改历史，不是每次从零开始理解你的需求。还能同时帮你推进多个方案，比如你想试三种不同风格的首页，它并行帮你搞，互不干扰。 🎙️ 语音交互：“这个按钮大一点""配色换暖色调""导航栏改成深色"，对着它说就行。不用停下来打字，边看边改，效率高很多。 ⚡ 即时原型：以前出的是静态图，现在点一下播放键，设计稿直接变成可以点击交互的原型。系统自动帮你算好"点这个按钮跳到哪个页面"。不用手动一根根连线了。 📐 新增了 DESIGN.md：把你的设计规范（配色、字体、风格）写成一个文件，不管是给 Stitch 用还是给 Claude Code、Cursor 这些 AI 编程工具用，都能读懂。设计规范不再锁死在一个工具里。

Google Stitch 大更新：号称是 Vibe Design 对着画布说话就能做设计 Figma 股价大跌8.8% 带来 5 大升级： 🎨 无限画布：以前是输入一句话等出图，现在有了一个真正的工作台。你可以把参考图、文字说明、代码片段全扔上去，AI 结合这些上下文帮你设计，更像在跟一个设计师协作。 🧠 更智能的设计 Agent：它现在能记住你整个项目的修改历史，不是每次从零开始理解你的需求。还能同时帮你推进多个方案，比如你想试三种不同风格的首页，它并行帮你搞，互不干扰。 🎙️ 语音交互：“这个按钮大一点""配色换暖色调""导航栏改成深色"，对着它说就行。不用停下来打字，边看边改，效率高很多。 ⚡ 即时原型：以前出的是静态图，现在点一下播放键，设计稿直接变成可以点击交互的原型。系统自动帮你算好"点这个按钮跳到哪个页面"。不用手动一根根连线了。 📐 新增了 DESIGN.md：把你的设计规范（配色、字体、风格）写成一个文件，不管是给 Stitch 用还是给 Claude Code、Cursor 这些 AI 编程工具用，都能读懂。设计规范不再锁死在一个工具里。

小互

112,688 次观看 • 4 个月前

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：

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：

宝玉

76,888 次观看 • 14 天前

Gemini 3 Pro 这次更新确实有点东西刚才随手测了个 SVG 动效，需求很简单，就是“用前端代码画一个电风扇细节要丰富逼真，用 SVG 的方式画出来” 以前做这种矢量动效比较麻烦，稍微复杂点就得搞半天。现在看它的思考过程，从几何计算到材质渲染逻辑，全部一次性跑通，还可以快速让它微调这意味着以后做设计里的微交互和动态插画，技术门槛基本归零了。只要懂设计规范，能把想要的效果说明白，复杂的 SVG 代码也就是几十秒的事。这才是真正的降本增效

Gemini 3 Pro 这次更新确实有点东西刚才随手测了个 SVG 动效，需求很简单，就是“用前端代码画一个电风扇细节要丰富逼真，用 SVG 的方式画出来” 以前做这种矢量动效比较麻烦，稍微复杂点就得搞半天。现在看它的思考过程，从几何计算到材质渲染逻辑，全部一次性跑通，还可以快速让它微调这意味着以后做设计里的微交互和动态插画，技术门槛基本归零了。只要懂设计规范，能把想要的效果说明白，复杂的 SVG 代码也就是几十秒的事。这才是真正的降本增效

Ian (伊恩)

50,132 次观看 • 8 个月前

这个开源项目，把我最烦的 PPT 一键搞定了。据说是目前最好用的 PPT skill - html-ppt-skill 一句话需求，比如：「做一份 AI 分享，小红书风」它会自动帮你：写大纲 → 排版 → 选主题 → 加动效 → 生成整套 PPT 效果是真的能打： 36 套主题 + 31 种布局（基本不用自己设计）粒子特效 + 动画（接近视频级展示）支持导出图片，可以直接发图文关键是这点：基本不用做 PPT了，你只需要说需求，剩下交给 AI。安装只要一行 npx skills add 做分享、做路演、做小红书图文，这套基本就能搞定。

这个开源项目，把我最烦的 PPT 一键搞定了。据说是目前最好用的 PPT skill - html-ppt-skill 一句话需求，比如：「做一份 AI 分享，小红书风」它会自动帮你：写大纲 → 排版 → 选主题 → 加动效 → 生成整套 PPT 效果是真的能打： 36 套主题 + 31 种布局（基本不用自己设计）粒子特效 + 动画（接近视频级展示）支持导出图片，可以直接发图文关键是这点：基本不用做 PPT了，你只需要说需求，剩下交给 AI。安装只要一行 npx skills add 做分享、做路演、做小红书图文，这套基本就能搞定。

开发者Hailey

68,392 次观看 • 3 个月前

之前一直以为 PPT 动画视频是动效视频，结果，试完纳米新出的视频 PPT 发现：居然是每一页都直接是一个分镜故事短片，扔了期比特币播客字幕进去，直接出来成片！这简直不要太爽，创作效率直接起飞啊，智能体直接把图文音频转视频，还支持自由编辑！

之前一直以为 PPT 动画视频是动效视频，结果，试完纳米新出的视频 PPT 发现：居然是每一页都直接是一个分镜故事短片，扔了期比特币播客字幕进去，直接出来成片！这简直不要太爽，创作效率直接起飞啊，智能体直接把图文音频转视频，还支持自由编辑！

Cell 细胞

28,163 次观看 • 7 个月前

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

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

AIGCLINK

56,108 次观看 • 1 年前