Loading video...

Video Failed to Load

Go Home

AI对话做了一个动态个人网站 👀 Hero、视频、人物动效、页面素材，再到Codex 落地，几乎全程只靠对话完成。 从灵感 → 页面 → 可交互网站，一条链跑通了。🔥 #AI #Codex #WebDesign #AIDesign

songsummer920's profile picture

宋夏天Dazzle

1,238 subscribers

31,633 views • 22 days ago •via X (Twitter)

Science & Technology#AI#Codex#WebDesign#AIDesign
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

我用LibTV+ Codex做了一个动态个人作品集网站： 鼠标滚动，就能控制Hero镜头与页面内容交互，让动态作品真正放进可交互网页里。 今晚发完整教程 👀 website with scroll transform interaction #AI #Codex #WebDesign #UIUX #AIDesign
0:19

我用LibTV+ Codex做了一个动态个人作品集网站： 鼠标滚动，就能控制Hero镜头与页面内容交互，让动态作品真正放进可交互网页里。 今晚发完整教程 👀 website with scroll transform interaction #AI #Codex #WebDesign #UIUX #AIDesign

宋夏天Dazzle

13,902 views • 1 month ago

Plus用户的网页版额度永远用不完，但codex只能跑五分钟..... 于是我做了这个： 一个技能，让Codex干活时，把思考让给网页版Sol， 规划、审查代码全在网页端完成，Luna只负责执行。 视频是 Codex 自己打开 ChatGPT 连接、自己对话、自己干活的全过程，我全程没进行干预。 已经开源了，欢迎体验提PR~
0:16

Plus用户的网页版额度永远用不完，但codex只能跑五分钟..... 于是我做了这个： 一个技能，让Codex干活时，把思考让给网页版Sol， 规划、审查代码全在网页端完成，Luna只负责执行。 视频是 Codex 自己打开 ChatGPT 连接、自己对话、自己干活的全过程，我全程没进行干预。 已经开源了，欢迎体验提PR~

HeyXiaoDuo_

1,054,719 views • 27 days ago

用Codex + 小耳👂Jane｜Xiaoer 的claude-skill-web-clone skill 10min 复刻了一下 Sac 的个人网站 复刻流程： 1. Codex 安装 claude-skill-web-clone 2. 跟Codex说 用 web-clone 复刻这个网站： 然后里面的Sac全部改成木马人 ，人物图片换成附件的图片 效果如下：
0:13

用Codex + 小耳👂Jane｜Xiaoer 的claude-skill-web-clone skill 10min 复刻了一下 Sac 的个人网站 复刻流程： 1. Codex 安装 claude-skill-web-clone 2. 跟Codex说 用 web-clone 复刻这个网站： 然后里面的Sac全部改成木马人 ，人物图片换成附件的图片 效果如下：

木马人

18,804 views • 2 months ago

个人网站成了展示自己简历的最佳方式，看到越来越多有创意的个人网站了 有了 AI 可以完全释放自己的想象力 最近这个很火，打造成登机的过程，一开始刷登机卡和关闭窗户的动画一下就吸引住了，我认为个人网站是你真正的领地，我也很喜欢通过个人网站来了解一个人。
0:12

个人网站成了展示自己简历的最佳方式，看到越来越多有创意的个人网站了 有了 AI 可以完全释放自己的想象力 最近这个很火，打造成登机的过程，一开始刷登机卡和关闭窗户的动画一下就吸引住了，我认为个人网站是你真正的领地，我也很喜欢通过个人网站来了解一个人。

Viking

15,503 views • 23 days ago

我用 Codex + Grok + FFmpeg，做了一段“宫崎骏感”治愈系动画。全程就只用了这 3 个工具。而且 Grok 额度只消耗了 1% 😂 制作流程其实很简单： 1、Codex 负责创作大脑：生成完整故事，并拆解成 8 个动画分镜。 2、AI分镜提示词优化：把每个镜头的画面、角色、动作、氛围细化，让生成效果更稳定。 3、 Grok 生成动画视频：根据分镜提示词，把文字里的幻想世界变成动态画面。 4、FFmpeg 后期合成：完成视频拼接、处理，让多个镜头变成一支完整动画。 目前只是初版测试。 下一步准备加入对话
0:15

