嗨大家好!👋 我是 AIsland 的創建者,很開心新功能交流區終於上線了!想藉這個機會聊聊這個網站是怎麼誕 生的,以及一些"生成"(不敢自己說是"開發")的心得。 ■ 起心動念 其實一開始我只是想解決一個問題:這陣子除了沈迷自己 Vibe Coding 做東西,也喜歡去看別人做的東西,發現大家做出來的東西都很酷,但往往發在社群後,貼文沉下去就沒人看到了。 如果有一個地方可以把大家用 Claude Code、Cursor、Antigravity... 做出來的有趣作品都蒐集起來好像還不錯? 想到就是去做! ■ 我 Vibe Coding 的真實體驗 之前我自己已經 Vibe 了超過十個專案,其中也不乏已經有在商用收費的服務,所以在已經有些經驗的狀況下,這個網站從「有了Idea」開始到「第一個作品上架」大約是兩天的時間。整個網站我自己完全沒寫過一行Code,完全使用自然語言在跟AI溝通(我是用Claude Code)—— 分享一小段我實際寫給 AI 的需求: 1. 用戶個人頁面 - 展示該用戶所有作品 2. 作品編輯功能 - 讓用戶修改已提交的作品 3. Pro 專屬設定 - 讓 Pro 用戶設定自訂網址、不公開連結 4. 檢舉功能 - 完整的回報流程 5. 搜尋功能 - 依關鍵字、標籤搜尋作品 6. 篩選功能 - 依類型、階段篩選 7. Email 通知 - 作品被精選時通知作者 8. 資料分析 - 作品瀏覽統計(僅作者可見) 9. 作品留言功能&管理 10. 留言按讚功能 11. 用戶可以放上自己的「回饋問卷」連結,讓訪客可以進去填寫,幫助用戶收集 產品回饋或是潛在使用者名單 12. 一起討論一下,為了讓用戶有更大的誘因上來提交作品,以及增加用戶和訪客 的黏著度,每一個作品底下是不是應該可以讓訪客留言以及讓用戶留言、回覆, 並針對留言按讚 13. 一起討論一下,其他的用戶(或是有註冊的訪客)可以對別人的作品按讚嗎? 有注意到第12,13項嗎,我還蠻喜歡跟Claude Code討論需求的,有多個方案的話會叫他列出不同方案各自的pros & cons,個人覺得很有幫助,方便我判斷採用哪一個解決方案之外,也等於請AI思考過一次之後要開發的內容。 當然整個開發過程有時候很順,有時候會卡關。幾個小心得: 🔹 Prompt 要具體:不管是有一個需求需要開發,還是發現了bug的地方,把整體情境和環境描述得越清楚,解釋地越細,出來的精準度和效果越好。 🔹 不要怕麻煩:有時候就是得一步一步、一個一個bug慢慢修 🔹 學會看錯誤訊息:即使不完全懂程式碼,至少要能把錯誤訊息讀懂,這樣才能有效跟 AI 溝通 🔹 保持好奇心:每次 AI 給出的解法,我都會試著理解「為什麼這樣寫」,慢慢地也學到了不少東西 ⭐ 我很愛用的一句Prompt,卡關的時候務必試試: **請以更高層次的角度來看這個問題,角色扮演出兩個不同專業程式背景的資深專家角色來檢視完整的程式碼後互相討論,然後系統性地從根本問題上修復!並確保這個修復有真正長期、根本上的解決,並且不會造成其他功能故障或是者是技術債的產生!Think Hard!** ■ 這個網站還很年輕 AIsland 還有很多不完美的地方,功能也在持續新增中。但我相信最重要的是先做出來、先 上線,然後根據大家的回饋慢慢改進。 這也是 Vibe Coding 精神的一部分吧 —— 不追求一開始就完美,而是快速迭代、持續進化。 最後 如果你也是 Vibe Coder,或者對 AI 輔助開發有興趣,歡迎在這裡分享你的作品和心得! 不管是踩過的坑、學到的技巧、還是純粹想 show off 一下你的 side project,這裡都歡迎~ 讓我們一起把這個小島變得更熱鬧吧!🏝️ 