Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

Vincent

56,792 subscribers

15,166 Aufrufe • vor 3 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

发现个前端圈公认的动画神器，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

62,396 Aufrufe • vor 3 Monaten

这个名叫Bento的开源HTML PPT项目不错啊，动效很炫酷。只用一个HTML文件实现整个PPT的核心：所有文本都能编辑+全屏播放PPT+多人协作等。最棒的地方：文档都是明文JSON，非常适合交给AI来修改迭代。开源地址见评论区，视频是PPT动效演示

这个名叫Bento的开源HTML PPT项目不错啊，动效很炫酷。只用一个HTML文件实现整个PPT的核心：所有文本都能编辑+全屏播放PPT+多人协作等。最棒的地方：文档都是明文JSON，非常适合交给AI来修改迭代。开源地址见评论区，视频是PPT动效演示

向阳乔木

78,306 Aufrufe • vor 1 Monat

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

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

余温

116,708 Aufrufe • vor 5 Monaten

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

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

沐阳

72,652 Aufrufe • vor 2 Monaten

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

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

知识猫AI实验室

18,015 Aufrufe • vor 1 Monat

朋友们，我发现一个超级哇塞的技能现在已经有不少不错的工具可以画出好看的项目架构图，但大多是静态的，不能交互。今天分享的这个不一样，它是会动的！视频里是我在 MkAgent 项目下执行出来的效果，一次搞定。它会根据项目的 logo、主题风格等信息，生成对应的架构图。不仅如此，它还能分析代码，找出核心节点，生成节点信息和节点关系。每个节点都可以点击，右侧会显示该节点的详细信息。最终产物是一个 HTML 文件：展示核心架构和工作流程，并且支持动画自动演示调用流程。这个挺有意思，以后读新项目代码可以先用它。

Indie Fox

74,420 Aufrufe • vor 8 Tagen

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

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

Tom Huang

119,708 Aufrufe • vor 1 Jahr

分享一个能把任何网站“一键克隆”成代码的神器！🤯 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

39,372 Aufrufe • vor 3 Monaten

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

Vincent

22,327 Aufrufe • vor 2 Monaten

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

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

爱丽丝呀！

59,078 Aufrufe • vor 2 Monaten

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

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

爱丽丝呀！

137,950 Aufrufe • vor 2 Monaten

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

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

爱丽丝呀！

15,146 Aufrufe • vor 1 Monat

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

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

Vincent

71,876 Aufrufe • vor 3 Monaten

发现一个能赚钱的开源工具： 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

37,550 Aufrufe • vor 1 Monat

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

30,589 Aufrufe • vor 5 Monaten

分享下我在 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

174,782 Aufrufe • vor 6 Monaten

刚试了下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 Aufrufe • vor 9 Monaten

兄弟们，分享 5 个宝藏网站，专治 AI 写的网站没设计感，也没质感👇 1、Motion Sites（ 100 多个动效网站的现成 AI 提示词，复制丢给 AI 编程工具就能一键复刻，国产大模型和 Codex 都能用 2、React Bits（ 3、Uiverse（多个免费开源的 UI 元素，随便挑一个源代码直接拿走 4、Anime.js（上 7 万多星的动画库，弹簧、拖拽、滚动联动都能做，复制代码就能 1:1 复刻 5、Aceternity UI（多个现成的高级组件，源代码一键复制 VibeCoding 的兄弟们可以先收藏，写页面的时候翻出来照着抄就行~

兄弟们，分享 5 个宝藏网站，专治 AI 写的网站没设计感，也没质感👇 1、Motion Sites（ 100 多个动效网站的现成 AI 提示词，复制丢给 AI 编程工具就能一键复刻，国产大模型和 Codex 都能用 2、React Bits（ 3、Uiverse（多个免费开源的 UI 元素，随便挑一个源代码直接拿走 4、Anime.js（上 7 万多星的动画库，弹簧、拖拽、滚动联动都能做，复制代码就能 1:1 复刻 5、Aceternity UI（多个现成的高级组件，源代码一键复制 VibeCoding 的兄弟们可以先收藏，写页面的时候翻出来照着抄就行~

鱼总聊AI

38,252 Aufrufe • vor 22 Tagen

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：

宝玉

78,461 Aufrufe • vor 1 Monat

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 编程工具用，都能读懂。设计规范不再锁死在一个工具里。

小互

113,109 Aufrufe • vor 5 Monaten