曾经的我，作为一名设计师，对代码世界的复杂望而生畏。“AI时代人人都是开发者”的宣言，对我来说像是一句遥不可及的广告语——毕竟，我连完整的HTML标签都记不全！

然而，就在短短的时间里，我竟然真的亲手从零到一，独立开发并上线了一个功能完整的网站：promptbox.art

这一切，绝非我天赋异禀，而是因为我找到了照亮“技术深渊”的明灯： ChatGPT, v0.dev, Cursor, Claude Code 等AI工具。它们就像是一把把神奇的钥匙，为我这个技术小白打开了独立开发的大门。  这个过程，就是在摸索中搭积木。以下是我从零开始的5步旅程复盘：

第1步、让AI做我的“产品经理”（需求精准定位）

我只有一个模糊的念头：做一个设计师专属的AI绘画提示词(Prompt)分享平台，帮设计师兄弟们高效“驯服”AI。

 把想法抛给AI大模型（Chatgpt、Claude、deepseek、Gemini等）后，这位不知疲倦的“AI产品经理”立刻开工：网站定位？目标用户画像？核心功能模块？技术栈选择？甚至后续的运营增长策略……它都能条理清晰地帮我梳理出来。 

我的需求也在对话中不断迭代： 

• “方案能不能再简单点？后期运营压力大怕Hold不住。” 

• “核心功能到底该有哪些？登录？上传？分类？”

 • “具体账户系统怎么做？手机验证码登录，用户传图/传Prompt/选标签…能行吗？” 

• “最后，给我一份小白也能看懂、能直接开干的详细需求文档！”  

几轮沟通下来，一份清晰可行的开发蓝图就基本诞生了！方向明确，才能少走弯路。

第2步、v0：一键生成“能点击”的原型（惊喜时刻）

拿着这份AI出品的需求文档，我登录了v0.dev，直接把文档粘贴进去，点击生成…如同魔术般，一个可交互的网页草稿瞬间呈现眼前！  

更神奇的是，v0.dev直接集成了Supabase（用于存储数据的后端服务）。这意味着，它生成的前端界面连接的就是真实的数据库！虽然作为小白的我，为了弄懂Supabase建表、关联数据，在AI的陪伴下摸索了很久，但看到真实数据在前端动态展示的那一刻，所有辛苦都值了。

第3步、Cursor – 在“改崩了”的代码中成长（小白渡劫）

把v0生成的代码下载到本地，用Cursor（一个强大的AI代码编辑器）打开项目文件夹。

至此，真正的“硬仗”才刚开始——调整UI细节、修复Bug。 

这个过程堪称“技术小白渡劫实录”： 

• 常常改了一行代码，结果整页布局坍塌，“牵一发而动全身”体验拉满。

• 最崩溃的一晚： 修改一个样式文件后，整个页面变成了雪白一片！找不到原因，也回不去了…最终只能含泪回滚到之前的代码版本。

血泪教训： 立刻学会勤用GitHub提交代码！每改好一小块功能，马上git commit一次。这就是你犯错后的“后悔药”！ 

 Cursor的AI助手帮助巨大，但改动的复杂性和不可预知性，依然让过程充满挑战。

第4步、效率加速器：MCP 与 Claude Code

在Cursor里安装了MCP插件（Multi-Cursor Programming，多光标协同编程） 后，感觉瞬间给自行车装上了火箭发动机！对我最有用的两个MCP：

  1、Supabase： 用自然语言描述我要的数据操作（增删改查），AI直接生成所需的后端代码，省掉研究复杂文档的时间。 

  2、Playwright： 它不仅能写自动化测试脚本，更能“自检自查”！让AI自己去检查页面的错误并尝试修复，比自己分析错误再告诉AI怎么改，效率翻倍！ 

后来听说Claude Code（另一个强大的编程AI）表现更猛，还支持Kimik 2模型，立马安装试用。效果炸裂！ 那些困扰了我好几天、用Cursor反复调试无解的Bug，Claude Code一天之内就帮我扫清了障碍！ 修改Bug的效率实现质的飞跃。

第5步：给“孩子”上户口 – 域名与部署（大功告成）

当本地运行一切完美后，是时候给网站“安家落户”了：

1、代码上传到GitHub（就是之前用来“后悔”的那个平台）。

2、使用Vercel部署！把GitHub项目指向它，Vercel会自动构建、发布网站。操作简单，速度快到飞起。

3、域名购买： 在Spaceship花十几块钱就买到了心仪的域名promptbox.art一年使用权。把域名绑定到Vercel的教程，问AI就可以搞定！

最终成果：欢迎注册体验promptbox.art！

这是一个专门为设计师打造的AI绘画提示词(Prompt)分享平台。

它的使命很简单：汇聚设计师日常工作中真正好用的AI绘画Prompt。帮助大家相互启发，快速找到提升工作效率的“AI魔法咒语”。让AI绘画更好地服务于设计工作流。

 诚挚邀请大家注册体验，分享你的prompt，并提出宝贵的意见，这个由“技术小白+AI”联手打造的网站，还在成长中，非常需要大家的建议让它变得更好！

最后，我想对所有和我一样、心怀想法却畏惧技术的朋友说：

我的故事证明，在AI工具的赋能下，“从想法到产品”的道路从未如此平坦。AI大模型当你的产品经理，v0.dev一键出原型，Cursor/Claude做你的贴身工程师…你只需要：清晰的思路，敢于尝试的勇气，和一点解决问题的韧劲。

别再让“我不会”阻碍你的创意！ 下一个用AI实现产品梦想的人，就是你。

都看到这了，点个赞再走吧

Powered by Froala Editor