Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

兄弟们！感觉前端工程师要失业了！ Codex 6 Astra 必装 Product Design插件，你也能轻松做超高审美的网站以前写前端页面，要写各种标签元素，手动调整样式，而且还要反复修改你只要用Product Design说一句需求，它会先理解产品定位、目标用户和页面场景，再完成视觉方向、信息架构、交互逻辑和可运行页面，「视频看效果」。我让它做了一个「G哥太空漫步」AI 科普个人网站，一句 Prompt 直接生成 Hero 人物视觉、AI Agent / Vibe Coding / AI Tools 科普卡片、学习路径、个人介绍和 CTA。打开 Codex，安装 Product Design 插件，然后直接输入你想做的网站或产品需求就行。个人官网、AI 工具 Landing Page、产品介绍页、SaaS 后台、知识科普站，甚至完整 MVP，都可以直接开始做。赶快试试吧！

govin.eth | G哥

22,385 subscribers

88,148 views • 23 days ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

50 Comments

Charlie Suen23 days ago

我是 IT 小白，做电商，前端，后台一起搞。至少我是不会在网上找 IT 来做了。我真感觉 IT 从业者要大量失业。除非自己创业，自己做东西出来变现。

govin.eth | G哥23 days ago

是的公司技术同事被裁员很多

刘小域23 days ago

前端工程师大部分已经转成全栈了吧

govin.eth | G哥23 days ago

好转吗

刘小域23 days ago

我身边几个前端同事都转了，有AI后转起来更简单

Crio Songo23 days ago

这效率确实吓人，从产品定位到可运行页面直接一条龙做完了，我一会儿找个简单需求测一下生成效果。

govin.eth | G哥23 days ago

可以试试

larry zheng23 days ago

也就生成官网和一些交互不复杂的页面效果可以，一旦上了工程化就玩完。在我看来前端工程师用了codex更加如虎添翼，我们现在开发项目也是这样做的。

govin.eth | G哥23 days ago

肯定啊插件用起来

保罗23 days ago

如果不要前端工程师，谁去使用 Product Design 这个插件呢？GPT-7 Universe吗？

govin.eth | G哥23 days ago

全栈

保罗23 days ago

明白了，就是开发团队的职责都模糊了，一个人干一个团队的活，make sense😂

govin.eth | G哥23 days ago

对啊太难了

Wei佳23 days ago

很早之前装了 Product Design 插件，但是一直没有用起来

govin.eth | G哥23 days ago

codex 6配合用很不错

Bojack(⏱,💰)⌘23 days ago

用 gpt 6 做出这么丑的网站也是难为你了，默认情况做的网站都比这个强

govin.eth | G哥23 days ago

感谢夸奖，我还有很大的提升空间

Gold Block23 days ago

这个用来项目开发已有的规则搭配使用是否效果更好？

govin.eth | G哥23 days ago

可以试试啊备份好

Govin.AI23 days ago

现在小白也能做高逼格网站了这太实用

凛冬已至23 days ago

已经失业的还能再失业？

govin.eth | G哥23 days ago

哈哈哈

Jerret22 days ago

不至于至今还有很多古老的项目需要前端维护

躺23 days ago

死人（前端工程师）是不会说话的。。。。

govin.eth | G哥23 days ago

哈哈哈

Geoff23 days ago

这不是一股AI味吗

govin.eth | G哥23 days ago

我就做个实例，多优化不就没有了吗

y23 days ago

我们公司前端已经都不要了

govin.eth | G哥23 days ago

这么夸张

宗霖 Ai 实战派23 days ago

好东西我去试试

govin.eth | G哥23 days ago

试试吧

Yaron Yang23 days ago

感觉这个是神器啊，太流畅了。

Bighei22 days ago

codex不用装任何Ui插件，直接用grok生成去ai味的页面设计提示词，随便生成一个页面就已经把5.6要好很多了

昆鹏马上优化23 days ago

哪里还有前端？

govin.eth | G哥23 days ago

已经没了吗

zhengbin wei22 days ago

这篇爆了吗

AI Mastery Guide22 days ago

need to try this plugin

香蕉🍌不香22 days ago

比她好看的没她骚比她骚的没她好看@D1iloa 💁6⁮😣

Henry●C Foundation23 days ago

比她好看的没她骚比她骚的没她好看@miaomiao12u😫😥

WEEX AI Labs23 days ago

火钳刘明

govin.eth | G哥23 days ago

什么意思？

Jena walker23 days ago

比她好看的没她骚比她骚的没她好看@jciac1i 😝2⁮‍♀️

sylas carvalho teles23 days ago

比她好看的没她骚比她骚的没她好看@yiiloz 👴7⁮🧑‍🦲

七月流星202122 days ago

无感，不早就一句话能做网站了么，看不出有啥特别

知仰竹22 days ago

我怎么感觉前端已经失业好久了

孙雨田23 days ago

比她好看的没她骚比她骚的没她好看@miaomiao12u🕴🏃‍

Jaylen Scott23 days ago

比她好看的没她骚比她骚的没她好看@lldidii 🧐5⁮👨‍🦰

尼古拉斯，梆硬23 days ago

比她好看的没她骚比她骚的没她好看@yiiloz 👶7⁮🤥

Louis22 days ago

前端不是失业的问题了，是已经没有什么公司招前端了。

Aydin Martin23 days ago

比她好看的没她骚比她骚的没她好看@jciac1i ♀️3⁮👱‍

Related Videos

