AI编程软件与环境全部准备就绪,我们可以开始进行实战咯~

今天我们用DeepSeek+Bolt.New+V0写一款AI生图与修图工具基本框架,视频实战不到15分钟搞定,整理出图文版供大家学习。

优化提示词

我把工具得需求写出来,让DeepSeek来优化,其实如果网络允许的情况下还是推荐用ChatGPT优化。

优化完成的提示词:

开发一个基于Next.js 15.2.3的AI生图和关键词修图工具,使用TypeScript编写,要求代码结构清晰模块化。实现以下功能:

AI生图功能:用户输入文本提示词,调整参数后生成图片

关键词修图:上传图片后通过编辑关键词修改图片

完整的国际化支持(中英文)

主题切换功能(亮色/暗色模式) UI设计简洁直观,有良好的用户体验和错误处理。

基础项目实战篇三:用DeepSeek+Bolt.New+V0 15分钟写一款AI生图与修图工具基本框架插图

提示词优化完成,我们把提示词投喂给Bolt.New和V0,让它两一起写,看看谁家完成度更高更完善我们就用哪款。

Bolt.New

第一次投喂提示词,首页报错Start prompting,只能让它继续修改继续写,但是总体下来还是同样没有写出来,没有办法只能放弃,重新开新对话界面重新投喂提示词重新写。

基础项目实战篇三:用DeepSeek+Bolt.New+V0 15分钟写一款AI生图与修图工具基本框架插图1

第二次投喂提示词,还是同样的首页报错Start prompting,不再浪费时间也不再修改,直接放弃。

基础项目实战篇三:用DeepSeek+Bolt.New+V0 15分钟写一款AI生图与修图工具基本框架插图2

V0

第一次投喂提示词,V0倒是没有写出来并运行了,但是整体框架并不是我们想要的,测试了下按钮也无法点击,到处都是BUG,同样放弃,重开新对话界面重新投喂提示词重新写。

基础项目实战篇三:用DeepSeek+Bolt.New+V0 15分钟写一款AI生图与修图工具基本框架插图3

第二次倒是争气,直接写出理想的框架了,测试了下按钮可以正常点击切换,不犹豫直接下载。

基础项目实战篇三:用DeepSeek+Bolt.New+V0 15分钟写一款AI生图与修图工具基本框架插图4

总结

其实整个流程我们唯一需要操作的就是提需求,其他的全部都交给AI完成,提示词交给DeepSeek完成,代码交给Bolt.New/V0来完成,如果第一次没有出错,基本五六分钟就可以完成基本框架的编写,这也是AI的进步。

如果你也对AI编程感兴趣,可以加入我们一起学习,一起来进行实战操作哦~



微信扫描下方的二维码阅读本文

基础项目实战篇三:用DeepSeek+Bolt.New+V0 15分钟写一款AI生图与修图工具基本框架插图5

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。