正在加载视频...

视频加载失败

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

说实话，Codex做设计其实可以很好的！不只是文章介绍的方法，甚至不用 Fable 5，用 codex 或 Claude Code 也能做成👇视频这种设计效果。按我的思维，看到即可复刻，想象力到位了，就能驱动AI破解出来。当然，尊重原视频老师的版权，是dy“言言老师”分享的设计实践！我这里只是二剪搬运，支持观点顺带一提，Jacky兄真的是干货输出机啊，一天一篇爆款长文，吾自叹不如！

Leaf Yeah!

2,175 subscribers

93,192 次观看 • 1 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

你是不是遇到AI生成的网页，出来全是千篇一律的紫色渐变？满满的AI感。本期分享我在使用的工作流，不仅能 1:1 还原设计稿，还能生成炫酷的网页动效。使用到的工具是 Figma MCP、Claude Code、GLM4.6。不管你是开发，还是想做个人网页的设计师，学会这套工作流，也能打造出独一无二的网页～

你是不是遇到AI生成的网页，出来全是千篇一律的紫色渐变？满满的AI感。本期分享我在使用的工作流，不仅能 1:1 还原设计稿，还能生成炫酷的网页动效。使用到的工具是 Figma MCP、Claude Code、GLM4.6。不管你是开发，还是想做个人网页的设计师，学会这套工作流，也能打造出独一无二的网页～

Paidax

48,725 次观看 • 9 个月前

现阶段AI做PPT的最强实践，只需要一个Codex就足够了，十分钟创建一个精美的PPT。 Codex+Image 2 + Presentations 插件，一个指挥、一个设计模板、一个实践输出PPT。可以指定生成多种风格，视频里面我只让它生成了四种，最主要的是它的每一个文字、图片、元素都是可编辑的这才是最主要的！

现阶段AI做PPT的最强实践，只需要一个Codex就足够了，十分钟创建一个精美的PPT。 Codex+Image 2 + Presentations 插件，一个指挥、一个设计模板、一个实践输出PPT。可以指定生成多种风格，视频里面我只让它生成了四种，最主要的是它的每一个文字、图片、元素都是可编辑的这才是最主要的！

小墨同学

68,507 次观看 • 3 个月前

记得视频一定看到最后啊！🤝 中午休息Vibe Coding一下这个效果示例，其实还是可以衍生出很多玩法的。只能说ai Studio 对于小白用户太友好了。没错我就是那个小白，吃饭的功夫就可以做出来。 PS：罗老师我不是故意的😂

记得视频一定看到最后啊！🤝 中午休息Vibe Coding一下这个效果示例，其实还是可以衍生出很多玩法的。只能说ai Studio 对于小白用户太友好了。没错我就是那个小白，吃饭的功夫就可以做出来。 PS：罗老师我不是故意的😂

Berryxia.AI

32,301 次观看 • 11 个月前

第一个全自动视频管线跑通了！设计圈老炮 Tailwind CSS 联合创始人 Schoger 这个一小时的 Claude Code 设计视频，90 万浏览不是没道理——里面的技巧是真能直接抄的那种。我把里面四个最实用的设计技巧提炼出来，做成了一条 46 秒的中文短视频。👇 整条视频从配音、字幕对齐到动画过渡，全部用代码生成——IndexTTS2 克隆我的声音配音，Whisper 自动对齐字幕时间戳，Remotion 写动画渲染成片。人工干预只剩"看一遍觉得行不行"。

第一个全自动视频管线跑通了！设计圈老炮 Tailwind CSS 联合创始人 Schoger 这个一小时的 Claude Code 设计视频，90 万浏览不是没道理——里面的技巧是真能直接抄的那种。我把里面四个最实用的设计技巧提炼出来，做成了一条 46 秒的中文短视频。👇 整条视频从配音、字幕对齐到动画过渡，全部用代码生成——IndexTTS2 克隆我的声音配音，Whisper 自动对齐字幕时间戳，Remotion 写动画渲染成片。人工干预只剩"看一遍觉得行不行"。

Leo｜一个人 + AI

88,587 次观看 • 4 个月前

Lovart是我第一次感受到AI真的在改变设计行业： Lovart 是全球首个AI设计智能体，它为设计师专门优化了UX和产品整合，显著提高效率和精确度。而这两点对设计师来说太重要了。以下我会分享几个在10-30分钟内使用Lovart完成的设计工作。 1. 先看以下官方介绍视频：