阿里又开源了一个很绝的项目——PageAgent AI 可以直接操作网页。它最打动我的一点是：把最烦人的数据录入干掉了。很多公司每天都在做这种重复工作：复制数据 → 打开系统 → 填表 → 提交以后可能只需要一句话： “帮我填写客户信息。” AI 就会自动识别网页结构，把整个流程全部做完。几个非常实用的场景： 1. 自动填写网页 CRM 表单、注册表单、订单系统直接让 AI 帮你把网页表单填好。 2. AI 网站助手（Web Copilot）用户可以直接说： - 帮我找订单 - 生成报表 - 搜索商品 AI 自动在后台页面完成操作。 3. 企业系统自动化 ERP、CMS、内部管理系统 AI 可以直接操作后台 UI，把复杂流程自动化。 4. 无障碍辅助语音 → 操作网页用户说话就能完成网页操作。和很多 Agent 不一样的是，它不靠截图识别界面，而是直接读取 HTML DOM，所以： - 更快 - 更稳定 - 成本更低而且整个系统直接运行在浏览器里，不需要： - Puppeteer - Playwright - Python 自动化相当于给网站装了一个 AI 操作员。未来很多网站可能会变成这样：用户不点按钮，而是直接和 AI 说话。

阿里又开源了一个很绝的项目——PageAgent AI 可以直接操作网页。它最打动我的一点是：把最烦人的数据录入干掉了。很多公司每天都在做这种重复工作：复制数据 → 打开系统 → 填表 → 提交以后可能只需要一句话： “帮我填写客户信息。” AI 就会自动识别网页结构，把整个流程全部做完。几个非常实用的场景： 1. 自动填写网页 CRM 表单、注册表单、订单系统直接让 AI 帮你把网页表单填好。 2. AI 网站助手（Web Copilot）用户可以直接说： - 帮我找订单 - 生成报表 - 搜索商品 AI 自动在后台页面完成操作。 3. 企业系统自动化 ERP、CMS、内部管理系统 AI 可以直接操作后台 UI，把复杂流程自动化。 4. 无障碍辅助语音 → 操作网页用户说话就能完成网页操作。和很多 Agent 不一样的是，它不靠截图识别界面，而是直接读取 HTML DOM，所以： - 更快 - 更稳定 - 成本更低而且整个系统直接运行在浏览器里，不需要： - Puppeteer - Playwright - Python 自动化相当于给网站装了一个 AI 操作员。未来很多网站可能会变成这样：用户不点按钮，而是直接和 AI 说话。

开发者Hailey

85,884 views • 6 months ago

因为太喜欢一个 chrome 插件，昨天连着提交了两个 pull request（人生第一和第二个 PR）今天还不够，忍不住做一个“第三方”官网（🤣，我是第三方，但我做了一个它的产品网页。作者自己都没做，哈哈）查看：看完这个网页，你会想安装这个 chrome 插件吗？也就是说：你觉得我（让 codex 做的）这个产品网页效果如何？

因为太喜欢一个 chrome 插件，昨天连着提交了两个 pull request（人生第一和第二个 PR）今天还不够，忍不住做一个“第三方”官网（🤣，我是第三方，但我做了一个它的产品网页。作者自己都没做，哈哈）查看：看完这个网页，你会想安装这个 chrome 插件吗？也就是说：你觉得我（让 codex 做的）这个产品网页效果如何？

howie.serious

27,350 views • 4 months ago

最近在开发圈很火的 GitHub 项目 Firecrawl，一个专门给 AI 用的智能爬虫，已经 7万+ Star 了。一句话总结：它可以把任何网站，直接变成 AI 能用的数据。只要给它一个 URL，它就会自动： - 抓取整站页面 - 清洗网页内容 - 解析结构信息 - 输出 Markdown / JSON 也就是说：网站 → 结构化数据 → 直接喂给 LLM。现在很多 AI 项目的数据流程其实都是：网站 → Firecrawl → 向量库 → RAG → AI 应用如果你在做： - AI Agent - RAG 知识库 - 自动化数据采集这个工具基本算是 AI 开发的基础设施了

最近在开发圈很火的 GitHub 项目 Firecrawl，一个专门给 AI 用的智能爬虫，已经 7万+ Star 了。一句话总结：它可以把任何网站，直接变成 AI 能用的数据。只要给它一个 URL，它就会自动： - 抓取整站页面 - 清洗网页内容 - 解析结构信息 - 输出 Markdown / JSON 也就是说：网站 → 结构化数据 → 直接喂给 LLM。现在很多 AI 项目的数据流程其实都是：网站 → Firecrawl → 向量库 → RAG → AI 应用如果你在做： - AI Agent - RAG 知识库 - 自动化数据采集这个工具基本算是 AI 开发的基础设施了

开发者Hailey

140,708 views • 6 months ago

几周前就知道了 MiniMax 出了一个通用 Agent 产品试了一下，他们可能做出了一个比 Lovable 还强大的多大 Vibe Coding 产品自主查找网页中需要的信息重新进行整理，不只是文本，图片也会，找不到也可以生成完全不需要复杂的资料准备，直接生成就能用下面是几个测试例子🌰：

几周前就知道了 MiniMax 出了一个通用 Agent 产品试了一下，他们可能做出了一个比 Lovable 还强大的多大 Vibe Coding 产品自主查找网页中需要的信息重新进行整理，不只是文本，图片也会，找不到也可以生成完全不需要复杂的资料准备，直接生成就能用下面是几个测试例子🌰：

歸藏(guizang.ai)

39,768 views • 1 year ago

兄弟们，Codex 5.6 这个 HyperFrames 插件我真建议装一下。剪视频别再硬搓时间线了，太折磨。我试了下，直接丢一句需求，它能把产品介绍、知识视频、动态海报、PPT感视频，甚至推文内容，直接生成一段可渲染 MP4。比如你要做“Codex 调 HyperFrames 生成视频”的开场动画：让它从浅白色聊天界面开始，模拟输入、发送、生成中，再弹出视频预览放大全屏，带打字声点击声，画面感要简洁后给我一个OK的手势。说实话，这玩意还没到替代顶级剪辑师，但做演示、发产品、做内容流水线，已经够吓人了。剪映用户看完沉默三秒。