我用 Codex + Grok + FFmpeg，做了一段“宫崎骏感”治愈系动画。全程就只用了这 3 个工具。而且 Grok 额度只消耗了 1% 😂 制作流程其实很简单： 1、Codex 负责创作大脑：生成完整故事，并拆解成 8 个动画分镜。 2、AI分镜提示词优化：把每个镜头的画面、角色、动作、氛围细化，让生成效果更稳定。 3、 Grok 生成动画视频：根据分镜提示词，把文字里的幻想世界变成动态画面。 4、FFmpeg 后期合成：完成视频拼接、处理，让多个镜头变成一支完整动画。 目前只是初版测试。 下一步准备加入对话

cyberkk

22,080 views • 1 month ago

用GPT 5.6 Sol大幅迭代了我的个人网站skill，现在可以快速产出高质量个人网站 整体网站交付流程全面升级： - 网页参考图设计注重核心信息表达，拒绝无意义设计 - 素材图拆分变得更加可靠 - 增强了后续的建站审核 为了感谢狼仔 杀破狼 WolfyXBT 的关注，特意用升级后的 skill 为狼仔做了一个个人网站😁
0:15

用GPT 5.6 Sol大幅迭代了我的个人网站skill，现在可以快速产出高质量个人网站 整体网站交付流程全面升级： - 网页参考图设计注重核心信息表达，拒绝无意义设计 - 素材图拆分变得更加可靠 - 增强了后续的建站审核 为了感谢狼仔 杀破狼 WolfyXBT 的关注，特意用升级后的 skill 为狼仔做了一个个人网站😁

Sac

19,881 views • 2 months ago

卧槽，外链跳转微信加好友，被我打通了。 全程用codex ，从链接，跳转到微信app扫码，加微信的流程。从各种网站，获客的线索终于可以不会丢失了。 我看了其他网站做的这样产品，月费至少是99，我只有认证费和服务器的成本。 参考这个视频看看，对这个感兴趣的可以私聊我
0:11

卧槽，外链跳转微信加好友，被我打通了。 全程用codex ，从链接，跳转到微信app扫码，加微信的流程。从各种网站，获客的线索终于可以不会丢失了。 我看了其他网站做的这样产品，月费至少是99，我只有认证费和服务器的成本。 参考这个视频看看，对这个感兴趣的可以私聊我

产品经理老王霸

174,118 views • 2 months ago

把我娃的形象做成了Codex 桌面宠物， 跑任务的时候，他的手脚会乱动，就很形象！！ 他将是同龄人中第一个接触Codex的人！ 赢在起跑线！！ 分享个Skill👇，可以把任何形象做成Codex Pet！
0:19

把我娃的形象做成了Codex 桌面宠物， 跑任务的时候，他的手脚会乱动，就很形象！！ 他将是同龄人中第一个接触Codex的人！ 赢在起跑线！！ 分享个Skill👇，可以把任何形象做成Codex Pet！

沐阳

16,901 views • 2 months ago

只需要一个 IP，就能出一整套角色延展和角色动画，下面这个视频我用了Ai 半天时间就搭建出来的效果，不知道大家有没有兴趣了解，我周末做一个全流程的视频讲解，从 IP生成、角色动画到开发交互给大家一次讲清楚
0:13

只需要一个 IP，就能出一整套角色延展和角色动画，下面这个视频我用了Ai 半天时间就搭建出来的效果，不知道大家有没有兴趣了解，我周末做一个全流程的视频讲解，从 IP生成、角色动画到开发交互给大家一次讲清楚

Paidax

197,863 views • 10 months ago

这是使用 实现的一个 iPhone 一镜到底的网站效果，视频里是我手动滚动的。 组合了 5 段首尾帧视频，可以在任何一帧定格，搭配一些文字的话能做出蛮高级的效果。
0:15

这是使用 实现的一个 iPhone 一镜到底的网站效果，视频里是我手动滚动的。 组合了 5 段首尾帧视频，可以在任何一帧定格，搭配一些文字的话能做出蛮高级的效果。

oil-oil

23,973 views • 1 month ago

原来 Omma AI 来自新生代 Web 3D 设计与交互工具 Spline Omma是一个用通过对话 生成 3D 网站、Web App 和交互体验的新工具。 它不只是 text-to-3D，而是把代码生成、图像生成、3D 模型生成和页面部署整合在一起。你可以从一句 prompt 开始，生成 landing page、产品展示页、小游戏，甚至完整的 3D Web 体验。
0:17

