本文來自微信公眾號(hào)：凱莉彭，作者：凱莉彭，題圖來自：AI生成

最近AI的熱度簡(jiǎn)直居高不下！

從Agent Skills到Clawdbot，感覺一天不關(guān)注相關(guān)動(dòng)態(tài)就會(huì)被時(shí)代甩在身后。

但我猜想，肯定有不少朋友和我之前一樣心存疑惑：AI聽著確實(shí)厲害，可它和我到底有什么關(guān)系呢？

“我一個(gè)連代碼都不懂的小白，也能玩轉(zhuǎn)AI嗎？”

當(dāng)然能！而且我親身驗(yàn)證，僅花費(fèi)700元、用了幾天時(shí)間，就從無到有做出了一個(gè)可以正常使用的軟件產(chǎn)品！

今天就和大家分享一下我的實(shí)現(xiàn)過程。

這篇文章我會(huì)寫得非常詳細(xì)，確保大家都能看明白。

哪怕你是完全不懂技術(shù)的新手，也能跟著步驟走一遍。

一、萌生想法：為何要自己開發(fā)軟件？

先說說背景，我做視頻時(shí)每天都為封面圖發(fā)愁。

封面點(diǎn)擊率不高的話，內(nèi)容再好也難以被看到。

以前我是怎么解決這個(gè)問題的呢？

• 要么自己用制圖軟件費(fèi)力制作，效果卻不穩(wěn)定；

  
  

• 要么找設(shè)計(jì)師，一張圖要幾百元，溝通修改耗時(shí)久，等圖做好，視頻的熱度都過去了。

  
  

  
  

后來我嘗試了AI生圖工具，效果特別好！

我發(fā)布視頻使用的封面

但新的問題出現(xiàn)了：AI生圖工具太貴了！每生成一次，就要花費(fèi)幾十美分。

我就想，能不能把它做成一個(gè)網(wǎng)站，讓大家都能便捷使用，用戶可以自行注冊(cè)、充值、生成圖片！

就這樣，這個(gè)想法誕生了。

二、別急著動(dòng)手，先明確核心需求

很多人存在一個(gè)誤區(qū)：有了模糊的想法就急著讓AI開始工作。

這就像你跟設(shè)計(jì)師說“幫我做一張好看的海報(bào)”，對(duì)方肯定摸不著頭腦。

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

你可以對(duì)AI說：“我想做一個(gè)xxx工具，你能否通過提問幫我梳理需求，最終生成一份需求文檔？”

之后AI就會(huì)問你各種相關(guān)問題：

經(jīng)過一番溝通，一份清晰的需求文檔就完成了。

這個(gè)階段的關(guān)鍵是：你要清楚自己的需求，并且借助AI把需求描述得準(zhǔn)確具體。

需求梳理清楚后，后續(xù)能減少80%的返工時(shí)間。

我開發(fā)的這個(gè)工具比較簡(jiǎn)單，解決的又是自己日常遇到的問題，所以我沒有借助AI梳理需求，自己就能說清楚。

三、搭建基礎(chǔ)框架，用自然語言生成初始網(wǎng)頁

需求明確后，我把需求描述粘貼到Google AI Studio，讓它先生成一個(gè)最基礎(chǔ)的網(wǎng)頁框架。

這里用的也是自然語言。

給到Gemini的話術(shù)

它幾秒鐘就生成了一個(gè)可用的網(wǎng)頁。雖然功能簡(jiǎn)單、界面粗糙，但基本結(jié)構(gòu)已經(jīng)具備。

最原始的網(wǎng)頁搭建完成

我可以在這里反復(fù)調(diào)試，告訴AI“按鈕再大一些”“換個(gè)更舒適的顏色”，直到調(diào)整出滿意的效果。

這一步就像先用泥巴捏出模型，看看整體感覺是否合適。

四、嘗試多種AI工具，選擇最優(yōu)工具開發(fā)復(fù)雜功能

前端界面有了，但要實(shí)現(xiàn)用戶注冊(cè)、支付等復(fù)雜功能，Google AI Studio就無法完成了。

這時(shí)，就要用到我的編程“神器”——Claude Code！

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

打開電腦，按照Claude Code官網(wǎng)的“30秒快速開始”指南，輸入幾行命令就能完成安裝。

Claude Code快速開始指南（官網(wǎng)：code.claude.com)

在這里，你只需像和朋友聊天一樣，把所有想法告訴它。

我把從Google AI Studio下載的代碼文件發(fā)給它，然后說：

