GPT-4o 巴黎行首秀：改完代码亲自审前端，人类的活都被干完了！

两周前，OpenAI 为全世界展示了 GPT-4o 的惊艳首秀。虽然 Sam Altman 不久之后就卷入了一场“离职风波”中，但关于 GPT-4o 的新闻可从未停歇过。近日，在巴黎的 VivaTech 大会上，OpenAI 的开发者体验负责人 Romain Huet 为全欧洲带来了一场精彩的 GPT-4o 实机演示，再次刷新了我们认知中的“多模态天花板”。

双语字幕视频奉上：

VivaTech 自称为“欧洲排名第一的创业与科技盛会”，更有法国人称其为“科技版的戛纳电影节”。观察嘉宾名单，我们会发现这名号可不是吹出来的，参会者不仅有我们熟悉的马斯克，“AI 三教父”的杨立昆与本吉奥，李彦宏，谷歌 CEO Eric Schmidt，Hugging Face 创始人 Thomas Wolf，亚马逊 CTO Werner Vogels；还有 Mistral AI，Anthropic 等 AI 新星的公司一把手。

在众多现场演示中，有一段令人印象深刻：Huet 和 GPT-4o 共同解决了一个编程问题，改进 Mac 应用中 React 组件的响应式布局，以适应不同屏幕尺寸。4o 不仅能催着 Huet 要看代码，还能看懂代码涉及一个展示 Discover 卡片组件的网格布局，数据来源于 trips.json 文件。

随后，4o 建议使用 Tailwind CSS 框架的响应式设计特性，根据屏幕尺寸自动调整网格中的列数，以解决内容在小屏上显示紧凑的问题。

GPT-4o 提供了具体的实施指导，包括如何使用 Tailwind CSS 的类来控制不同屏幕尺寸下的列数，确保布局随屏幕大小变化而自适应，并在得到 Huet 同意后自己完成了操作；它还详细说明了如何为不同屏幕尺寸设置不同的列数，比如默认情况下设置一列，小屏幕两列，中等屏幕三列等。最后，4o 凭借自己的多模态能力，亲自用“眼睛”查看后确认改动有效，如同一位拥有生命的人类工程师。
————————————————

                            版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
                        
原文链接：https://blog.csdn.net/dQCFKyQDXYm3F8rB0/article/details/139291091