兄弟们，Codex 5.6 这个 HyperFrames 插件我真建议装一下。剪视频别再硬搓时间线了，太折磨。我试了下，直接丢一句需求，它能把产品介绍、知识视频、动态海报、PPT感视频，甚至推文内容，直接生成一段可渲染 MP4。比如你要做“Codex 调 HyperFrames 生成视频”的开场动画：让它从浅白色聊天界面开始，模拟输入、发送、生成中，再弹出视频预览放大全屏，带打字声点击声，画面感要简洁后给我一个OK的手势。说实话，这玩意还没到替代顶级剪辑师，但做演示、发产品、做内容流水线，已经够吓人了。剪映用户看完沉默三秒。

火山哥🕊️

15,510 views • 1 month ago

Hyper3D 推出了自己的MCP服务用 GPT 6 Astra 玩了下有点震惊到我，用它做3D 科普视频和网站，效果贼好我让 Codex 搜集天宫空间站从发射开始到现在的所有信息和内容，让它帮我制作一个天宫空间站的建造过程科普网站... 试了一把，从 2021 年第一次发射一直演进到今天... Codex 通过 Hyper3D MCP 创建 3D 模型、查询生成进度并获取模型结果。然后自己利用3D模型来进行网站的设计和组装视频里的模型我做了一个模型库，只要生成过一次，以后需要用的时候不用再生成了，直接使用就行，每个模型都是零件组成的，所以动画视频自由度很高。感觉用来做知识科普和教学还是非常不错的 AI 、科普、历史、知识类博主都可以慢慢积累自己的模型库，做到一定的数量后，视频的成本就会开始下降，因为可以复用的模型越来越多。航母、飞机、古建筑、产品拆解、历史事件复原，任何「实物 + 演变过程」的都适合。

Hyper3D 推出了自己的MCP服务用 GPT 6 Astra 玩了下有点震惊到我，用它做3D 科普视频和网站，效果贼好我让 Codex 搜集天宫空间站从发射开始到现在的所有信息和内容，让它帮我制作一个天宫空间站的建造过程科普网站... 试了一把，从 2021 年第一次发射一直演进到今天... Codex 通过 Hyper3D MCP 创建 3D 模型、查询生成进度并获取模型结果。然后自己利用3D模型来进行网站的设计和组装视频里的模型我做了一个模型库，只要生成过一次，以后需要用的时候不用再生成了，直接使用就行，每个模型都是零件组成的，所以动画视频自由度很高。感觉用来做知识科普和教学还是非常不错的 AI 、科普、历史、知识类博主都可以慢慢积累自己的模型库，做到一定的数量后，视频的成本就会开始下降，因为可以复用的模型越来越多。航母、飞机、古建筑、产品拆解、历史事件复原，任何「实物 + 演变过程」的都适合。

小互

13,788 views • 13 days ago

很多品牌都想做苹果官网那种滚动网页：鼠标滚轮一动，镜头就开始向前飞行，穿过一个又一个 3D 场景，产品、空间和故事在同一条镜头里连续展开。问题是，这种效果通常需要 3D 设计师、动效师和 WebGL 开发者一起制作。 scroll-world 把整套流程做成了一个开源 Agent Skill。你只需要告诉 Claude Code 或 Codex： “这是一个咖啡品牌。镜头从庄园出发，飞进烘焙工厂，穿过包装生产线，最后落在咖啡馆里。” 它就会自动生成统一风格的 3D 场景、场景之间的飞行镜头，以及由滚轮控制的完整网页。更厉害的是，每段连接镜头都会读取前后两个场景的真实边界帧，确保镜头穿越时没有闪烁、跳帧和硬切，最终看起来就像一次没有中断的飞行。生成结果可以直接放进 HTML、Next.js 或 Vue，手机端还能单独制作原生 9:16 版本。安装只需一行： `npx skills add oso95/scroll-world` 以前你需要设计一张网页，现在你可以直接描述一个世界。

很多品牌都想做苹果官网那种滚动网页：鼠标滚轮一动，镜头就开始向前飞行，穿过一个又一个 3D 场景，产品、空间和故事在同一条镜头里连续展开。问题是，这种效果通常需要 3D 设计师、动效师和 WebGL 开发者一起制作。 scroll-world 把整套流程做成了一个开源 Agent Skill。你只需要告诉 Claude Code 或 Codex： “这是一个咖啡品牌。镜头从庄园出发，飞进烘焙工厂，穿过包装生产线，最后落在咖啡馆里。” 它就会自动生成统一风格的 3D 场景、场景之间的飞行镜头，以及由滚轮控制的完整网页。更厉害的是，每段连接镜头都会读取前后两个场景的真实边界帧，确保镜头穿越时没有闪烁、跳帧和硬切，最终看起来就像一次没有中断的飞行。生成结果可以直接放进 HTML、Next.js 或 Vue，手机端还能单独制作原生 9:16 版本。安装只需一行： `npx skills add oso95/scroll-world` 以前你需要设计一张网页，现在你可以直接描述一个世界。

柴郡🔔｜Crypto+AI Plus

15,377 views • 1 month ago

产品都写出来了，宣传还只能甩链接、贴截图？我这个不会剪辑的人，把网站链接丢给 Pexo，聊出了下面这条带旁白、字幕和配乐的产品片。这次用的是 Pexo。 Pexo 是一款 AI 视频创作工具，可以直接跟它聊天做视频。想做什么、画面怎么改，用大白话说就行，我这种没剪辑经验的也能上手。先说下背景。我平时写代码，不做视频。这次想在 X 上正经介绍一下自己的产品，才发现最烦的不是写帖，是片子。不会 AE。也不想为了发一条，把晚上搭进去学剪辑。产品叫赏金平台。达人发加热任务，普通人去点赞、评论、转发、引用，做完领红包。站点能用了，就缺一条能看懂“这是干什么的”的介绍视频。我把网站 URL 丢进 Pexo，跟它说：给我做一条产品介绍，发 X 用，让人 15 秒内看懂这是个什么东西。它没马上吐视频。先跟我对齐。给谁看、多长、要不要口播、画面偏产品演示还是偏故事。有点像在跟一个会做片子的人对需求。我用大白话回了几句。确认完，它自己去跑。回来的是成片。旁白、字幕、动效、配乐都在，不用再把素材拖进时间轴上拼。这点对我这种只想把产品讲清楚的人，挺关键。后面还能接着聊。开头散了就让它收一收，某句口播太长就让它改短。全程没碰时间轴，也没去挑用的是哪个模型。想改画面里的具体位置，还可以用 Mark to Fix。比如片尾那个“立即注册”按钮，想往下挪一点，就直接在画面上圈出来，在右侧批注框写：“按钮往下移一点，和上面的标题拉开些距离。”提交后让它改，再看效果。下面这条，就是拿网站链接聊出来的。你要是也有个刚做出来的产品，想配条介绍视频，又不想先学剪辑，可以把 URL 丢给 Pexo 试试。