“我想做一個(gè)帶用戶注冊(cè)和支付功能的應(yīng)用，把這個(gè)代碼文件改造成可以對(duì)外發(fā)布的項(xiàng)目，應(yīng)該怎么做？”

給到Claude Code的話術(shù)

它不會(huì)直接開始編寫，而是像專業(yè)項(xiàng)目經(jīng)理一樣，先列出幾個(gè)方案供選擇：

• 用什么數(shù)據(jù)庫？簡(jiǎn)單的還是復(fù)雜的？

  
  

  
  

• 付費(fèi)方式是按月訂閱還是單次支付？

  
  

• 支付接口用哪個(gè)平臺(tái)？

  
  

我每做一個(gè)選擇，它都會(huì)記錄下來，然后生成詳細(xì)的改造方案：

• 用戶注冊(cè)登錄：用Supabase（現(xiàn)成工具）實(shí)現(xiàn)。

  
  

• 數(shù)據(jù)庫：需要建幾張表、每張表存儲(chǔ)什么信息，都寫得很清楚。

  
  

  
  

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

  
  

  
  

• 部署：推薦用Vercel（網(wǎng)站托管平臺(tái)），一鍵發(fā)布。

  
  

Claude提供的完整改造方案

五、做好“監(jiān)工”，讓AI高效工作

方案確定后，Claude Code就會(huì)像高效的程序員一樣，開始編寫和修改代碼文件。

我需要做什么呢？

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

當(dāng)然，有些事AI暫時(shí)做不了，比如去Supabase網(wǎng)站創(chuàng)建數(shù)據(jù)庫。

這時(shí)它會(huì)停下來提示：

“麻煩你去supabase.com注冊(cè)賬號(hào)，創(chuàng)建新項(xiàng)目，然后把這段代碼復(fù)制粘貼進(jìn)去?！?/p>

supabase操作界面

我就按照它的步驟，復(fù)制、粘貼、點(diǎn)擊按鈕完成操作。

操作完成后，回到終端告訴它“搞定了，繼續(xù)”，它就會(huì)繼續(xù)工作。

整個(gè)過程是：

我提需求→AI出計(jì)劃→我確認(rèn)→AI寫代碼→AI遇到問題→我手動(dòng)配合→AI繼續(xù)寫代碼

遇到不懂的地方，我可以隨時(shí)問它：

“這一步是做什么的？為什么要這樣做？”

它會(huì)耐心解釋，不僅告訴我怎么做，還會(huì)說明原因。

這種邊實(shí)踐邊學(xué)習(xí)的方式非常有效，能讓人獲得滿滿的成就感。

六、購買域名，讓軟件面向全球

代碼寫完后，本地網(wǎng)站就做好了。

但要讓所有人都能訪問，需要把它部署到云服務(wù)器上。

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

Vercel會(huì)提供一個(gè)很長(zhǎng)的鏈接，很難記住。

這可不行，我得給它買個(gè)“門牌號(hào)”（域名）！

我在namecheap.com花了10美金（兩年期限，很劃算），買下了covermagic.site這個(gè)域名。

然后按照Claude的教程，在域名網(wǎng)站和Vercel后臺(tái)完成設(shè)置。

Vercel操作界面

幾分鐘后，我的網(wǎng)站就正式上線了！

我使用軟件生成的封面

七、兩點(diǎn)實(shí)用建議

在開發(fā)過程中，我總結(jié)了兩點(diǎn)經(jīng)驗(yàn)想和大家分享。

第一是明確需求：

工具再強(qiáng)大，也不知道你的具體想法。

花時(shí)間想清楚需求，和AI一起把需求梳理透徹，比讓它反復(fù)修改代碼更高效。

第二是從解決自身問題入手：

如果你不知道做什么，可以看看身邊有沒有天天重復(fù)、讓你覺得麻煩的事。

把它交給AI，嘗試做成小工具。

相信我，當(dāng)工具真的幫你解決了問題，那種成就感非常棒！

之后你可以繼續(xù)開發(fā)新產(chǎn)品，解決新問題，不斷提出更好的想法，解決更大的問題，形成良性循環(huán)。

你會(huì)從一個(gè)完全不懂代碼的人，變成新時(shí)代的“超級(jí)個(gè)體”。

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

不要和別人比基礎(chǔ)、比速度，只要今天的自己比昨天進(jìn)步一點(diǎn)，就足夠了。

本文來自微信公眾號(hào)：凱莉彭，作者：凱莉彭