短文2025.12.12約 3 分鐘

我用 Vibe Coding 做了一個 Vibe Coding 資源網站

我用 Vibe Coding 做了一個 Vibe Coding 資源分享網站，收錄了我覺得不錯的資源，以及我追蹤過或聽過的 Vibe Coding 界相關分享者。

網站內容包括我自己寫的 Vibe Coding 文章，以及我做的一些專案。這算是用 Vibe Coding 的方式「策展」我這一年多來的記錄。

這個網站整理了蠻多資源。這篇文章我會挑出一些我特別喜歡的資源給大家。想看更多的話，可以去網站裡看我整理的資源和這一年來的案例。

我喜歡的一些 Vibe Coding 資源：

我用了一年的工具，很好上手的一個全端架設工具，讓我可以透過 Vibe Coding 把前後端架設出來，內建資料庫、可以串 API、自訂網域、內建數據分析、安全性掃描功能。

我的創作邦就是全部用 Lovable 架設到現在用了一年了。

讓我能免費測試各種想法好工具，不管是測試、好玩都是一個很棒的開始，推薦給第一次想嘗試的人，尤其現在 Gemini 3 模型生出來的 UI 好看很多。

另外這還有一個好處是串 Google 自家的各種 API 超方便，不管是 Nano Banana 或地圖 API 等，都是一句話的事情。

我第一個接觸的 IDE 類工具，蠻好上手的，不過新手可能會因為一開始看到不到畫面有點阻力，但稍微研究一下怎麼部署，就會玩的很開心。

另外我用 Cursor 最多的地方是建立 Figma Plugin，總共製作發佈了 5 個，都能在官方 Plugin 系統中找到(我網站有放)。

想要好看的 UI，就不能錯過這網站，上面有各種 UI 組件，Hero、Button、Footer 等等區塊都能找到好看的組件。

最大的特色是能複製程式碼外，它提供 Lovable、Cursor、Claude Code、V0、Replit、Bolt.new 的專用 Prompt，可以讓你複製後直接貼到這些工具中使用。

你設計網站可能會需要做圖，Figma 免費又好用，假設你需要一些 UI 的組件，Figma 又剛好是 UI 專用工具，官方社區也很多免費的素材資源，所以搭配 Vibe Coding 真的會很超好用。

另外是 Figma 學起來後還有很多好用功能，例如 Slide 可以做簡報(能直接用 Figma Plugin 超方便)，Figma Make 是 Vibe Coding 工具，能直接生成網站，FigJam 則是白板工具，適合討論跟畫流程圖。

假設你設計的圖主要都在網路使用，且為了方便、多人協作，那很推薦了解 Figma。

AI 架站好選擇，因為真的超方便跟便宜，我們用 AI 架站可能都不是大流量服務，如果自己去租，常常都會租貴但用不了那麼多流量。

除了這理由外，更重要的是他們是台灣公司，客服超級棒！而且有些人在 Threads 發文提到他們，可能他們的人就會出現在留言回覆了 XD

圖床工具，主要是有些時候網站用圖片用連結更方便，所以需要一個放圖的網站，之前找過很多來使用，但發現圖片都會被壓縮，畫質很差，這個少量使用免費外，圖片畫質還能維持高畫質。

超方便的抓網站內容服務，貼上連結就可以快速把內容抓下來輸出 Markdown、Json 格式，想快速把網站內容抓下來做其他使用或變成 Vibe Coding 資料超方便。

然後這網站設計真的超級好看。

Vibe Coding 出來的網站或工具可以再串接這些自動化工具做更多事情，例如我做過網站串 n8n，可以把網站變成操控介面來控制 n8n，又或是我創作邦其中 AI 新知分享有串蘋果捷徑，我一鍵就能把 X 上看到文章發布到網站。

這些工具能讓 Vibe Coding 發揮更大的效益。

新手 Vibe Coding 上手推薦，透過 Google Sheet 能做很多事情，我做過的像是群發信件、把資料傳到自架網站、抓關鍵字搜尋前幾名網站名稱等。

這個資源網站是用 Manus 做的。它原本不是 Vibe Coding 工具，而是更擅長用 AI Agent 去爬資料、處理事情。但推出 Vibe Coding 功能後，我發現它很適合做成資料整理類的網站，。它可以直接幫你爬內容、抓圖，然後搭建網站。

我能在兩天左右把這個網站做起來，就是因為大部分時候我只要給它方向和要抓的資源，它就能幫我完成網站。連介紹文案都可以直接讀取網站內容來寫，非常方便。

資源網站我放在留言，大家可以查看，像是 Manus 很歡迎透過我的連結加入，可以免費獲得 500 點(我也能獲得 500 點，可以讓我更好的維護這網站，感謝大家)。

未來 Vibe Coding 只會越來越方便，我會繼續嘗試做更多網站和工具，然後分享出來。因為真的很好玩。我未來會把這些內容都放在創作邦裡面。

希望這個網站的內容對大家有幫助。如果你喜歡的話，可以幫我多分享出去，讓更多對 Vibe Coding 有興趣的人了解。