开发者开源 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 实践:
- 让 Claude 先选 widget 类型再写数据
- 让它看自己的输出:渲染后在手机/桌面尺寸、明暗主题下截图、修复、循环
- 保持 spec 可流式解析,让 UI 随模型打字逐步生长
引擎(渲染器、200+ widgets、流式解析器、测试)几乎全部由 Claude Code 编写。可通过 npx skills add qbtrix/ripple-iui --skill ripple 集成到自己应用。
「编程与Agent」频道最新
- 实测发现编码 harness 对不同小模型效果差异巨大 — JoshPurtell · 2026-11-07
- 用户分享编码 agent 实用技巧:小改动也用 /prototype 拿多方案挑选 — mattpocockuk · 2026-11-07
- Databricks 工程副总裁与 Neon 联创对谈:为 AI Agent 设计的数据库架构 — matei_zaharia · 2026-11-07
- 多模型聚合类编码应用正被大厂收编,剩下的都是开源 — petergyang · 2026-11-07
- 用一个文件夹让 Claude 记住你的业务,一劳永逸 — PrajwalTomar_ · 2026-11-07
- Linear AI 代码审查工具 Reviews 向全部套餐开放,含免费版 — julianlehr · 2026-11-07