产品都写出来了，宣传还只能甩链接、贴截图？我这个不会剪辑的人，把网站链接丢给 Pexo，聊出了下面这条带旁白、字幕和配乐的产品片。这次用的是 Pexo。 Pexo 是一款 AI 视频创作工具，可以直接跟它聊天做视频。想做什么、画面怎么改，用大白话说就行，我这种没剪辑经验的也能上手。先说下背景。我平时写代码，不做视频。这次想在 X 上正经介绍一下自己的产品，才发现最烦的不是写帖，是片子。不会 AE。也不想为了发一条，把晚上搭进去学剪辑。产品叫赏金平台。达人发加热任务，普通人去点赞、评论、转发、引用，做完领红包。站点能用了，就缺一条能看懂“这是干什么的”的介绍视频。我把网站 URL 丢进 Pexo，跟它说：给我做一条产品介绍，发 X 用，让人 15 秒内看懂这是个什么东西。它没马上吐视频。先跟我对齐。给谁看、多长、要不要口播、画面偏产品演示还是偏故事。有点像在跟一个会做片子的人对需求。我用大白话回了几句。确认完，它自己去跑。回来的是成片。旁白、字幕、动效、配乐都在，不用再把素材拖进时间轴上拼。这点对我这种只想把产品讲清楚的人，挺关键。后面还能接着聊。开头散了就让它收一收，某句口播太长就让它改短。全程没碰时间轴，也没去挑用的是哪个模型。想改画面里的具体位置，还可以用 Mark to Fix。比如片尾那个“立即注册”按钮，想往下挪一点，就直接在画面上圈出来，在右侧批注框写：“按钮往下移一点，和上面的标题拉开些距离。”提交后让它改，再看效果。下面这条，就是拿网站链接聊出来的。你要是也有个刚做出来的产品，想配条介绍视频，又不想先学剪辑，可以把 URL 丢给 Pexo 试试。

程序员端哥

16,636 views • 6 days ago

这个 AI UI 网站火了，我见过最好的UI设计😃😲 Beautiful UI 是 Shane Levine 做的一套专门给 AI 原生产品设计的 UI 组件库。以前 shadcn/ui 解决的是按钮、表格、弹窗这些传统网页组件，而 Beautiful UI 开始解决 AI 产品真正需要的东西。里面已经做了 19 类组件：AI Thinking、流式回答、Tool Call、任务执行状态、Agent 操作前审批、引用来源、上下文卡片、AI 修改 Diff、代码生成、Prompt 输入框等等。如果你做 Agent、AI SaaS、Claude/Cursor 类产品，很多交互几乎可以直接参考甚至复制过去。想要网站的同学，评论区吱声……

这个 AI UI 网站火了，我见过最好的UI设计😃😲 Beautiful UI 是 Shane Levine 做的一套专门给 AI 原生产品设计的 UI 组件库。以前 shadcn/ui 解决的是按钮、表格、弹窗这些传统网页组件，而 Beautiful UI 开始解决 AI 产品真正需要的东西。里面已经做了 19 类组件：AI Thinking、流式回答、Tool Call、任务执行状态、Agent 操作前审批、引用来源、上下文卡片、AI 修改 Diff、代码生成、Prompt 输入框等等。如果你做 Agent、AI SaaS、Claude/Cursor 类产品，很多交互几乎可以直接参考甚至复制过去。想要网站的同学，评论区吱声……

比特币橙子Trader

20,305 views • 1 month ago

装完这 9 个 Skill，你的 Codex 直接开挂很多人还在把 Codex 当聊天工具用：写几句 Prompt、改几行代码、遇到复杂任务就卡住真正拉开差距的，是给它装上这套能复用的 Skill： 1、Ponytail：少写 50% 无效代码，Token 节省 94% 它会先判断代码有没有必要写，避免 AI 过度开发。该省的 Token 省掉，该保留的功能保留，相当于给 Codex 塞进一个资深工程师。 2、Guizang PPT Skill：10 种设计风格、22 种版式不会在生成满屏文字的屎一样的 PPT，直接输出排版、内容、视觉都能用的可编辑成品，微调后就能交付 3、GSAP Skills：一句话，让网页拥有专业级动效卡片、文字、滚动、转场全都能做，把静态网页升级成有镜头感、互动感和品牌感的产品官网。 4、AI Product Video：152 张动态卡片、209 个动画模板上传文案、产品介绍或 Logo，自动拆卖点、配镜头、做动效，快速生成能直接用于推广的产品宣传片。 5、Smart Charts：3 种文件格式，1 键生成数据看板 CSV、Excel、JSON 丢进去，自动分析数据、推荐图表类型，生成可筛选、可点击的交互式图表，还能导出图片放进 PPT 6、Gathered Scenes Zine Skill：一张照片，变一份高级视觉作品自动理解照片场景和构图，完成插画、配色、拼贴和风格重构，普通素材也能做出原创视觉感。 7、Taste Skill：从 5 个维度干掉 AI 味字体、配色、留白、间距、层级全部重审；不好看就调整重做，让 AI 页面从“能用”变成“能展示”。 8、Video Use：一条原始视频，自动剪成完整成片自动识别废话、口误、停顿、跳帧和字幕遮挡，省掉反复听素材、拉时间轴、手动找重点的剪辑时间 9、ELI5：把 100 分难懂的知识，讲到 5 岁孩子都能懂复杂代码、术语和论文，直接变成少文字、多图片的解释页面。学习一个陌生领域，不再从硬啃开始直接给 Codex 补上「省 Token、做 PPT、做网页、做视频、做图表、提升审美」的能力。完整视频3分22秒，展示具体效果，觉得好用你就安装内容制作不易，觉得有价值欢迎关注 +❤️+ 收藏、转发给你的朋友，大家一起进步！