原来 Omma AI 来自新生代 Web 3D 设计与交互工具 Spline Omma是一个用通过对话 生成 3D 网站、Web App 和交互体验的新工具。 它不只是 text-to-3D，而是把代码生成、图像生成、3D 模型生成和页面部署整合在一起。你可以从一句 prompt 开始，生成 landing page、产品展示页、小游戏，甚至完整的 3D Web 体验。

sundyme

34,809 views • 4 months ago

Codex 5.6 真的要让剪辑师失业了！ 它现在的视频制作能力提升了不止一个档次，直接一句话生成视频！ 重度实测一周，筛选出这 4 个Skill，直接实现全流程闭环： 1️⃣ HyperFrames （内置插件） 负责整片策划、动效生成、画面合成与最终渲染。它能把文字构思直接转化为高水准的动态视频框架，实现全流程闭环交付。 2️⃣ Remotion （内置插件） 基于 React 模板的视频生成工具。支持通过代码批量生产高质感视频，尤其适合数字人+动效结合的自媒体内容，实现真正的工业化生产。 3️⃣ video-use 专门处理真人素材的剪辑工具。能自动识别镜头、精准卡点并完成后期剪辑，让 AI 具备了职业级的剪辑逻辑。 地址： 4️⃣ Seedance 针对顶级视频大模型的提示词工具。专门生成电影级运镜和实拍感指令，补齐了 AI 视频在审美和镜头质感上的短板。 地址： 现在用 Codex 5.6 + 这4个Skill，从脚本→动效→剪辑→渲染，全程AI闭环。
0:19

Codex 5.6 真的要让剪辑师失业了！ 它现在的视频制作能力提升了不止一个档次，直接一句话生成视频！ 重度实测一周，筛选出这 4 个Skill，直接实现全流程闭环： 1️⃣ HyperFrames （内置插件） 负责整片策划、动效生成、画面合成与最终渲染。它能把文字构思直接转化为高水准的动态视频框架，实现全流程闭环交付。 2️⃣ Remotion （内置插件） 基于 React 模板的视频生成工具。支持通过代码批量生产高质感视频，尤其适合数字人+动效结合的自媒体内容，实现真正的工业化生产。 3️⃣ video-use 专门处理真人素材的剪辑工具。能自动识别镜头、精准卡点并完成后期剪辑，让 AI 具备了职业级的剪辑逻辑。 地址： 4️⃣ Seedance 针对顶级视频大模型的提示词工具。专门生成电影级运镜和实拍感指令，补齐了 AI 视频在审美和镜头质感上的短板。 地址： 现在用 Codex 5.6 + 这4个Skill，从脚本→动效→剪辑→渲染，全程AI闭环。

Miki

82,446 views • 1 month ago

最近Figma 发了 Figma Motion，不过既付费又闭源 我们做了个开源版的👇 · 内置一批效果顶尖的动效模板，选中即用、一键复用到你的html/视频 · 动效活在真实运行的网页/视频里，对话即改，每个组件单独微调 · 任意动效一键导出成 skill，丢给你的 AI 复用 还顺手治了 AI 做 launch 视频总像"视频版 PPT"的毛病——转场丝滑，能做出 Apple 发布会那种质感。 大家需要的话我们就尽快开放🙌
0:10

最近Figma 发了 Figma Motion，不过既付费又闭源 我们做了个开源版的👇 · 内置一批效果顶尖的动效模板，选中即用、一键复用到你的html/视频 · 动效活在真实运行的网页/视频里，对话即改，每个组件单独微调 · 任意动效一键导出成 skill，丢给你的 AI 复用 还顺手治了 AI 做 launch 视频总像"视频版 PPT"的毛病——转场丝滑，能做出 Apple 发布会那种质感。 大家需要的话我们就尽快开放🙌

Tom Huang

44,600 views • 2 months ago

Codex 5.6 真的要让剪辑师失业了！ 它现在的视频制作能力提升了不止一个档次，直接一句话生成视频！ 重度实测一周，筛选出这 4 个Skill，直接实现全流程闭环： 1️⃣ HyperFrames （内置插件） 负责整片策划、动效生成、画面合成与最终渲染。它能把文字构思直接转化为高水准的动态视频框架，实现全流程闭环交付。 2️⃣ Remotion （内置插件） 基于 React 模板的视频生成工具。支持通过代码批量生产高质感视频，尤其适合数字人+动效结合的自媒体内容，实现真正的工业化生产。 3️⃣ video-use 专门处理真人素材的剪辑工具。能自动识别镜头、精准卡点并完成后期剪辑，让 AI 具备了职业级的剪辑逻辑。 地址： 4️⃣ Seedance 针对顶级视频大模型的提示词工具。专门生成电影级运镜和实拍感指令，补齐了 AI 视频在审美和镜头质感上的短板。 地址： 现在用 Codex 5.6 + 这4个Skill，从脚本→动效→剪辑→渲染，全程AI闭环。
0:19

