Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

开源一个商业级，滚动交互网页Skill

lxfater's profile picture

铁锤人

103,909 subscribers

13,411 Aufrufe • vor 5 Tagen •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

这个交互效果很好啊 可以直接在电商网站商用 🫡
0:33

这个交互效果很好啊 可以直接在电商网站商用 🫡

小互

29,808 Aufrufe • vor 7 Monaten

设计师必备 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

81,253 Aufrufe • vor 1 Monat

开源 Skills 的商业模式｜第 2 集
3:36

开源 Skills 的商业模式｜第 2 集

dontbesilent

23,519 Aufrufe • vor 16 Tagen

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

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

木子不写代码

29,938 Aufrufe • vor 4 Monaten

如果你用这些网站，做不出顶级UI前端。 我让在座的一人搞一次，立贴为证。 1️⃣在线 3D / 交互设计编辑器入口。 链接： 2️⃣UI 设计灵感收集网。 链接： 3️⃣一个面向前端和 AI 编程助手的 React UI 组件 / 模板 / 主题平台。 链接： 4️⃣一个 设计资源导航站 / 工具目录 / 灵感资源库。 链接： 5️⃣一套开源的 React 组件，包含动画、交互式和完全可定制的组件。 链接：
0:32

如果你用这些网站，做不出顶级UI前端。 我让在座的一人搞一次，立贴为证。 1️⃣在线 3D / 交互设计编辑器入口。 链接： 2️⃣UI 设计灵感收集网。 链接： 3️⃣一个面向前端和 AI 编程助手的 React UI 组件 / 模板 / 主题平台。 链接： 4️⃣一个 设计资源导航站 / 工具目录 / 灵感资源库。 链接： 5️⃣一套开源的 React 组件，包含动画、交互式和完全可定制的组件。 链接：

领哥LingGe🙏

19,194 Aufrufe • vor 23 Tagen

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

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

爱丽丝呀！

57,982 Aufrufe • vor 29 Tagen

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

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

Sac

23,086 Aufrufe • vor 1 Monat

乱套了比想象中严重❗️这不是单纯倒查补税，而是不按实际营业额拿虚高价格收税。记住2025年10月，中共对 #电商 #外卖 发动互联网版六四大屠杀，瞪眼被杀无处可逃。本来就没利润，还要亏着交税，不开玩笑说所有电商外卖一个都活不了，商户都哭了。外卖员、快递员、厂家一串企业全会绝迹，动摇政权一仗！
0:44

乱套了比想象中严重❗️这不是单纯倒查补税，而是不按实际营业额拿虚高价格收税。记住2025年10月，中共对 #电商 #外卖 发动互联网版六四大屠杀，瞪眼被杀无处可逃。本来就没利润，还要亏着交税，不开玩笑说所有电商外卖一个都活不了，商户都哭了。外卖员、快递员、厂家一串企业全会绝迹，动摇政权一仗！

无王无帝（澳喜特战旅）🔥

272,342 Aufrufe • vor 9 Monaten

🔥 前端动画界的老大 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

131,514 Aufrufe • vor 2 Monaten

兄弟们 这个创意牛P啊 Google推出一个实验性应用：Disco 它可以把你打开的网页 + 你的意图 → 转化成一个专属AI工具 比如 在Chrome里同时打开了： 一篇旅游攻略 Google Map 酒店预订网站 天气查询页 Disco自动识别到你可能正在做旅游攻略，它会根据你打开的网页帮你自动生成一个旅游规划应用。 你告诉 Disco：“我想规划一次去京都的旅行。” 这时，它就会用 AI 自动帮你生成一个： ✨“京都旅行规划应用”✨ 这个应用会把你打开的网页信息整合在一起 例如行程路线、酒店比较、天气信息、预算表，全都放在一个交互界面里。 你不用自己来回切页面，AI 帮你组合好了。 Disco 的目标就是： 让 AI 自动理解你开着的这些网页，知道你在干什么、想做什么 然后帮你把这些网页整合成一个专属工具或应用。
1:42