govin.eth | G哥

245,598 views • 29 days ago

兄弟们，最近试了 Pexo 这款 AI 视频创作工具，可以通过对话，把产品介绍一步步做成视频。我拿自己那个收录了 2 万多条提示词的网站，做了一条产品宣传片。下面分享一下，我是怎么把网址和需求交给它，再边看边改，做到现在这版的。做这种产品视频，最头疼的是素材准备好以后，还得想怎么组织画面、做转场、配音乐，再一点点调整节奏。这次我把网址和想做产品宣传片的需求交给 Pexo Pexo ，让它先出方案。看完方案，再确认视觉风格、音频方向和创意脚本。第一版出来以后，我又接着提了几轮修改，调整画面展示、转场和文字。整个过程都在同一个对话里推进，看一版效果，再告诉它哪里需要改，最后才有了现在这版，我挺满意的。它不是那种一句话直接生成的魔法，现在这种边看边聊、边聊边改的方式，确实比我在剪辑软件里调轻松不少。当然，也内置了很多模版，如果跟需求匹配的话，使用模版一键成片那就很方便了。另外一个很棒的事：这次用到了 Motion 动效，我觉得挺适合做产品宣传。图片可以放大，让人看清产品细节，讲到哪个卖点，对应的文字就跟着出现。手头的图片和产品介绍，就这样变成了一条视频，让观众跟着看懂产品能做什么。现在的AI做视频，有点东西了。评论区有福利哦！

兄弟们，最近试了 Pexo 这款 AI 视频创作工具，可以通过对话，把产品介绍一步步做成视频。我拿自己那个收录了 2 万多条提示词的网站，做了一条产品宣传片。下面分享一下，我是怎么把网址和需求交给它，再边看边改，做到现在这版的。做这种产品视频，最头疼的是素材准备好以后，还得想怎么组织画面、做转场、配音乐，再一点点调整节奏。这次我把网址和想做产品宣传片的需求交给 Pexo Pexo ，让它先出方案。看完方案，再确认视觉风格、音频方向和创意脚本。第一版出来以后，我又接着提了几轮修改，调整画面展示、转场和文字。整个过程都在同一个对话里推进，看一版效果，再告诉它哪里需要改，最后才有了现在这版，我挺满意的。它不是那种一句话直接生成的魔法，现在这种边看边聊、边聊边改的方式，确实比我在剪辑软件里调轻松不少。当然，也内置了很多模版，如果跟需求匹配的话，使用模版一键成片那就很方便了。另外一个很棒的事：这次用到了 Motion 动效，我觉得挺适合做产品宣传。图片可以放大，让人看清产品细节，讲到哪个卖点，对应的文字就跟着出现。手头的图片和产品介绍，就这样变成了一条视频，让观众跟着看懂产品能做什么。现在的AI做视频，有点东西了。评论区有福利哦！

松果先森

106,628 views • 6 days ago

我去！我宣布Codex 直接杀死比赛。这次的更新直接扼杀了数千家初创公司节奏 OpenAI OpenAI 推出了 Sites，通过 Sites，你可以将任何想法转化为带有独立 URL 的交互式网站。无需编写代码。以前可能是：想法 → 找人写需求 → 找开发做页面 → 部署 → 给团队试用。现在变成：你给 Codex 一个想法、计划、表格、文档，它不只是帮你写代码，而是能直接生成一个带 URL 的交互式网站 / App / 仪表盘。最先被冲击的以及要消失的可能是： → Lovable、Bolt、v0 这类 AI 网页应用生成器 → Retool、Glide、Softr 这类内部工具平台 → Notion、Monday、Trello 这类轻量团队协作工具 → 一批靠“无代码 + AI Agent”讲故事的创业公司更关键的是，OpenAI 还在给不同岗位接插件。比如 Snowflake、Figma、Salesforce 这些工具，让分析师、销售、运营、产品经理都能用 Codex 生成自己的工作页面。 Sam Altman

我去！我宣布Codex 直接杀死比赛。这次的更新直接扼杀了数千家初创公司节奏 OpenAI OpenAI 推出了 Sites，通过 Sites，你可以将任何想法转化为带有独立 URL 的交互式网站。无需编写代码。以前可能是：想法 → 找人写需求 → 找开发做页面 → 部署 → 给团队试用。现在变成：你给 Codex 一个想法、计划、表格、文档，它不只是帮你写代码，而是能直接生成一个带 URL 的交互式网站 / App / 仪表盘。最先被冲击的以及要消失的可能是： → Lovable、Bolt、v0 这类 AI 网页应用生成器 → Retool、Glide、Softr 这类内部工具平台 → Notion、Monday、Trello 这类轻量团队协作工具 → 一批靠“无代码 + AI Agent”讲故事的创业公司更关键的是，OpenAI 还在给不同岗位接插件。比如 Snowflake、Figma、Salesforce 这些工具，让分析师、销售、运营、产品经理都能用 Codex 生成自己的工作页面。 Sam Altman

爱吃折耳根的Ace

78,332 views • 3 months ago

