将设计图直接转换成app啊!通过Screenshot-to-code这个开源工具,我们只需要提供一张设计图片,mockup或者figma设计稿,它就能将其转换成可执行的代码。
跑起来也相当简单,因为它是支持docker跑的,我们只需要将项目从github上clone下来,然后跑docker-compose up -d –build,就能跑起来了,但是跑之前我们要设置好它背后用到的大语言模型,默认支持OpenAI 和Anthropic,但是我们也可以使用github提供的免费视觉大模型接入,我在上几集视频已经说过怎么用了。
当然,你也可以用ollama的开原模型或者litellm加持的模型,这些我前面视频都有说过了,这里就不赘述了。好,我们跑起来后简单玩下,这里我们先选择好我们希望用的技术栈,有好多选择,比如vue等。然后我们给它提供个网站的截图,很快,一个完全参照截图的HTML + Tailwind应用就完成了,不需要写一行代码。
好,大家喜欢的话赶紧玩起来吧。