Lovart是我第一次感受到AI真的在改变设计行业： Lovart 是全球首个AI设计智能体，它为设计师专门优化了UX和产品整合，显著提高效率和精确度。而这两点对设计师来说太重要了。以下我会分享几个在10-30分钟内使用Lovart完成的设计工作。 1. 先看以下官方介绍视频：

汗青 HQ

49,174 次观看 • 1 年前

今天花了半个小时，按照原版的风格使用 Codex 复刻了一个德州扑克的交互式教程：效果还是很不错我是这么做的： 1 让 Codex 访问原始网站并且截图作为参考 2 让它用 images2 按照原版风格出图 3 提取一些静态素材比如头图 4 让它按照设计稿直接做网站 5 一些有问题的地方让它使用 browser use 自己访问浏览器并且进行调试 6 按照我的需求微调一些动画和效果最终结果和原版还是有一些差距，整体能看，但是细微的地方还是怎么调都没法达到原版，比如动画的质量和一些细节（比如筹码的设计感）证明了用这套方法论可以快速出网站，不仔细看是看不出来但是细节确实还是设计的护城河不论怎么调整只能达到李鬼的程度

今天花了半个小时，按照原版的风格使用 Codex 复刻了一个德州扑克的交互式教程：效果还是很不错我是这么做的： 1 让 Codex 访问原始网站并且截图作为参考 2 让它用 images2 按照原版风格出图 3 提取一些静态素材比如头图 4 让它按照设计稿直接做网站 5 一些有问题的地方让它使用 browser use 自己访问浏览器并且进行调试 6 按照我的需求微调一些动画和效果最终结果和原版还是有一些差距，整体能看，但是细微的地方还是怎么调都没法达到原版，比如动画的质量和一些细节（比如筹码的设计感）证明了用这套方法论可以快速出网站，不仔细看是看不出来但是细节确实还是设计的护城河不论怎么调整只能达到李鬼的程度

Viking

32,841 次观看 • 4 个月前

别再纠结是用 Codex 还是 Claude Code 了。我发现其实真正决定AI生产力上限的，不是 Agent，而是 Skill。这期视频我会分享最终筛选出来的8个最核心的skill 1、基础Skill：把重复工作流封装成专属Skill 、自动搜索各种Skill 2、产品开发Skill：顶级开发团队级别的AI编程提效；不懂设计也能做出好看页面 3、内容创作Skill：做图、整理资料、排版发布，这两个Skill直接替你干不管你用 Claude Code 还是 Codex，装上就能用。

别再纠结是用 Codex 还是 Claude Code 了。我发现其实真正决定AI生产力上限的，不是 Agent，而是 Skill。这期视频我会分享最终筛选出来的8个最核心的skill 1、基础Skill：把重复工作流封装成专属Skill 、自动搜索各种Skill 2、产品开发Skill：顶级开发团队级别的AI编程提效；不懂设计也能做出好看页面 3、内容创作Skill：做图、整理资料、排版发布，这两个Skill直接替你干不管你用 Claude Code 还是 Codex，装上就能用。

阿西_出海

100,700 次观看 • 2 个月前

🚨Stitch 这次升级不得了，我觉得重点不是多了几个功能，而是 Google 正在重写 AI 设计工具的定义。 1/ Google 昨晚更新了 Stitch，官方给它的新定位很直接： AI-native software design canvas。 2/ 翻译成人话就是：它不想只做一个 “你写一句 prompt，我给你几张 UI 图” 的工具了。 3/ 这次更新，核心就 5 个方向：无限画布更聪明的设计代理语音交互即时原型设计系统 + DESIGN.md 4/ 最值得看的第一点，是 AI 原生画布。现在的 Stitch 不只是吃 prompt。还可以把图片、文本、代码一起作为上下文。这说明它开始更像“设计工作台”，而不是一次性生成器。 5/ 第二点，是 agent 变强了。 Google 这次明确说，新 design agent 能理解整个项目演进过程，而且还有 Agent manager，支持你并行探索多个设计方向。 6/ 第三点，是语音进入设计主流程。你可以直接对着画布说话让 Stitch 一边听一边改还能给你实时设计反馈 7/ 第四点，是即时原型。现在 Stitch 可以把静态设计快速变成交互原型，点一下 Play 就能看 flow，甚至还能自动补出逻辑上的下一屏。 8/ 第五点，是很多人会低估的 DESIGN.md。 Google 把设计规则做成了一个 agent-friendly markdown，支持导入、导出、复用，还支持从 URL 提取设计系统。 9/ 所以这次 Stitch 真正从“帮你出图”，走向“参与整个设计流程”。 10/ 一句话总结： 2025 年的 Stitch，更像 UI 生成器。 2026 年这次升级之后，它开始更像 AI 设计工作台。