HeyGen这次开源，把AI做视频的最后一道门槛拆没了🤯 他们用Claude Code写代码，做了自己的50秒产品发布视频，然后把整个工具链完整开源给了所有人，致敬开源🫡 以后做视频真的能简单到离谱，给一句话，做一个30秒的产品介绍，给一个PDF，自动生成总结视频，迭代就是改一句话的事，比如把标题放大两倍，第三秒加一个淡入转场等，这个工具叫HyperFrames，本质上就是一个纯HTML转MP4的视频渲染框架。所以其实我们不用学任何剪辑软件，也不用写复杂的React代码，只要写普通HTML，加几个简单的data属性，就能定义视频的每一帧、时间线、动画和音轨。 HyperFrames从第一天起就是为AI代理原生设计的。 AI天生就会写HTML，现在Claude、Cursor、Gemini所有编码Agent，只要装一个skill，立刻就会做视频。这妥妥的降维打击啊，以前Remotion把视频变成了代码，但它需要你会React，需要构建流程，属于开发者专属的玩具。 HyperFrames是把视频变成了纯HTML，零构建，无DSL，不需要任何前置知识。说白了，Remotion是给人写的，HyperFrames是给AI写的。以前AI能写文字，能生成图片，但视频一直是最后一块硬骨头，现在这块骨头也被啃下来了。代理现在能端到端完成一整条内容流水线，调研，写脚本，做设计，加动画，最后直接渲染出成品视频，全程不需要人类碰一下。它还自带50+官方现成组件，社交遮罩、图表、转场，一行命令一键安装。支持GSAP、Lottie、Three.js所有主流动画库，随便混用。也就是说，同一份HTML永远出一样的结果，完美适合自动化流水线。官方甚至把视频语言都标准化了，缓动用snappy，bouncy，转场用能量等级，字幕分Hype/Corporate/Tutorial三种风格。 AI只要学会这套词汇，就能稳定输出专业级视频，这不就是在教AI做导演嘛🤣 这对HeyGen来说也是一步妙棋，他们不再只是一个卖AI头像的SaaS公司，现在能做整个AI视频时代的基础设施了，未来所有AI代理生成的视频都能跑在HyperFrames上。然后再无缝接入HeyGen的头像、语音、翻译能力，形成一个完美的闭环。当然目前也不是完美的，初期输出还有AI味，超过一分钟的复杂长视频，渲染还需要较强算力。但我觉得这都不重要，关键是它第一次把完整的视频生产力交给了AI Agent，相当于AI内容创作时代的又一个里程碑。想试的直接去GitHub搜heygen-com/hyperframes。跑一行npx hyperframes init，然后让Claude帮你做第一个视频。 #HyperFrames #HeyGen #AI视频 #AI代理 #开发者 #内容创作

HeyGen这次开源，把AI做视频的最后一道门槛拆没了🤯 他们用Claude Code写代码，做了自己的50秒产品发布视频，然后把整个工具链完整开源给了所有人，致敬开源🫡 以后做视频真的能简单到离谱，给一句话，做一个30秒的产品介绍，给一个PDF，自动生成总结视频，迭代就是改一句话的事，比如把标题放大两倍，第三秒加一个淡入转场等，这个工具叫HyperFrames，本质上就是一个纯HTML转MP4的视频渲染框架。所以其实我们不用学任何剪辑软件，也不用写复杂的React代码，只要写普通HTML，加几个简单的data属性，就能定义视频的每一帧、时间线、动画和音轨。 HyperFrames从第一天起就是为AI代理原生设计的。 AI天生就会写HTML，现在Claude、Cursor、Gemini所有编码Agent，只要装一个skill，立刻就会做视频。这妥妥的降维打击啊，以前Remotion把视频变成了代码，但它需要你会React，需要构建流程，属于开发者专属的玩具。 HyperFrames是把视频变成了纯HTML，零构建，无DSL，不需要任何前置知识。说白了，Remotion是给人写的，HyperFrames是给AI写的。以前AI能写文字，能生成图片，但视频一直是最后一块硬骨头，现在这块骨头也被啃下来了。代理现在能端到端完成一整条内容流水线，调研，写脚本，做设计，加动画，最后直接渲染出成品视频，全程不需要人类碰一下。它还自带50+官方现成组件，社交遮罩、图表、转场，一行命令一键安装。支持GSAP、Lottie、Three.js所有主流动画库，随便混用。也就是说，同一份HTML永远出一样的结果，完美适合自动化流水线。官方甚至把视频语言都标准化了，缓动用snappy，bouncy，转场用能量等级，字幕分Hype/Corporate/Tutorial三种风格。 AI只要学会这套词汇，就能稳定输出专业级视频，这不就是在教AI做导演嘛🤣 这对HeyGen来说也是一步妙棋，他们不再只是一个卖AI头像的SaaS公司，现在能做整个AI视频时代的基础设施了，未来所有AI代理生成的视频都能跑在HyperFrames上。然后再无缝接入HeyGen的头像、语音、翻译能力，形成一个完美的闭环。当然目前也不是完美的，初期输出还有AI味，超过一分钟的复杂长视频，渲染还需要较强算力。但我觉得这都不重要，关键是它第一次把完整的视频生产力交给了AI Agent，相当于AI内容创作时代的又一个里程碑。想试的直接去GitHub搜heygen-com/hyperframes。跑一行npx hyperframes init，然后让Claude帮你做第一个视频。 #HyperFrames #HeyGen #AI视频 #AI代理 #开发者 #内容创作

AYi

37,069 views • 5 months ago

Codex 5.6 装上 HyperFrames 插件，直接让剪辑师失业别再用剪映一帧一帧的剪视频了赶紧去安装 HyperFrames ，之后就可以把一段文字需求变成完整的 AI 视频。制作产品介绍、动态海报、知识视频、PPT 风格视频，甚至是文章、推文，都可以直接转成动态内容，最后 Render 成 MP4。比如我想做一个「Codex 调用 HyperFrames 生成视频」的演示，只需要告诉Codex这样一段提示词prompt： “ Rob 我需要制作一段 Codex 调用 HyperFrames 生成视频的开场动画，不超过 10 秒。从真实 Codex 深色聊天界面开始，模拟输入 Prompt、点击发送、GENERATING 生成状态，最后出现视频预览并丝滑放大至全屏。整体保持拟真、高级的产品视觉，加入真实的打字、点击和生成音效，并稳定 Render 成 MP4。 ” 视频结尾有效果演示哦！快去安装尝试吧！