兄弟们 这个创意牛P啊 Google推出一个实验性应用：Disco 它可以把你打开的网页 + 你的意图 → 转化成一个专属AI工具 比如 在Chrome里同时打开了： 一篇旅游攻略 Google Map 酒店预订网站 天气查询页 Disco自动识别到你可能正在做旅游攻略，它会根据你打开的网页帮你自动生成一个旅游规划应用。 你告诉 Disco：“我想规划一次去京都的旅行。” 这时，它就会用 AI 自动帮你生成一个： ✨“京都旅行规划应用”✨ 这个应用会把你打开的网页信息整合在一起 例如行程路线、酒店比较、天气信息、预算表，全都放在一个交互界面里。 你不用自己来回切页面，AI 帮你组合好了。 Disco 的目标就是： 让 AI 自动理解你开着的这些网页，知道你在干什么、想做什么 然后帮你把这些网页整合成一个专属工具或应用。

小互

41,780 Aufrufe • vor 7 Monaten

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

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

沐阳

72,264 Aufrufe • vor 1 Monat

大千世界36：一年不开张，开张吃一年！#巨物 #野生鱼鹰 #鸟类 #飞翔 #周末快乐 视频来源于网络 #互关 #互fo
0:41

大千世界36：一年不开张，开张吃一年！#巨物 #野生鱼鹰 #鸟类 #飞翔 #周末快乐 视频来源于网络 #互关 #互fo

dian_gan_大痴(man)

46,124 Aufrufe • vor 1 Jahr

非常感谢 Ian (伊恩) 的小黑skill的开源！之前我出了这个在小黑skill基础上把他调整成自己的IP配图的视频，也是收到好多朋友们交的作业！我自己个人网站还有视频里的配图也都是用这个skill生成的，大大提升生产力！！！
2:04

非常感谢 Ian (伊恩) 的小黑skill的开源！之前我出了这个在小黑skill基础上把他调整成自己的IP配图的视频，也是收到好多朋友们交的作业！我自己个人网站还有视频里的配图也都是用这个skill生成的，大大提升生产力！！！

Esther

14,636 Aufrufe • vor 15 Tagen

更新，绝美PPT一键生成👍 刚刚把 歸藏(guizang.ai) 的牛逼 PPT 生成 Skill 集成到 WisMe 里了，现在你可以把任意网页内容/生成的文章 转换为漂亮的PPT，感谢 歸藏 老师开源的这个 Skill 😆 产品网址：
0:41

更新，绝美PPT一键生成👍 刚刚把 歸藏(guizang.ai) 的牛逼 PPT 生成 Skill 集成到 WisMe 里了，现在你可以把任意网页内容/生成的文章 转换为漂亮的PPT，感谢 歸藏 老师开源的这个 Skill 😆 产品网址：

nash_su - e/acc

24,086 Aufrufe • vor 2 Monaten

Jony Ive 离开苹果之后第一个公开亮相的设计： 法拉利的首款电动车界面系统 曾经把多点触控带给世界的的人却反对现在的电动汽车完全的触控化： "为什么动力源是电的，大家就默认交互界面也得是数字化的？这是个巨大的跳跃，而且很武断。" 他认为电动化只是动力源变了，没理由把整个交互推平成屏幕。
11:26

Jony Ive 离开苹果之后第一个公开亮相的设计： 法拉利的首款电动车界面系统 曾经把多点触控带给世界的的人却反对现在的电动汽车完全的触控化： "为什么动力源是电的，大家就默认交互界面也得是数字化的？这是个巨大的跳跃，而且很武断。" 他认为电动化只是动力源变了，没理由把整个交互推平成屏幕。

小互

114,640 Aufrufe • vor 2 Monaten

我又开启一个副业了，来帮企业家来测网速。我没开玩笑，这是真的，请看到最后。
0:49

我又开启一个副业了，来帮企业家来测网速。我没开玩笑，这是真的，请看到最后。

图拉鼎

66,139 Aufrufe • vor 2 Jahren