🚨Stitch 这次升级不得了，我觉得重点不是多了几个功能，而是 Google 正在重写 AI 设计工具的定义。 1/ Google 昨晚更新了 Stitch，官方给它的新定位很直接： AI-native software design canvas。 2/ 翻译成人话就是：它不想只做一个 “你写一句 prompt，我给你几张 UI 图” 的工具了。 3/ 这次更新，核心就 5 个方向：无限画布更聪明的设计代理语音交互即时原型设计系统 + DESIGN.md 4/ 最值得看的第一点，是 AI 原生画布。现在的 Stitch 不只是吃 prompt。还可以把图片、文本、代码一起作为上下文。这说明它开始更像“设计工作台”，而不是一次性生成器。 5/ 第二点，是 agent 变强了。 Google 这次明确说，新 design agent 能理解整个项目演进过程，而且还有 Agent manager，支持你并行探索多个设计方向。 6/ 第三点，是语音进入设计主流程。你可以直接对着画布说话让 Stitch 一边听一边改还能给你实时设计反馈 7/ 第四点，是即时原型。现在 Stitch 可以把静态设计快速变成交互原型，点一下 Play 就能看 flow，甚至还能自动补出逻辑上的下一屏。 8/ 第五点，是很多人会低估的 DESIGN.md。 Google 把设计规则做成了一个 agent-friendly markdown，支持导入、导出、复用，还支持从 URL 提取设计系统。 9/ 所以这次 Stitch 真正从“帮你出图”，走向“参与整个设计流程”。 10/ 一句话总结： 2025 年的 Stitch，更像 UI 生成器。 2026 年这次升级之后，它开始更像 AI 设计工作台。

比特币橙子Trader

16,604 次观看 • 5 个月前

我现在尝试的方案是： 1. 先用出一个大概的风格，可以扩展不同的设计风格和布局，它可以把当前设计打包成一整套提示词，导出给其他 agents 使用。 2. 在其他 agents 比如我用 Replit ⠕ 还原，基本粘贴它的提示词都能完美还原，然后让 Replit 再基于这个设计完成其他页面和功能。(Replit agent 4.0 支持 canvas 也可以生成不同风格和布局的设计) 3. Replit 绑定 Github 后代码是实时同步到你的 repo 的，基本满意后 fork 到本地，让 Claude Code 重构。

我现在尝试的方案是： 1. 先用出一个大概的风格，可以扩展不同的设计风格和布局，它可以把当前设计打包成一整套提示词，导出给其他 agents 使用。 2. 在其他 agents 比如我用 Replit ⠕ 还原，基本粘贴它的提示词都能完美还原，然后让 Replit 再基于这个设计完成其他页面和功能。(Replit agent 4.0 支持 canvas 也可以生成不同风格和布局的设计) 3. Replit 绑定 Github 后代码是实时同步到你的 repo 的，基本满意后 fork 到本地，让 Claude Code 重构。

Ding

56,866 次观看 • 5 个月前

上一年自己设计的一款克苏鲁🐙主题毯子，当初想着设计能外出也能居家的超级可爱带点哥特味的毯子，效果出来有被自己感动到🥲这魔物实在太可爱了，目前还在发售~也是我自己的店里😇

上一年自己设计的一款克苏鲁🐙主题毯子，当初想着设计能外出也能居家的超级可爱带点哥特味的毯子，效果出来有被自己感动到🥲这魔物实在太可爱了，目前还在发售~也是我自己的店里😇

知世超级超级超级犀利

30,715 次观看 • 2 年前

一篇老文了，今天想做一个 Liquid Glass 效果的组件的时候又翻到了，如果你想用 CSS + SVG 实现 Liquid Glass 的效果，那么就收藏这篇文章：这是原理/实现/最终效果都实现的最好的，如果自己懒得看，直接喂给 AI，让它帮你实现就好。效果可以看 Demo，已经可以和原生的媲美

一篇老文了，今天想做一个 Liquid Glass 效果的组件的时候又翻到了，如果你想用 CSS + SVG 实现 Liquid Glass 的效果，那么就收藏这篇文章：这是原理/实现/最终效果都实现的最好的，如果自己懒得看，直接喂给 AI，让它帮你实现就好。效果可以看 Demo，已经可以和原生的媲美

Viking

27,138 次观看 • 4 个月前