Codex 5.6 装上 HyperFrames 插件，直接让剪辑师失业别再用剪映一帧一帧的剪视频了赶紧去安装 HyperFrames ，之后就可以把一段文字需求变成完整的 AI 视频。制作产品介绍、动态海报、知识视频、PPT 风格视频，甚至是文章、推文，都可以直接转成动态内容，最后 Render 成 MP4。比如我想做一个「Codex 调用 HyperFrames 生成视频」的演示，只需要告诉Codex这样一段提示词prompt： “ Rob 我需要制作一段 Codex 调用 HyperFrames 生成视频的开场动画，不超过 10 秒。从真实 Codex 深色聊天界面开始，模拟输入 Prompt、点击发送、GENERATING 生成状态，最后出现视频预览并丝滑放大至全屏。整体保持拟真、高级的产品视觉，加入真实的打字、点击和生成音效，并稳定 Render 成 MP4。 ” 视频结尾有效果演示哦！快去安装尝试吧！

govin.eth | G哥

79,298 views • 1 month ago

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

175,113 views • 6 months ago

挖到宝了！发现两个神级 GitHub 项目！特别适合做产品解说、知识讲解、企业营销视频！这两个组合在一起可以做个AI视频Agent了 1️⃣ video-talkcraft，把口播稿 + 配音做成动态解说视频 2️⃣ video-shotcraft，适合把产品截图、网页、软件界面做成有运镜、有节奏、有音效的产品宣传片这俩组合起来，完全可以直接做一条完整的 AI 产品测评 / SaaS 宣传 / GitHub 项目介绍视频：开头先用高质感产品镜头抓人 ↓ 中间切口播讲这个产品到底解决什么问题 ↓ 再穿插真实界面、功能 Demo、数据、截图 ↓ 最后继续口播总结观点 + CTA video-shotcraft 负责把产品拍帅 video-talkcraft 负责把东西讲明白省去自己写脚本、录音、找素材、做分镜、剪辑、加字幕、做动效、配音效现在这两个 Skill 丢给 Codex / Claude Code，已经可以把大半条生产链直接接过去而且它们底层都走 Remotion，所以理论上还能继续往上封装我甚至觉得完全可以再做一个第三层 Skill，更加开箱即用！丢给它一个 GitHub 链接 / 产品官网 → 自动读产品 → 写 60 秒脚本 → 自动判断哪些地方该口播 → 哪些地方该上产品镜头 → 最后直接给你一条成片

挖到宝了！发现两个神级 GitHub 项目！特别适合做产品解说、知识讲解、企业营销视频！这两个组合在一起可以做个AI视频Agent了 1️⃣ video-talkcraft，把口播稿 + 配音做成动态解说视频 2️⃣ video-shotcraft，适合把产品截图、网页、软件界面做成有运镜、有节奏、有音效的产品宣传片这俩组合起来，完全可以直接做一条完整的 AI 产品测评 / SaaS 宣传 / GitHub 项目介绍视频：开头先用高质感产品镜头抓人 ↓ 中间切口播讲这个产品到底解决什么问题 ↓ 再穿插真实界面、功能 Demo、数据、截图 ↓ 最后继续口播总结观点 + CTA video-shotcraft 负责把产品拍帅 video-talkcraft 负责把东西讲明白省去自己写脚本、录音、找素材、做分镜、剪辑、加字幕、做动效、配音效现在这两个 Skill 丢给 Codex / Claude Code，已经可以把大半条生产链直接接过去而且它们底层都走 Remotion，所以理论上还能继续往上封装我甚至觉得完全可以再做一个第三层 Skill，更加开箱即用！丢给它一个 GitHub 链接 / 产品官网 → 自动读产品 → 写 60 秒脚本 → 自动判断哪些地方该口播 → 哪些地方该上产品镜头 → 最后直接给你一条成片

麻酱AI实验室

24,997 views • 24 days ago

这两天看到我一直很喜欢的设计师阿哲阿哲Phil 的个人网站，我挺喜欢他个人主页的那个风格。看着看着突然冒出一个念头：这种个人审美很强的网站，模型光看录屏，能不能做出来？于是我顺手录了 10 秒左右，从页面上划过去，直接把视频丢给 Ling-3.0-flash-VL，让它照着做一版。没给源码，也没拆页面，更没写一大段提示词。输入就那段录屏，加上一句很简单的需求。其实扔进去的时候，我没抱多大期待。视频一晃就过去了，有些细节让我自己暂停看，也未必记得住。 Ling-3.0-flash-VL 是百灵在 Ling-3.0-flash 上加了视觉理解和 visual agent 的版本。官方提到的能力挺多，视觉感知、STEM、文档、前端编码、医疗报告都在里面。我这次没全测，就看一件事：它能不能看完一段网站录屏，真把页面做出来。结果打开以后，我确实愣了一下。按肉眼看，和阿哲的原版大概有七成像。大的版式、配色和页面感觉都抓到了，生成出来的也不只是一个摆着看的空壳。按钮能点，交互能跑，放进浏览器里，已经像个可以接着改的半成品。当然，剩下那三成也挺明显。风格不够细腻，字体没那么贴，交互还是有点僵，一些细节只学到了大概。把两个页面并排放在一起，差距还是能看出来。要我直接拿去上线，我肯定不会；拿它当第一版，我觉得够了。以前脑子里有个页面的样子，最麻烦的是说不清。你跟开发说想要“有点设计感”“交互顺一点”，讲了半天，对方可能还是不知道你想要什么。自己不会写代码的话，很多想法就一直停在收藏夹里。现在简单多了。先找一个接近自己想法的网站，录一小段，让模型搭出来。哪里不对，直接看着页面改。它没有把阿哲的网站原样搬过来，但它把一张白纸直接做到了七成。所以这次测完，我还挺愿意安利 Ling-3.0-flash-VL。离专业前端当然还有距离，但对没代码基础、想做个人网站或者产品 Demo 的人来说，先把第一版弄出来，已经能省不少事了。感兴趣的都可以去试一试：