Codex 5.6 真的要让剪辑师失业了！ 它现在的视频制作能力提升了不止一个档次，直接一句话生成视频！ 重度实测一周，筛选出这 4 个Skill，直接实现全流程闭环： 1️⃣ HyperFrames （内置插件） 负责整片策划、动效生成、画面合成与最终渲染。它能把文字构思直接转化为高水准的动态视频框架，实现全流程闭环交付。 2️⃣ Remotion （内置插件） 基于 React 模板的视频生成工具。支持通过代码批量生产高质感视频，尤其适合数字人+动效结合的自媒体内容，实现真正的工业化生产。 3️⃣ video-use 专门处理真人素材的剪辑工具。能自动识别镜头、精准卡点并完成后期剪辑，让 AI 具备了职业级的剪辑逻辑。 地址： 4️⃣ Seedance 针对顶级视频大模型的提示词工具。专门生成电影级运镜和实拍感指令，补齐了 AI 视频在审美和镜头质感上的短板。 地址： 现在用 Codex 5.6 + 这4个Skill，从脚本→动效→剪辑→渲染，全程AI闭环。

爱丽丝呀！

482,036 views • 2 months ago

“深度”视频是指画面右边的参考视频。 有朋友在评论区 问怎么生成这样的深度视频 我使用的软件是Codex，方法其实挺简单的： 新建一个对话框，告诉Codex你要做 ControlNet Depth / Depth Anything / MiDaS / SAM2 视频抠像 的视频 然后把原视频发给它 可以生成一段动作参考视频 ，也可以再生成72帧的截图（这个适合做分镜参考，舞蹈/武打动作 的迁移效果一般） 也可以让它从三只猫 变成 一只猫 这种比较基础的画面编辑
0:09

“深度”视频是指画面右边的参考视频。 有朋友在评论区 问怎么生成这样的深度视频 我使用的软件是Codex，方法其实挺简单的： 新建一个对话框，告诉Codex你要做 ControlNet Depth / Depth Anything / MiDaS / SAM2 视频抠像 的视频 然后把原视频发给它 可以生成一段动作参考视频 ，也可以再生成72帧的截图（这个适合做分镜参考，舞蹈/武打动作 的迁移效果一般） 也可以让它从三只猫 变成 一只猫 这种比较基础的画面编辑

探路AI

25,078 views • 1 month ago

最近彻底沉迷 AI 视频创作，挖到了一个宝藏工具非常推荐！ 以前做一条视频，得在 Codex 写剧本、ComfyUI 跑工作流、剪辑软件后期之间来回切换 换成 Edimakor Taiwan 的 Edimakor 之后直接被震撼到，智能剧本生成、AI 生视频、后期剪辑，全在一个软件里搞定 连屏幕录制、AI 音效、数字人、自动字幕这些实用功能也都齐全，真正做到「一个就够」 包括目前最火的 MiniMax H3 也能在里面非常流畅地直接调用，我非常轻松地在里面生成了一个雪中古装红衣女子撑伞回眸的电影感画面，效果真的好到爆炸！ 直达链接：
0:15

最近彻底沉迷 AI 视频创作，挖到了一个宝藏工具非常推荐！ 以前做一条视频，得在 Codex 写剧本、ComfyUI 跑工作流、剪辑软件后期之间来回切换 换成 Edimakor Taiwan 的 Edimakor 之后直接被震撼到，智能剧本生成、AI 生视频、后期剪辑，全在一个软件里搞定 连屏幕录制、AI 音效、数字人、自动字幕这些实用功能也都齐全，真正做到「一个就够」 包括目前最火的 MiniMax H3 也能在里面非常流畅地直接调用，我非常轻松地在里面生成了一个雪中古装红衣女子撑伞回眸的电影感画面，效果真的好到爆炸！ 直达链接：

0xMomo

13,092 views • 1 month ago

