10+年产品经理专注分享AI 工具、AI 资讯、AI Coding、Vibe Coding与下一代产品创新,按 Ctrl+D 收藏我们
关于我 留言板 标签云 排行榜

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI最新动态

GPT-6 Intelligent UI上手指南:ChatGPT直接生成交互界面,不再需要提示词技巧

2小时前 AI最新动态 13 0

今年 5 月,Claude Code 团队的 Thariq 写了一篇文章,说 HTML is the new markdown。他几乎不再写 Markdown 了,计划、方案、报告都让 Claude Code 直接生成 HTML,因为超过一百行的 Markdown 他自己都读不下去。到了刚刚过去的国庆节,Karpathy 也发帖说了类似的观点:与其让模型写一大段文字,不如让它画图,或者直接输出 HTML 网页。

不过这些都还是提示词技巧,你得记得每次跟模型说一句「用 HTML 输出」。这次 GPT-6 推给 ChatGPT 所有用户,同时带来了一个叫 Intelligent UI 的功能,又往前走了一步。ChatGPT 回答里直接就能生成图表、按钮、表单,甚至一个能玩的小游戏,模型会根据问题自己判断要不要出界面,不再需要特殊的提示词。

Intelligent UI 是什么?

按 OpenAI 博客的说法,Intelligent UI 背后是两样东西:一个是原生的界面组件库,支持流式输出,模型从里面挑组件拼出回答;另一个是编译器,模型一边生成,界面一边渲染,不用等整段回答写完。

这跟 Thariq 那种用法不太一样。在 Claude Code 里让模型输出 HTML,是从一张白纸开始写代码,想要什么效果都行,但每次都得从头写一遍样式和交互逻辑。Intelligent UI 的积木是 OpenAI 提前做好的,是内置在 ChatGPT 界面中的一部分,模型只管挑合适的积木来搭。

OpenAI 设计师 Andrew Chen 提到,模型早就能写出好看的 HTML 了。生成式 UI 难的是另外两件事:让界面看起来本来就属于 ChatGPT,以及让模型判断什么时候真的需要界面,什么时候一段文字就够了。

复古游戏演示

拿 OpenAI 官方博客的复古游戏为例,提示词就一句「Create a retro interactive gaming console that I can play」,出来的是一台 1989 年风格的掌机。屏幕上能切换贪吃蛇、打砖块和乒乓三个游戏,方向键、A/B 键也都可以正常操控。这句提示词一个字没提 Intelligent UI,但要什么风格、要什么东西、要能玩,都说清楚了。

怎么触发界面

刚尝试这个功能的时候,想让模型讲讲 Transformer 的工作原理,提示词写的是「用 Intelligent UI 帮我理解 Transformer 的工作原理」。结果它还是照常给了一大段文字。把提示词换成「用可视化交互界面帮我理解 Transformer 的工作原理」,只改了这几个字,界面就直接出来了。

Transformer可视化界面

它把 Transformer 拆成了四步:Token 变向量、Self-Attention、FFN 加多层、预测下一个词,每一步都能点开查看更详细的图示界面。比如在 Self-Attention 这一步,点一下「我爱吃苹果」里的「吃」,右边的注意力矩阵就会显示它对其他词的权重,下面还配了 Q、K、V 各管什么,以及注意力的计算公式。

其实帮助文档里写了,Intelligent UI 不需要特殊提示词,出不出界面是模型根据问题自己判断的。你只说「用 Intelligent UI」,它也不知道你到底想要什么样的界面。

怎么写提示词才管用?

把界面本身描述出来:要一个什么东西,上面有什么控件,改了之后什么跟着变。下面几个例子效果都不错:

提示词 出来的界面 说清了什么
Create an ocean dive with a depth slider, changing light+pressure, and clickable creatures 带深度滑块的潜水场景 场景、控件、联动、可点的元素
teach me orbital mechanics without giving me code 轨道模拟器,能调速度、质量、距离和发射方向,轨道实时更新 学习目标,外加「不要代码」
break down the design of a 7-speed bike 自行车结构图,车架、车轮、传动、刹车、车把五个系统可以分别点开 一个「拆解」的动作

轨道力学那条提示词很短,但后半句很关键。这类问题模型很容易直接甩一段模拟代码给你,加上「不要代码」,就等于把这条路堵死了。

还有哪些坑?

Pro 档反而用不了。Intelligent UI 只支持 Instant 到 Extra High 这几档,最高的 Pro 档用的是 GPT-6 Astra,并不支持。另外,Work 标签页、语音模式和旧版桌面客户端也都用不了,建议直接用网页版。

界面关不干净。ChatGPT 网页版设置里可以把 Layout and visuals 调成简洁,但只会减少视觉元素,不会切回纯文本。偶尔不想要界面的话,直接在对话里说「只用文字回答」更省事。