这两天看到我一直很喜欢的设计师阿哲阿哲Phil 的个人网站，我挺喜欢他个人主页的那个风格。看着看着突然冒出一个念头：这种个人审美很强的网站，模型光看录屏，能不能做出来？于是我顺手录了 10 秒左右，从页面上划过去，直接把视频丢给 Ling-3.0-flash-VL，让它照着做一版。没给源码，也没拆页面，更没写一大段提示词。输入就那段录屏，加上一句很简单的需求。其实扔进去的时候，我没抱多大期待。视频一晃就过去了，有些细节让我自己暂停看，也未必记得住。 Ling-3.0-flash-VL 是百灵在 Ling-3.0-flash 上加了视觉理解和 visual agent 的版本。官方提到的能力挺多，视觉感知、STEM、文档、前端编码、医疗报告都在里面。我这次没全测，就看一件事：它能不能看完一段网站录屏，真把页面做出来。结果打开以后，我确实愣了一下。按肉眼看，和阿哲的原版大概有七成像。大的版式、配色和页面感觉都抓到了，生成出来的也不只是一个摆着看的空壳。按钮能点，交互能跑，放进浏览器里，已经像个可以接着改的半成品。当然，剩下那三成也挺明显。风格不够细腻，字体没那么贴，交互还是有点僵，一些细节只学到了大概。把两个页面并排放在一起，差距还是能看出来。要我直接拿去上线，我肯定不会；拿它当第一版，我觉得够了。以前脑子里有个页面的样子，最麻烦的是说不清。你跟开发说想要“有点设计感”“交互顺一点”，讲了半天，对方可能还是不知道你想要什么。自己不会写代码的话，很多想法就一直停在收藏夹里。现在简单多了。先找一个接近自己想法的网站，录一小段，让模型搭出来。哪里不对，直接看着页面改。它没有把阿哲的网站原样搬过来，但它把一张白纸直接做到了七成。所以这次测完，我还挺愿意安利 Ling-3.0-flash-VL。离专业前端当然还有距离，但对没代码基础、想做个人网站或者产品 Demo 的人来说，先把第一版弄出来，已经能省不少事了。感兴趣的都可以去试一试：

阿川 | AI thinking

37,185 views • 14 days ago

好消息： WordPress 发布 WPVibe 插件可以让 Claude 等接管你的网站只需连接您的网站，你已经付费的 Claude 就能接管整个系统。包括文章、上传媒体、SEO、主题，甚至主题文件，都可通过自然语言让Claude 进行处理无需二次 AI 订阅，使用你的Claude 订阅即可，无需本地安装。整套 MCP 工具箱，40+ WP-CLI 命令，一次连接搞定能做的事，：写文章、改页面、传图片装和管理插件、主题给网站做体检（哪个插件有问题、PHP 版本、为什么卡）甚至帮你搭一套主题出来

好消息： WordPress 发布 WPVibe 插件可以让 Claude 等接管你的网站只需连接您的网站，你已经付费的 Claude 就能接管整个系统。包括文章、上传媒体、SEO、主题，甚至主题文件，都可通过自然语言让Claude 进行处理无需二次 AI 订阅，使用你的Claude 订阅即可，无需本地安装。整套 MCP 工具箱，40+ WP-CLI 命令，一次连接搞定能做的事，：写文章、改页面、传图片装和管理插件、主题给网站做体检（哪个插件有问题、PHP 版本、为什么卡）甚至帮你搭一套主题出来

小互

24,998 views • 2 months ago

刚刚过去的一夜整个ai行业又有大事发生！谷歌凌晨再放大招！ai视觉设计软件 Stitch by Google 正式上线。这是一个帮助人类进行ui设计的产品，无论是想要做网站还是做app的页面，都可以通过它来去一键完成，该产品的使用也是非常方便。从效果图来看，应该也是和香蕉2大模型进行了合作，各位小伙伴可以去体验一下。该产品的推出也是得figma的股价暴跌了有10%，可以说这又是ai对一个新行业产生了竞争。 Okara 是一个ai cmo，它可以通过分析你给他的网站，来帮助人类自动的进行宣传推广，并且还会给出一系列的数据分析 claude和gpt写代码，stitch做视觉和ui，okara做cmo推广产品。ai工具的产品产业链也是闭环了。小米集团也认领了hunter alpha，这个一直霸榜openrouter的大模型，还有小伙伴vibe coding了一个ai会对于各行业产生影响的网站，也还是蛮有趣的。具体内容请看视频！感谢大家点赞关注支持！

刚刚过去的一夜整个ai行业又有大事发生！谷歌凌晨再放大招！ai视觉设计软件 Stitch by Google 正式上线。这是一个帮助人类进行ui设计的产品，无论是想要做网站还是做app的页面，都可以通过它来去一键完成，该产品的使用也是非常方便。从效果图来看，应该也是和香蕉2大模型进行了合作，各位小伙伴可以去体验一下。该产品的推出也是得figma的股价暴跌了有10%，可以说这又是ai对一个新行业产生了竞争。 Okara 是一个ai cmo，它可以通过分析你给他的网站，来帮助人类自动的进行宣传推广，并且还会给出一系列的数据分析 claude和gpt写代码，stitch做视觉和ui，okara做cmo推广产品。ai工具的产品产业链也是闭环了。小米集团也认领了hunter alpha，这个一直霸榜openrouter的大模型，还有小伙伴vibe coding了一个ai会对于各行业产生影响的网站，也还是蛮有趣的。具体内容请看视频！感谢大家点赞关注支持！

Vic TALK

72,214 views • 6 months ago