最快速度让AI写的代码拥有牛逼的设计

AITNT-国内领先的一站式人工智能新闻资讯网站
# 热门搜索 #
最快速度让AI写的代码拥有牛逼的设计
6205点击    2025-06-25 10:13

我一般喜欢用v0/bolt快速实现产品MVP,因为它们真的很快,只需要口喷一两句,东西就做出来。


但是,这样做会出现一个问题:界面太丑!


我是一个懒人。我最近琢磨出来几个懒惰的办法,让它变美。


刚才,我的员工小姜,想要做个“给照片加手写体”的小产品,据说能够卖给她的闺蜜,一张照片卖10元。


这个东东,只需要在v0里口喷两句,就做出来了,只是不够美。


如下图所示


我要创建产品叫“照片加字”

用户选择图片,不用真的上传,只是把图片显示在浏览器中。 

用户输入文字,选择字体(选择漂亮的中文字体,你可以用webfont),

可以用富文本编辑框;预置一些模板;让用户对每个字都可以选择样式;允许竖向排列;

把用户输入的文字,画到用户的图上。这一步你可以用canvas

允许用户复制和下载图片。


最快速度让AI写的代码拥有牛逼的设计


我们正好用它来展示一下快速变美的新方法。


首先,用V0快速口喷功能,两句话就出来了产品原型。下载代码到本地。


然后,随便购买一套好看的模板。比如这里面的,都很不错

https://pro.aceternity.com/templates


告诉Claude Code,把模板套上……


> '/Users/liuxiaopai/templates/模板文件夹路径' 

 这是我买的模板!请你把模板套到我当前产品上,让我的产品变得高大上!!!


最快速度让AI写的代码拥有牛逼的设计


5分钟后,搞定了!


最快速度让AI写的代码拥有牛逼的设计


最快速度让AI写的代码拥有牛逼的设计


最快速度让AI写的代码拥有牛逼的设计


文章来自于“刘小排r”,作者“刘小排”。

AITNT-国内领先的一站式人工智能新闻资讯网站