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

最近AI的熱度簡直居高不下！

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

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

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

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

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

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

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

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

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

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

以前我是怎么解決這個問題的呢？

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

  
  

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

  
  

  
  

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

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

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

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

就這樣，這個想法誕生了。

二、別急著動手，先明確核心需求

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

這就像你跟設計師說“幫我做一張好看的海報”，對方肯定摸不著頭腦。

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

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

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

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

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

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

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

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

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

這里用的也是自然語言。

給到Gemini的話術(shù)

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

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

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

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

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

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

這時，就要用到我的編程“神器”——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ā)給它，然后說：

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

給到Claude Code的話術(shù)

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

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

  
  

  
  

• 付費方式是按月訂閱還是單次支付？

  
  

• 支付接口用哪個平臺？

  
  

我每做一個選擇，它都會記錄下來，然后生成詳細的改造方案：

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

  
  

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

  
  

  
  

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

  
  

  
  

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

  
  

Claude提供的完整改造方案

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

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

我需要做什么呢？

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

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

這時它會停下來提示：

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

supabase操作界面

我就按照它的步驟，復制、粘貼、點擊按鈕完成操作。

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

整個過程是：

我提需求→AI出計劃→我確認→AI寫代碼→AI遇到問題→我手動配合→AI繼續(xù)寫代碼

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

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

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

這種邊實踐邊學習的方式非常有效，能讓人獲得滿滿的成就感。

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

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

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

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

Vercel會提供一個很長的鏈接，很難記住。

這可不行，我得給它買個“門牌號”（域名）！

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

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

Vercel操作界面

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

我使用軟件生成的封面

七、兩點實用建議

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

第一是明確需求：

工具再強大，也不知道你的具體想法。

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

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

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

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

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

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

你會從一個完全不懂代碼的人，變成新時代的“超級個體”。

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

不要和別人比基礎、比速度，只要今天的自己比昨天進步一點，就足夠了。

本文來自微信公眾號：凱莉彭，作者：凱莉彭