一张草图两轮对话,百灵Ling-3.2-flash生成可用AI工具箱
用户@lb1800实测百灵新发布的原生多模态模型Ling-3.2-flash,给它安排了一个具体任务:根据一张自制布局草图,做出一个可以搜索、分类、打开工具链接的网页,再根据实际使用中发现的问题继续修改。
他选的是很日常的场景:把AI工具入口集中在一个页面里,需要时直接搜索。准备的素材也很简单:一张自制布局草图,加上六个公开工具的名称、简介和官网链接,这六项只是演示清单,方便检查结果。
他把要求写得比较明确:电脑端三列展示,手机端单列;搜索和分类要能同时生效;交付一个直接用浏览器就能打开的HTML文件。然后,把草图和需求一起交给Ling-3.2-flash。
拿到第一版后,他实际打开页面检查了一遍。桌面端能看到三列工具卡片,手机端也切成了单列。搜索框输入带空格的大写“CURSOR”,能找到对应工具;选择“对话”分类再搜索“代码”,显示零结果;保持关键词切到“编程”,Cursor就出现了。清除搜索与筛选后,又恢复成全部六项。
六个工具的链接地址与输入一致,他还实际点开了Cursor,确认能在新标签页跳转。首版的基本功能跑通了,手机上还有两处细节需要改。
一处是页头和页脚的上下留白太少,看起来比较挤。另一处出现在零结果页面:“找到0个工具”和下面的提示框之间,多出了一段空白。
这也成了本次体验里他最想继续测试的一步:把实际结果反馈回去,它能不能改好?他截下真实的手机页面,发回同一段对话,同时补充浏览器中的检查结果,请它保留原来的工具数据、链接和搜索逻辑,修复这两处布局问题。
Ling随后给出了修改说明和完整的修订代码。重新打开修订版,手机页头和页脚恢复了留白,零结果时隐藏的列表也不再撑出多余空间。再检查一遍搜索、分类切换和清除操作,功能保持正常,六个链接地址也都保留了下来。额外检查到320px的窄屏宽度,也没有观察到横向溢出。
两轮下来,这个小型导航页达到了本次实测目标,他没有手工改写网页代码。过程中,模型负责生成和修改;保存文件、打开浏览器、点击测试、截图和验收,都需要有人完成。第二轮的修改依据,也同时包含真实截图和文字检查信息。
这次让他觉得有参考价值的,是整个任务可以持续往前推进:先把草图变成可交互的页面,再把实际结果作为下一轮修改的依据,最后重新打开验收。Ling-3.2-flash是百灵新发布的原生多模态模型,本次重点体验的就是图像输入、网页代码生成,以及结合截图和实测反馈继续修改的过程。
如果也想尝试,可以从一个容易核验的小任务开始:自己的工具导航、作品展示页,或者一张简单的页面草图。把需求和素材准备清楚,拿到结果后实际打开、点击,再把具体问题反馈回去。体验入口: