整個網站，我用一支手機 vibe coding 出來的

你現在看到的這個網站（tensorowl.dev），從買網域到正式上線，我幾乎全程用一支手機完成。沒開筆電、沒在本機裝環境、沒打開終端機——大部分時間我是躺在床上，一邊滑手機一邊把它生出來的。

這篇想完整記錄這條路線，重點放在「手機 vibe coding」這段；買網域、部署、數據那些就輕輕帶過，因為它們其實都只是幾個按鈕的事。

但這篇真正想講的是一個概念：我覺得，現在用一支手機，就能開發出一個 MVP。 不是玩具、也不是 demo——而是一個有自己網域、會自動部署、能被 Google 跟 AI 爬蟲找到、真的能拿出去給人用的產品雛形。下面就是我親自走過一遍的證明。

先把無聊的部分講完（網域 + 部署）

網域：在 Spaceship 買了 tensorowl.dev。介面乾淨、.dev 也不貴，手機上幾分鐘結帳完成。
部署：用 Cloudflare 的免費方案。網站是 Astro 做的純靜態站，Cloudflare 直接綁我的 GitHub repo——每次 push 到 main 就自動重新 build、部署，免費額度對個人作品集綽綽有餘。
DNS / 驗證：也都在 Cloudflare 後台點一點。

這三步加起來，大概就是「填表、貼上、按確認」。真正有趣的是中間怎麼把 code 寫出來的。

「Vibe coding」的意思是：你負責描述「想要什麼」，把「怎麼寫」交給 AI agent。你出意圖跟品味，它出實作。

我用的是 Claude Code on the web（claude.ai/code）。它跟桌面的 Claude Code 不一樣的地方在於：它跑在 Anthropic 的雲端 VM 上，不是你的電腦。你只要：

因為運算在雲端，手機只是一個「下指令 + 看結果」的薄客戶端。Session 關掉瀏覽器還在跑，還能從 Claude 手機 App 監看進度。所以手機螢幕小、不能編譯、沒有 IDE，通通不是問題——那些都在雲端。

實際上這個網站的每一個改動，我都是用「講的」：

「標題離上面那條 header 線太近，整個版面怪怪的」→ 它去查，發現是 .wrap 的 CSS specificity 把 padding-top 蓋掉了，修好還順手做了響應式。
「幫我把社群連結、合照、自我介紹加上去」
「Cloudflare 部署失敗了」→ 它讀 build log，定位到 sharp（圖片最佳化套件）在 pnpm 環境下找不到，加成直接相依就解決。
「幫我寫一份給 LLM 爬蟲看的 llms.txt」、「SEO 標題改成 tensorOwl、中英統一」……

我做的事其實是兩件：把需求講清楚，以及判斷它做得好不好。後者很關鍵——vibe coding 不是放生，你還是要會看。它每次都會附上截圖跟變更說明，我就看著驗收，不對就再講一句叫它調。

Claude 開好 PR 之後，我直接在手機的 GitHub（網頁或 App）上：

Merge 進 main 的那一刻，Cloudflare 自動觸發重新部署，幾十秒後線上就更新了。整個「想法 → 改 code → 審核 → 上線」的迴圈，完全在手機上閉環，中間我一次電腦都沒碰。

小提醒：審 PR 還是要認真看 diff，不要因為在手機上就亂按 merge。我自己被一個「部署失敗」教訓過——後來養成習慣：看到綠燈、看懂改了什麼，才合。

上線只是開始，還要知道有沒有人來、Google 找不找得到：

GA4：加一小段 gtag.js、設好 Measurement ID，就能看流量。
Google Search Console：Astro 會自動產 sitemap-index.xml，我在 GSC 提交 sitemap、用網域供應商驗證所有權，Google 就開始收錄。
順手也放了 llms.txt 跟 robots.txt，讓 ChatGPT、Claude 這些 LLM 爬蟲也找得到我。

這幾步一樣都是手機上點一點完成的。

我不是要說「手機能取代電腦」——複雜的專案還是需要更紮實的工程環境。但回到開頭那個概念：我真心覺得，現在用一支手機就能開發出一個 MVP。 如果你的目標是驗證一個點子、做一個作品集、上線一個簡單的產品雛形，那麼 2026 年的今天，一支手機真的就夠了——這個網站就是證據。

工具把門檻從「你會不會寫 code」往下挪到了「你會不會描述需求、會不會判斷品質」。對我這種政治系出身、半路轉軟體的人來說，這件事的意義很大：想法跟上線之間的距離，從來沒有這麼短過。

下次有個小點子，別等回到電腦前了——掏出手機就能開始。