Claude Fable 5 重新开放了最近刚好有一个demo，就是看能不能用顶级模型做一个meme工厂 “ 就是我输入一个 Meme Coin 创意然后这个工具自动生成品牌 / 叙事 / 经济模型 / 营销方案支持中文全流程输出，可以反复优化迭代 “ 也是想尝试一下，做一个可以验证 Fable 5 长任务能力最终做出了一个能够简单跑的框架（我没有投入任何信息源，没有喂数据所以跑起来效果没有那么屌，不过我觉得后期再投喂一些案例，我觉得确实是可以落地的）说说我为什么用Fable 5 来测？因为这个任务本质不是写代码更像是说去测试AI的长链路规划能力测试它需要： 1/ 语义理解 2/ 叙事能力 3/ 结构能力 4/ 一致性 5/ 自我检查这刚好是 Claude Fable 5 主打的能力整体跑下来我觉得还算是可以的，毕竟我这种不会写代码不会设计的小屌丝，确实在Fable 5 上面使用得其乐融融的哈哈再说说我的TOKEN使用量吧：112.31K（按照官方的收费标准大概是在：$4.2）要是加上文本案例再接入一个AI对话的API框架我觉得应该费用还要再多出个大几十吧（个人猜测，毕竟投喂数据可能会比较烧tokens）总的来说的话我个人还是觉得这笔消费还算挺值得的，因为这本身在传统行业的话可能会是比较高的费用，AI真的弄挺好的说完Claude Fable 5的体验，那我不得不说我是在哪里体验的Claude Fable 5了我这次没有走官方通道，而是走的是我之前给大家分享的中转站 Zenmux ZenMux 因为他这几天又搞活动了，只要你账号的余额＞$0 你就可以免费体验Claude Fable 5 并且 Zenmux支持（不限于）： 200+ 模型统一入口无 RPM 限制 PK 模式可以直接做横评如果大家也想低成本体验一下 Claude Fable 5 我觉得当前使用Zenmux是最好的选择

Claude Fable 5 重新开放了最近刚好有一个demo，就是看能不能用顶级模型做一个meme工厂 “ 就是我输入一个 Meme Coin 创意然后这个工具自动生成品牌 / 叙事 / 经济模型 / 营销方案支持中文全流程输出，可以反复优化迭代 “ 也是想尝试一下，做一个可以验证 Fable 5 长任务能力最终做出了一个能够简单跑的框架（我没有投入任何信息源，没有喂数据所以跑起来效果没有那么屌，不过我觉得后期再投喂一些案例，我觉得确实是可以落地的）说说我为什么用Fable 5 来测？因为这个任务本质不是写代码更像是说去测试AI的长链路规划能力测试它需要： 1/ 语义理解 2/ 叙事能力 3/ 结构能力 4/ 一致性 5/ 自我检查这刚好是 Claude Fable 5 主打的能力整体跑下来我觉得还算是可以的，毕竟我这种不会写代码不会设计的小屌丝，确实在Fable 5 上面使用得其乐融融的哈哈再说说我的TOKEN使用量吧：112.31K（按照官方的收费标准大概是在：$4.2）要是加上文本案例再接入一个AI对话的API框架我觉得应该费用还要再多出个大几十吧（个人猜测，毕竟投喂数据可能会比较烧tokens）总的来说的话我个人还是觉得这笔消费还算挺值得的，因为这本身在传统行业的话可能会是比较高的费用，AI真的弄挺好的说完Claude Fable 5的体验，那我不得不说我是在哪里体验的Claude Fable 5了我这次没有走官方通道，而是走的是我之前给大家分享的中转站 Zenmux ZenMux 因为他这几天又搞活动了，只要你账号的余额＞$0 你就可以免费体验Claude Fable 5 并且 Zenmux支持（不限于）： 200+ 模型统一入口无 RPM 限制 PK 模式可以直接做横评如果大家也想低成本体验一下 Claude Fable 5 我觉得当前使用Zenmux是最好的选择

车九

48,436 次观看 • 1 个月前

现在我们 vibe coding 做产品，基本都是交给 AI 一把梭。功能写得飞快，但设计这块，像UI、颜色、字体这些，基本都是AI 给啥就是啥，能用就行就算想改，也不知道该怎么改，纯靠主观感觉后来我才发现不是不在乎设计，而是根本不知道一个「好的设计」应该是什么样这个时候，一个成熟、完整的设计标准规范就显得很重要了而这个东西，叫「设计系统」。设计系统本质上就是一整套涵盖颜色、排版、间距、icon、组件等的标准规范，在做产品时，按照这个规范来实现就好了但我们这种非设计师出身的，要想设计一套靠谱的设计系统，那真是太难了今天我来分享一个网站，收录了各家大厂的设计系统，像Apple、Adobe、Google、Ant Design。颜色系统、icon、排版、字体等，整理得非常完整，都能在里面找到