GORK1.5 - 视频生成 今天跑了30条gork1.5视频，测试了一下gork的视频能力，个人感觉gork的视频效果提升到了可灵2.6的级别，效果非常好，如果不考虑切镜的话，效果已经很稳定了 不过提示词遵循度好像不是很好，镜头机位的移动还是有点不太对。
0:10

GORK1.5 - 视频生成 今天跑了30条gork1.5视频，测试了一下gork的视频能力，个人感觉gork的视频效果提升到了可灵2.6的级别，效果非常好，如果不考虑切镜的话，效果已经很稳定了 不过提示词遵循度好像不是很好，镜头机位的移动还是有点不太对。

AnionAI

15,308 views • 3 months ago

Codex + Remotion，直接让你也能成为专业的视频剪辑师 以前做 AI 视频，视频剪辑师需要找素材、剪映剪辑、调动画、改字幕、一遍又一遍的调整。 现在有了Remotion 可以直接用Codex、Cluade这种vibe coding工具一键用代码生成视频。 无论你是想要做产品介绍、AI Demo、知识视频、动态海报、PPT 风格动画，都可以直接让 Codex 帮你做水平非常高的视频。 比如我要制作一个：「科技感番茄钟产品宣传视频」的产品动画视频 只需要直接告诉 agent这段prompt： “使用 Remotion 创建一个 10 秒科技感番茄钟产品宣传视频。主题：AI Productivity Timer。展示用户输入任务目标，AI 自动规划任务，启动番茄钟，专注进度流动，最后展示 Focus Time、Completed Tasks、Productivity Score 数据总结界面。整体采用 Apple Product Film × AI Developer Tool × Linear Design 风格，极简、高级、专业，加入玻璃拟态 UI、流畅数字动画、状态切换和产品级交互效果。要求使用 React + Remotion 实现，1920×1080，30fps，无声音，最终 Render 输出 MP4 文件。” Codex 会自动完成从需求理解 到Remotion 编码，在到动画设计、渲染，最终导出 MP4格式的完整视频。真实咱们普通人的福音！ 对啦！视频结尾有演示效果哦！
0:17

Codex + Remotion，直接让你也能成为专业的视频剪辑师 以前做 AI 视频，视频剪辑师需要找素材、剪映剪辑、调动画、改字幕、一遍又一遍的调整。 现在有了Remotion 可以直接用Codex、Cluade这种vibe coding工具一键用代码生成视频。 无论你是想要做产品介绍、AI Demo、知识视频、动态海报、PPT 风格动画，都可以直接让 Codex 帮你做水平非常高的视频。 比如我要制作一个：「科技感番茄钟产品宣传视频」的产品动画视频 只需要直接告诉 agent这段prompt： “使用 Remotion 创建一个 10 秒科技感番茄钟产品宣传视频。主题：AI Productivity Timer。展示用户输入任务目标，AI 自动规划任务，启动番茄钟，专注进度流动，最后展示 Focus Time、Completed Tasks、Productivity Score 数据总结界面。整体采用 Apple Product Film × AI Developer Tool × Linear Design 风格，极简、高级、专业，加入玻璃拟态 UI、流畅数字动画、状态切换和产品级交互效果。要求使用 React + Remotion 实现，1920×1080，30fps，无声音，最终 Render 输出 MP4 文件。” Codex 会自动完成从需求理解 到Remotion 编码，在到动画设计、渲染，最终导出 MP4格式的完整视频。真实咱们普通人的福音！ 对啦！视频结尾有演示效果哦！

govin.eth | G哥

17,274 views • 1 month ago

这几天经常用这个 taste skill 做实验，发现真的是很不错，用了它你就能获得一个极简，配色舒服，间距和字体大小考究的页面，去 AI slop 很不错，不过我测试的都是英文网站，让 v0 生成了一个 Sandbox 首页 一个股市 dashboard 都不错，而且 prompt 几乎都不用怎么写。 v0 预览的地址是： 大家可以感受一下这个设计效果
0:19

这几天经常用这个 taste skill 做实验，发现真的是很不错，用了它你就能获得一个极简，配色舒服，间距和字体大小考究的页面，去 AI slop 很不错，不过我测试的都是英文网站，让 v0 生成了一个 Sandbox 首页 一个股市 dashboard 都不错，而且 prompt 几乎都不用怎么写。 v0 预览的地址是： 大家可以感受一下这个设计效果

Viking

36,903 views • 6 months ago