开发者开源 Ripple:模型边流式输出边渲染成滑块、表单甚至游戏

prakashTech · reddit · 2026-11-07

开发者 prakashTech 用 Claude Code 构建了开源(MIT)项目 Ripple,作为 ChatGPT 新版 Intelligent UI 的替代方案:模型输出一个小型 JSON spec,Ripple 在流式输出过程中将其渲染为真实界面——滑块、表单、3D 模型、游戏、完整结账流程均可。

他用同样的 8 个 prompt 对比了 ChatGPT 和 Ripple + Claude 的表现:ChatGPT 的心率、自行车齿轮、习惯追踪、井字棋都返回了可用小组件,但飞机只是带标注的图片而非 3D 模型,HIIT 的「下一个动作」按钮无效,点餐后续停在 thinking 超 3 分钟;Ripple 侧的点餐流程则完整跑通菜单 → 测试支付 → 实时追踪。

质量提升最大的三条 Claude Code 实践:

引擎(渲染器、200+ widgets、流式解析器、测试)几乎全部由 Claude Code 编写。可通过 npx skills add qbtrix/ripple-iui --skill ripple 集成到自己应用。

原文链接 →

「编程与Agent」频道最新

更多「编程与Agent」频道 AI 资讯 →