本文转载自作者个人博客,原文地址: profile.ikit.fun/blog/2025-01-04-indie-hacker-mvp

作为独立开发者,有了产品想法以后,最重要的就是快速实现 MVP ,上线验证想法然后根据情况迭代。
如何快速实现 MVP ,对于部分开发者来说存在一定的困难,这些困难可以通过结合 AI 来解决。
存在的困难

后端程序员设计 UI:部分独立开发者之前可能一直从事的后端开发,而独立开发要求的是从产品设计、UI 设计到后端开发的全栈能力,UI 设计就成了短板,设计一套看得过去的 UI 可能旷日持久,甚至因为挫折重重最后导致产品夭折。
拖延症患者行动困难:即使是有这些能力,但是实现 MVP 也不是轻而易举的事情,有大量的代码要写同时没有考核的担忧,很容易拖延下去,到最后同样不了了之。

解决方法
最近在 twitter 上看到一个结合 AI 快速实现 MVP 的方法,可以抹平后端开发者前端能力的差距,同时只需要输入 prompt 就可以实现产品的基础原型。在这里以 个人网站 作为例子分享一下。
我的个人网站就是这么生成的。

  1. 先整理产品需求。
    在开始写代码之前,先简要的整理产品的需求,明确以下几个问题:

什么产品? WEB APP 还是 手机 APP 或者其他什么产品?
它能给用户产生什么价值,带来什么好处?
目标用户?
它能解决什么问题?它的主要目标是什么?

例子:我在设计个人网站,主要用于介绍自己、宣传自己过去做的项目、以及发布一些自己写的文章,同时也让大家可以联系到我。
需求越清晰、越明确、越简洁,效果越好。

  1. 使用 CHATGPT 或其它 AI 生成产品特性。
    使用上一步整理出的产品需求,结合 CHATGPT 生成可执行的产品特性。在对话框里输入如下 prompt:
    这是项目的需求描述: (上一步总结的需求描述),生成一系列可执行的关键特性和技术需求,以便实现这个网站的 MVP 。对于个人网站, 最好有如下面面:

landingpage
blogs page
projects page
contact me page

3.再使用 CHATGPT 生成的产品特性,生成产品需要的页面的描述。
在对话框里输入如下 prompt:
基于这个产品的需求和特性,罗列出构建这个产品所需的所有页面。

  1. 使用 Lovable/Bolt 构建产品的首页面。
    使用第 1 步总结的需求描述以及第 3 步生成的产品页面结构,结合 Lovable 生成基础的代码。可以使用如下 prompt:
    这是项目的需求描述:我在设计个人网站,主要用于介绍自己、宣传自己过去做的项目、以及发布一些自己写的文章,同时也让大家可以联系到我。使用这个项目结构 (上一步生成的结果)生成一个简洁的、响应式的且有审美的设计。
  2. 完善 landing page.
    landing page 是 MVP 的关键,Lovable 可以很简单的完成你的需求,你只需要将自己的需求告诉 Lovable ,然后检查生成的结果,再完善。直到符合你的审美和需求。
  3. 完善其它页面
    使用同样的方法,不断的完善其它页面,使其最终符合你的审美。

使用 GHATGPT 定义页面结构。
Lovable 生成 UI 。
使用 PROMPT 完善页面。

  1. 使用 Lovable 连接 Supabase
    Lovable 可以连接 Supabase ,这样你就可以直接生成前后端兼备的 MVP ,然后获取用户反馈。如果用户反馈比较好,可以继续后续的步聚。
  2. 使用 cursor/windsurf 进一步开发。
    Lovable 可以与 github 同步,我们可以把代码克隆下来,使用 cursor IDE 进行进一步的开发,比如你不打算用 supabase ,需要对接自己的 api 。
    同时我们在开发的过程中,如果有新的界面需要设计,还可以回到 Lovable 进行设计。
    总结
    AI 时代,我们有各种各样的工具实现产品需求,对于独立开发者来说,使用这些 AI 工具可以更有效率的实现 MVP 。

CHATGPT/CLAUDE 用来做计划和产品特性设计。
LOVABLE/BOLT 用来做 MVP 生成、部署、获得反馈、快速迭代。
CURSOR/WINDSURF 用来做进一步开发。

原文地址: profile.ikit.fun/blog/2025-01-04-indie-hacker-mvp
开源项目:Certimate-开源的 SSL 证书管理工具
感谢阅读,更多精彩内容请访问作者博客。

