零代码！和AI对话两天，我成功上线了一款实用软件

本文来自微信公众号：凯莉彭，作者：凯莉彭，题图来自：AI生成

最近AI的热度简直居高不下！

从Agent Skills到Clawdbot，感觉一天不关注相关动态就会被时代甩在身后。

但我猜想，肯定有不少朋友和我之前一样心存疑惑：AI听着确实厉害，可它和我到底有什么关系呢？

“我一个连代码都不懂的小白，也能玩转AI吗？”

当然能！而且我亲身验证，仅花费700元、用了几天时间，就从无到有做出了一个可以正常使用的软件产品！

今天就和大家分享一下我的实现过程。

这篇文章我会写得非常详细，确保大家都能看明白。

哪怕你是完全不懂技术的新手，也能跟着步骤走一遍。

一、萌生想法：为何要自己开发软件？

先说说背景，我做视频时每天都为封面图发愁。

封面点击率不高的话，内容再好也难以被看到。

以前我是怎么解决这个问题的呢？

• 要么自己用制图软件费力制作，效果却不稳定；

  
  

• 要么找设计师，一张图要几百元，沟通修改耗时久，等图做好，视频的热度都过去了。

  
  

  
  

后来我尝试了AI生图工具，效果特别好！

我发布视频使用的封面

但新的问题出现了：AI生图工具太贵了！每生成一次，就要花费几十美分。

我就想，能不能把它做成一个网站，让大家都能便捷使用，用户可以自行注册、充值、生成图片！

就这样，这个想法诞生了。

二、别急着动手，先明确核心需求

很多人存在一个误区：有了模糊的想法就急着让AI开始工作。

这就像你跟设计师说“帮我做一张好看的海报”，对方肯定摸不着头脑。

所以，如果你的需求还不清晰，这一步就可以借助AI工具来梳理。

你可以对AI说：“我想做一个xxx工具，你能否通过提问帮我梳理需求，最终生成一份需求文档？”

之后AI就会问你各种相关问题：

经过一番沟通，一份清晰的需求文档就完成了。

这个阶段的关键是：你要清楚自己的需求，并且借助AI把需求描述得准确具体。

需求梳理清楚后，后续能减少80%的返工时间。

我开发的这个工具比较简单，解决的又是自己日常遇到的问题，所以我没有借助AI梳理需求，自己就能说清楚。

三、搭建基础框架，用自然语言生成初始网页

需求明确后，我把需求描述粘贴到Google AI Studio，让它先生成一个最基础的网页框架。

这里用的也是自然语言。

给到Gemini的话术

它几秒钟就生成了一个可用的网页。虽然功能简单、界面粗糙，但基本结构已经具备。

最原始的网页搭建完成

我可以在这里反复调试，告诉AI“按钮再大一些”“换个更舒适的颜色”，直到调整出满意的效果。

这一步就像先用泥巴捏出模型，看看整体感觉是否合适。

四、尝试多种AI工具，选择最优工具开发复杂功能

前端界面有了，但要实现用户注册、支付等复杂功能，Google AI Studio就无法完成了。

这时，就要用到我的编程“神器”——Claude Code！

我试过Lovable、Replit、Google Antigravity，都卡在各种bug里。但Claude Code一次就成功了！

打开电脑，按照Claude Code官网的“30秒快速开始”指南，输入几行命令就能完成安装。

Claude Code快速开始指南（官网：code.claude.com)

在这里，你只需像和朋友聊天一样，把所有想法告诉它。

我把从Google AI Studio下载的代码文件发给它，然后说：

“我想做一个带用户注册和支付功能的应用，把这个代码文件改造成可以对外发布的项目，应该怎么做？”

给到Claude Code的话术

它不会直接开始编写，而是像专业项目经理一样，先列出几个方案供选择：

• 用什么数据库？简单的还是复杂的？

  
  

  
  

• 付费方式是按月订阅还是单次支付？

  
  

• 支付接口用哪个平台？

  
  

我每做一个选择，它都会记录下来，然后生成详细的改造方案：

• 用户注册登录：用Supabase（现成工具）实现。

  
  

• 数据库：需要建几张表、每张表存储什么信息，都写得很清楚。

  
  

  
  

• 支付功能：如何接入Stripe，代码放在哪里。

  
  

  
  

• 部署：推荐用Vercel（网站托管平台），一键发布。

  
  

Claude提供的完整改造方案

五、做好“监工”，让AI高效工作

方案确定后，Claude Code就会像高效的程序员一样，开始编写和修改代码文件。

我需要做什么呢？

什么都不用做！只需要在旁边看着它操作！

当然，有些事AI暂时做不了，比如去Supabase网站创建数据库。

这时它会停下来提示：

“麻烦你去supabase.com注册账号，创建新项目，然后把这段代码复制粘贴进去。”

supabase操作界面

我就按照它的步骤，复制、粘贴、点击按钮完成操作。

操作完成后，回到终端告诉它“搞定了，继续”，它就会继续工作。

整个过程是：

我提需求→AI出计划→我确认→AI写代码→AI遇到问题→我手动配合→AI继续写代码

遇到不懂的地方，我可以随时问它：

“这一步是做什么的？为什么要这样做？”

它会耐心解释，不仅告诉我怎么做，还会说明原因。

这种边实践边学习的方式非常有效，能让人获得满满的成就感。

六、购买域名，让软件面向全球

代码写完后，本地网站就做好了。

但要让所有人都能访问，需要把它部署到云服务器上。

按照Claude的指示，我把代码一键部署到了Vercel。

Vercel会提供一个很长的链接，很难记住。

这可不行，我得给它买个“门牌号”（域名）！

我在namecheap.com花了10美金（两年期限，很划算），买下了covermagic.site这个域名。

然后按照Claude的教程，在域名网站和Vercel后台完成设置。

Vercel操作界面

几分钟后，我的网站就正式上线了！

我使用软件生成的封面

七、两点实用建议

在开发过程中，我总结了两点经验想和大家分享。

第一是明确需求：

工具再强大，也不知道你的具体想法。

花时间想清楚需求，和AI一起把需求梳理透彻，比让它反复修改代码更高效。

第二是从解决自身问题入手：

如果你不知道做什么，可以看看身边有没有天天重复、让你觉得麻烦的事。

把它交给AI，尝试做成小工具。

相信我，当工具真的帮你解决了问题，那种成就感非常棒！

之后你可以继续开发新产品，解决新问题，不断提出更好的想法，解决更大的问题，形成良性循环。

你会从一个完全不懂代码的人，变成新时代的“超级个体”。

希望我的分享能让大家看到更多可能性。

不要和别人比基础、比速度，只要今天的自己比昨天进步一点，就足够了。

本文来自微信公众号：凯莉彭，作者：凯莉彭