上传一个设计图，生成代码是什么原理

[iris4hong]

看到 v0.dev 的上传一个图片，生成相应的代码，感觉很🐂逼，请问他的原理是试用视觉大模型直接生成的吗

[iris4hong]

这样的东西出来了，岂不是低代码和无代码就没啥用了

[reeco]

claude 3.5 snooet 牛逼

[reeco]

snooet -> sonnet

[iris4hong]

我要生成私有 dsl ，用 claude 就不行了吧，难道我要自己去训练大模型？

[hackyuan]

@iris4hong 低代码、无代码场景、用户不一样，内置组件的复杂度也不一样，一般解决了用户体系、发布部署、认证等问题，后端用页面服务的低代码，前端用数据服务的低代码。
现在这东西还得前端来用，复杂解决不了的直接改代码。

[iris4hong]

@hackyuan 虽然有所不同，但肯定也有让代码生成更加方便的需求，前端上传设计图，模型直接生成一个大致的代码框架，再进一步进行微调

[tfdetang]

@iris4hong 其实私有 dsl 也不需要自己训练； 不是很复杂的 dsl 可以在上下文中举几个范例让 ai 知道你的规则，再让它按照你的规则来生成 dsl

我的看法就是 所谓的低代码、无代码都将被历史淘汰

[hackyuan]

@iris4hong 是的，反正都是提供大量的模板，一是让用户选择，二是喂给 AI 。其实到最后低代码还是这种生成代码的区别不大，只不过低代码很多平台组件内置了很多平台行为，界面、组件间的联动，这部分其实代码量还是很大的，AI 生成的全代码不如内置的事件机制，这块可以看下华为 Astro ，当然平台自身的 bug 也是个严重问题就是了。