这种解构上的解构没有任何说服力,之前不是有位老哥独立开发 steam 游戏么?他的分享就是真情意切,并且有东西的。

"使用同样的方法,不断的完善其它页面,使其最终符合你的审美。"
就这花的时间和钱不如找个外包来的快,想让 AI 产出同一种风格的 UI 图,这本身就是一个受众很广的产品

那篇帖子可以指路一下吗,想学习

移到推广去吧

MVP 是什么

这篇其实是货真价实的,楼上几位你们在说什么?

hesudu.com/t/1102126 应该是这篇?

Minimum viable product ,最简可用产品

你评论是从信息获取的角度,我发贴子是从信息分享的角度,我分享的东西能帮助到别人就达到目标了。

这篇文章推广什么了? cursor? lovable? 还是推广了我的个人网站?

几十块钱加半个小时的事情,找外包真能这么便宜吗?

几十块钱加半小时你能让 AI 给你出几个风格统一的页面?把你的页面 show 出来

非常好的文章! op 可以分享一下项目管理方面的经验吗?同时有多个项目在推进的时候,如何分解需求和安排时间,感觉独立开发者很需要这方面的技能

卖课?

方便放出的项目放在个人网站的项目展示里了,你可以看一下,个人网站也是 AI 生成的

如果你仍然觉得外包效率高且便宜的话,那你是对的

后端可以用 appwrite (自己部署一个)
就不用自己写后端了

你可真是个小机灵鬼😀

ai 生成的最大问题是代码难以维护迭代。。。尤其是整个项目生成式的,代码自己都完全不熟悉,就算熟悉之后改起来也困难重重,以前也尝试过,后面发现不如找个友商网站自己抄一遍。。。不过 ai 生成一套图标和背景图之类的还是蛮方便的

不懂就问,MVP 是什么意思?

所以 MVP 是什么

分为 2 种情况吧,

不懂代码的人:不需要懂,MVP 反馈很好的话,直接找团队解决就可以了。
懂代码的人:在对接口、调细节的时候,基本对整套代码都熟悉了。

我的情况是会写前端,但是很难写出或写不出好看的 UI ,用 ai 生成整套的产品,有必要的话我在生成的基础上改就行了。

会写前端就更应该去抄友商了,抄一下花不了多少时间,后续迭代花费的时间远小于改 ai 的代码。。。除非说这个网站生成完就不维护迭代了,那就另说

我还以为是 微软 MVP ( Microsoft Most Valuable Professional ) ,一下就点进来了

知道大致需求了难道不是去 github 上扒一个类似的模板来搞么?比这样从头慢慢用 gpt 写可快多了。
比如帖子里的 landing page ,去 landing page 的关键词查一下,稍微花时间选一下一定能够弄出更加有审美的成果物的。

我以为 MPV 。。

好的,我确实不应该做这样的评论。

楼主说的是方法论,另外一篇更多的是实操

你这个 MVP 不正经,不是我以为的 MVP ( Model 、View 、Presenter )

有这么几个问题:

  1. 如果是一个复杂系统,当前 ai 是否能做到,或者应该怎么借助 AI 做到。
  2. 如果 AI 使用了我不熟悉的技术栈,运行成功了,后续我有迭代功能,让 AI 做又做不出来,我又不能推到之前的技术,这种情况应该怎么办?
    2.2 还是自己不熟悉的,AI 代劳了,但是有 BUG ,不知道该如何解决,描述了问题,描述了需求,AI 给出来的东西,依然没解决。

关于 AI 做 mvp ,它确实有帮助,同时也有局限。大家也不要用它的局限去攻击它不行。也不要拿着它的局部优势去吹它万物皆可。

看起来重要的还是提示词

复杂系统确实做不到,这篇文章的标题也表明了目标是如何快速实现 MVP

我也从不吹捧 AI 有多在万能,只是分享一个思路,大家还是要结合自己的经验来权衡是否可行。

用 Bolt 构建基础 UI 与框架,然后用 Github Copilot Edit 拓展功能以及对接后端接口,这种开发模式真的是后端开发福音,只会 vue 一点皮毛,生成的项目是 React 的,全程没写一行代码。

我觉得 Bolt 之类的 AI 对定义 UI 风格起到重要的作用,一旦风格定好,后面用 cursor 或者 Github Copilot 去拓展功能,UI 还是会保持与之前一致的。

小米开放 api 可以个人调用?