现在我们 vibe coding 做产品，基本都是交给 AI 一把梭。功能写得飞快，但设计这块，像UI、颜色、字体这些，基本都是AI 给啥就是啥，能用就行就算想改，也不知道该怎么改，纯靠主观感觉后来我才发现不是不在乎设计，而是根本不知道一个「好的设计」应该是什么样这个时候，一个成熟、完整的设计标准规范就显得很重要了而这个东西，叫「设计系统」。设计系统本质上就是一整套涵盖颜色、排版、间距、icon、组件等的标准规范，在做产品时，按照这个规范来实现就好了但我们这种非设计师出身的，要想设计一套靠谱的设计系统，那真是太难了今天我来分享一个网站，收录了各家大厂的设计系统，像Apple、Adobe、Google、Ant Design。颜色系统、icon、排版、字体等，整理得非常完整，都能在里面找到

Corey Chiu

38,008 次观看 • 7 个月前

今日有两大关键更新： 1. Claude Code 终于也支持了 Computer Use，可以直接使用 Claude Code 操作桌面软件了，比如打开画板帮你画个画。而且隐私设计，不会读到输出的内容。 2. OpenAI 给 Claude Code 设计了一个官方插件，叫codex-plugin-cc。这是最令我觉得动容的一条更新：一方面 OpenAI 等于是承认 CC 确实牛逼，Codex 愿意承担 Review 的活，积极吸取社区的最佳实践。另外一方面，也是反映出了 OpenAI 的开放心态，很佩服Codex 到技术团队。当然，也有人说，这是 Codex 在给 Claude Code 喂黑话

今日有两大关键更新： 1. Claude Code 终于也支持了 Computer Use，可以直接使用 Claude Code 操作桌面软件了，比如打开画板帮你画个画。而且隐私设计，不会读到输出的内容。 2. OpenAI 给 Claude Code 设计了一个官方插件，叫codex-plugin-cc。这是最令我觉得动容的一条更新：一方面 OpenAI 等于是承认 CC 确实牛逼，Codex 愿意承担 Review 的活，积极吸取社区的最佳实践。另外一方面，也是反映出了 OpenAI 的开放心态，很佩服Codex 到技术团队。当然，也有人说，这是 Codex 在给 Claude Code 喂黑话

马天翼

44,743 次观看 • 5 个月前

我认为 Grok 的能力真的被很多人低估了！首先我认为它完全全能！Claude 没有多模态，codex 能生图但是不能生视频，而我们的 Grok，他都可以！（虽然生图很 abc ，但是或许你可以 codex 生图 grok 生视频？它很牛的一个点就是你根本不需要复杂的提示词，甚至不用说的多清楚他会揣摩！你需要的东西和内容！！这点无论是 codex 还是 Claude 都绝对比不上！如果我需要 codex 生成出比较规范或者具有更多信息的内容需要我告诉他这么多而 Grok 真的是几乎他自己揣摩出来的我把我跟他说了哪三句话放在第二个视频了

我认为 Grok 的能力真的被很多人低估了！首先我认为它完全全能！Claude 没有多模态，codex 能生图但是不能生视频，而我们的 Grok，他都可以！（虽然生图很 abc ，但是或许你可以 codex 生图 grok 生视频？它很牛的一个点就是你根本不需要复杂的提示词，甚至不用说的多清楚他会揣摩！你需要的东西和内容！！这点无论是 codex 还是 Claude 都绝对比不上！如果我需要 codex 生成出比较规范或者具有更多信息的内容需要我告诉他这么多而 Grok 真的是几乎他自己揣摩出来的我把我跟他说了哪三句话放在第二个视频了

Su

13,067 次观看 • 1 个月前

Codex Skill从0到1，如何设计一个商用级Skill【视频版】不喜欢看长文的朋友有福了haha，视频版干货已出。 ps：视频全程由天才牛马Codex制作，而作为人类的我，只负责指指点点，刷刷𝕏。

Codex Skill从0到1，如何设计一个商用级Skill【视频版】不喜欢看长文的朋友有福了haha，视频版干货已出。 ps：视频全程由天才牛马Codex制作，而作为人类的我，只负责指指点点，刷刷𝕏。

xilo

17,030 次观看 • 1 个月前