做出来的工具留不住。组件状态换一个对话就没了,也没法单独分享给别人。这也是它跟 HTML 文件差距最大的地方,HTML 发个链接其他人就能打开。

错误答案更难发现。一个排版漂亮的计算器摆在面前,很少有人会去检查背后的公式。涉及钱的计算,最好让它把公式和假设一起列出来,自己核对一遍。

写在最后

模型越来越强大,写代码的成本也越来越低,以前根本不值得专门做的小工具,现在可以随手生成,用完就扔了。Intelligent UI 把这件事变成了 ChatGPT 的默认能力,只要把想要的界面说清楚,就能拿到一个能点能拖的交互式界面。

不过做出来的东西留不下来。想弄懂一个技术原理、临时要个小工具,交给 Intelligent UI 很合适;要保存、要分享、要反复改的方案和报告,还是更建议在 Claude Code 或 Codex 里让 Agent 直接生成 HTML 更容易共享。

Github:OpenAI 博客 GPT-6 and Intelligent UI

参考链接:Thariq《The Unreasonable Effectiveness of HTML》

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:GPT-6 Intelligent UI上手指南:ChatGPT直接生成交互界面,不再需要提示词技巧
#GPT-6 #Intelligent UI #ChatGPT #OpenAI #生成式UI 
收藏 1
豆包工作安装HowToLiveBetter技能:603条人生建议,带论文出处
AI时代的B端协作:专业为锚,AI为杠杆,链路压缩后的价值重塑
推荐阅读
  • DeepSeek Harness 插件生态:三天 112k Star,同事蒸馏和跨平台内容搜索火了
  • 谷歌发布 Gemma 4 全能模型,2 步教你在手机完美运行,离线且免费!
  • Qwen-3.8-Max 限时 0.2 折,Kimi K3 下架后的平替方案
  • 人人都是小程序开发者的时代,真的来了(附实战指南)
  • Kimi K3 深度评测:2.8T 参数开源模型,性能能否媲美旗舰?
评论 (0)
请登录后发表评论
分类精选
Cursor 限制国内使用 Claude 等模型解决方案!
34458 1年前
学生/非学生:如何申请Cursor Pro免费会员,如何通过SheerID验证快速激活全攻略
31037 1年前
即梦AI图片2.1:一句话快速生成带中文的海报图,免费AI文生图、视频工具、AIGC创作工具
23688 1年前
注意!Cursor单设备登录新规:一个账户最多可以3台设备登录,且限制单点登录
23190 1年前
腾讯ima知识库skills上线:教你如何把腾讯 IMA 知识库接入 OpenClaw 一步打通
21618 6月前
国产大模型横向对比:Kimi K2.6、GLM-5.1、Qwen3、MiniMax M2 四大模型选型指南
19210 5月前
字节推出Trae CLI :Claude Code 和 Gemini CLI的国产平替 ?手把手教你如何安装Trae Agent
18839 1年前
Trae国内版,搭载 doubao-1.5-pro、DeepSeek R1/V3模型,对比 Trae 国际版有什么不同
18587 1年前
DeepSeek宣布:降价,最高降价75%!别错过这个优惠时段,赶紧充值
18341 1年前
刚刚!Cursor风控又加强了,可能是因为这个原因!
16776 1年前

文章目录

关于苏米客
分类排行
1 腾讯WorkBuddy更新独立文件浏览器:AI直接修改原文件,不用搬来搬去
2 Claude Haiku 5.5发布:小模型能力暴涨56倍,AI Agent价格打到骨折
3 GPT-6 Intelligent UI上手指南:ChatGPT直接生成交互界面,不再需要提示词技巧
4 ChatGPT上线Intelligent UI:GPT-6让每个回答都变成交互式界面
5 Claude Dashboards + Motion:一句话生成数据看板和动画短片,Docs/Slides/Design 正式免费
6 Hermes Index 排行榜:Claude Opus 5.5 登顶 Agent 性能榜,14 个模型成本差 215 倍
7 微信全面AI化:28个小微入口最全盘点,Personal Agent已来
8 Anthropic发布新使用政策:禁止辱骂Claude,2026上半年封禁1140万账号
9 Claude Haiku 5.5发布:成本降低75%,支持自定义思考程度
10 a16z 消费级 AI 百强榜发布:近一半美国人用过 AI,仅 4.5% 肯付费
苏米客
登录 注册
显示
没有账号? · 立即注册
显示
已有账号? · 直接登录
登录代表你已同意 用户协议 和 隐私政策
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6 网站地图 百度地图
微信文章助手 程序库 免费影视APP 免费字体下载 产品经理导航 爱克硕儿 产品经理AI资讯 Axure元件库下载 申请友联