這是一段真實的 Roamer AI 對話。我們開了一個全新的 WordPress，扮演賣台灣茶的品牌「青嶼茶事」，只描述想要的感覺，版面全部由 AI 量身設計。
從第一次開口到客人能下單，每一句提示詞、AI 做了什麼、做出來的畫面，全部照順序放在這裡。
「青嶼茶事」是示範用的虛構品牌，電話、地址、銀行帳號都是示範資料。
同一個 Roamer AI、同樣的自由設計模式，換一個品牌就是完全不同的網站
中間沒有人寫程式、沒有人排版，也沒有套用任何模板，只有會員跟 Roamer AI 的對話。拖曳中間的把手比較看看。
開始完成
互動示範・兩張都是實際截圖
5
個頁面＋全站頁首頁尾
10
張 AI 生成的照片
3
款商品、2 種付款方式
3
種運費規則（含離島）
左邊是每一步做出來的畫面：滑過去會自動捲完整頁，點一下可以放大。右邊是會員和 Roamer AI 的對話，深色是會員送出的原句，可以展開、直接複製。
第一則訊息・AI 作業 28 秒・沒有修改網站
開始前：剛裝好的 WordPress
會員
嗨，我剛開了這個 WordPress 網站，想做我們家茶葉品牌「青嶼茶事」的官網兼網路商店。我們賣台灣高山烏龍、東方美人、紅茶，客群是 25–45 歲喜歡質感生活的上班族。先幫我看一下網站現在的狀況，告訴我接下來怎麼做比較好。
完成 4 個動作
Roamer AI
網站我看過了，這是一個剛安裝好、還沒開始設定的空站。建議分四步做：基礎設定、品牌設計、商店、頁面和收尾。茶的品牌很容易做成「深綠＋金色＋宋體」的老套風格，我會避開這種做法。 開始之前請補上資料：聯絡方式和價格我不會自己編，有填的才會放上網站。
第一句先講清楚三件事：你是誰、要做什麼、給誰看。再請它「先看狀況、給建議」，AI 會先盤點、列計畫，不會一開口就動手改網站。
首頁設計・AI 作業約 12 分鐘
會員
品牌故事：我們是第二代茶人，和阿里山、坪林的小農契作，堅持自然農法、少量焙火，想讓忙碌的上班族也能好好喝一杯茶。一句話：「從雲霧山嶼，到你的杯裡」。 電話 02-2345-6789，Email [email protected] 門市：台北市大安區復興南路一段 100 號，營業時間週一到週五 10:00–19:00，週末公休 商品：阿里山高山烏龍 150g NT$680、東方美人茶 75g NT$880、日月潭紅玉紅茶 100g NT$520 沒有 logo。感覺想要像清晨在山上泡第一壺茶：安靜、有留白、看得到霧氣的層次。年輕一點，像生活風格品牌，不要傳統茶行那種紅金禮盒感，也不要老派的中國風。 付款和運費下一步再弄。設計方向你直接定，先把首頁和頁首頁尾做出來，我看過喜歡再做其他頁。
完成 8 個動作
Roamer AI
首頁和全站頁首、頁尾都做好了。設計概念是「晨霧筆記」：整個首頁像清晨在山上記下的一頁筆記，霧從山稜一層一層退去，最後落到你手上的那杯茶。首屏和頁尾有三層會慢慢飄動的霧層山稜；每一段開頭標一個時間，像筆記上的時間戳：05:30 霧起、06:10 茶單、06:40 茶人、07:00 燒水、10:00 門市開門（剛好是你們真正的開門時間）。 配色是霧白、霧灰和墨色，再用一點曙光橘當強調色，刻意避開茶行常見的深綠配金、紅金禮盒和宋體。
風格不用懂設計名詞：用一個畫面描述感覺（「像清晨在山上泡第一壺茶」），再講你不要的樣子。AI 會照你的話量身設計，不是從模板裡挑。先只做首頁，看過喜歡再往下，方向不對也好改。
其他頁面・AI 作業約 17 分鐘
會員
首頁很喜歡！照同樣的風格把「關於青嶼」「茶品介紹」「品茶指南」「聯絡我們」四頁做出來，聯絡我們要有可以留言的表單。做好後選單改成連到這些頁面。
完成 5 個動作
Roamer AI
四頁都做好並上線了，導覽選單也改成連到這四頁。延續首頁的「晨霧筆記」，每頁開頭都有霧層山稜，段落標籤的時間一路往後走：天還沒亮（關於）→ 06:10 茶單（茶品）→ 07:00 燒水（指南）→ 10:00 門市開門（聯絡）。 請你確認：沖泡參數是一般建議值；製茶步驟、「我們不做的事」這幾段是我依照你的品牌故事寫的，和你們實際做法不同的地方請告訴我。
說「照同樣的風格」，新頁面就會沿用首頁定好的配色、字體和視覺記號。AI 自己補寫的內容會標出來請你核對，記得看一遍。
微調・AI 作業約 2 分鐘
會員
四頁都很好看！有個小地方：我用電腦看，首頁最上面的大標題和下面那段字，比左上角的「青嶼茶事」更靠左，幾乎貼著螢幕邊緣，看起來沒對齊；其他頁最上面的標題也一樣。幫我每一頁都修一下。另外首頁大標題想改成「一口山嵐，一杯好茶」。
完成 5 個動作
Roamer AI
五頁的對齊都修好了，首頁大標題也改成「一口山嵐，一杯好茶」。原因是首屏文字只放在左半欄，左邊距只拿半欄的寬度去算，縮到最小值 24px，看起來就貼著螢幕邊緣。現在全站的左右邊距統一用整個螢幕寬度計算，五頁一次都對齊了「青嶼茶事」。 瀏覽器分頁和頁尾還是原本的標語。你只說要改首頁大標題，所以這兩個地方我沒改，要不要也換成新句子？
回報問題時講「用什麼裝置、哪個位置、看起來怎樣」，例如「電腦版、大標題比左上角的品牌名更靠左」。不用知道原因，AI 會自己查。
開始賣東西・AI 作業約 5 分鐘
會員
很好！標語維持原本的就好。開始架設商店吧：三款茶都上架，商品圖用你之前生的就好，分類分成「烏龍茶」和「紅茶」。首頁和茶品介紹頁的「詢問訂購」「留言訂購」按鈕，改成可以直接買。
完成 7 個動作
Roamer AI
商店架好了，三款茶都上架，首頁和茶品介紹頁的訂購按鈕也改成「加入購物車」。 不過訪客現在還不能真的下單：商店還在 WooCommerce 預設的「即將推出」模式，付款和運費設好後我就能幫你正式開賣。商品頁、購物車和結帳頁的樣式，也會在開賣後改成同一套「晨霧筆記」風格。
可以直接叫它沿用前面做過的東西（「商品圖用你之前生的就好」），不用重新提供。還沒做完的部分它會老實告訴你，不會假裝已經可以賣。
付款與運費・AI 作業約 6 分鐘
會員
付款方式開銀行轉帳和貨到付款。轉帳帳號：國泰世華銀行（013）大安分行，戶名 青嶼茶事有限公司，帳號 1234-5678-9012。運費：台灣本島宅配一律 NT$100，滿 NT$1,500 免運。門市自取先不用，庫存也先不控管。都設好之後就正式開賣。
完成 7 個動作
Roamer AI
商店已經正式開賣，付款、運費都設好了，商店相關頁面也改成和官網同一套風格。 測試時發現一個問題：購物車滿 NT$1,760 時，系統還是預設勾選「宅配 NT$100」，客人沒注意就會多付運費。我加了一個小程式片段，現在滿額時只會顯示「宅配免運」。 我沒有實際走完結帳，請你自己下一筆銀行轉帳和一筆貨到付款的測試單，確認畫面、轉帳資訊和通知信都正確。
付款與運費用「規則」講：哪些付款方式、運費多少、滿多少免運。帳號照實給，AI 會放進訂單完成頁與確認信；你沒想到的情況（例如離島）它會提出來問你。
自己試買・AI 作業約 4 分鐘
會員
我用電腦和手機各試買了一筆，都可以下單，運費也算對了。不過有幾個地方怪怪的： 1. 手機版右上角的選單按鈕沒有靠右，卡在中間偏右的位置 2. 訂單完成頁的「我們的銀行匯款資訊」「訂單詳細資料」「帳單地址」這些標題字很粗、表格框線很重，跟網站其他地方細細的風格不搭 3. 匯款資訊裡寫「分類代碼：大安分行」，看不懂，應該是「分行」吧 4. 地址顯示成「台北市, 大安區 106」，台灣習慣的寫法是「106 台北市大安區…」 幫我修一下。
完成 5 個動作
Roamer AI
四個問題都修好了，你的兩筆測試單我都重新截圖確認過。「分類代碼」是 WooCommerce 的翻譯問題：國外的「Sort code」被直譯成「分類代碼」，在台灣其實就是分行。地址現在顯示成「106 台北市大安區復興南路一段 100 號」，舊訂單也會自動用新寫法。 另外還有兩個小地方：姓名中間有空格、結帳表單的欄位順序和台灣習慣相反，想改的話跟我說。
上線前一定要自己用電腦和手機各買一次。看到幾個問題就編號列出來，一次交代清楚，AI 會逐項處理、逐項回報。
加功能・AI 作業約 4 分鐘
頁首：桌機（上）與手機（下）的購物車圖示
會員
修好了，謝謝！姓名和欄位順序先不用改。再幫我兩件事：頁首右上角加一個購物車圖示，要看得到裡面有幾件商品；選單加上「線上選購」連到商店頁。
完成 5 個動作
Roamer AI
兩件事都做好了。頁首最右邊是細線畫的小提袋，右上角的曙光橘小圓點會顯示購物車裡共有幾件，購物車是空的時候不顯示數字。網站有頁面快取，所以我加了一小段程式，讓頁面打開後用客人自己的購物車更新件數。 頁首的「選購茶葉」按鈕目前連到茶品介紹頁，名稱和「線上選購」很像，客人可能會搞混，你決定要怎麼處理。
描述功能時順便講你要的「結果」（要看得到件數），AI 做完會照這個結果去驗證。
上線前・AI 作業約 9 分鐘
會員
頁首的「選購茶葉」按鈕改連到商店頁。最後幫我整站全面檢查一次：每一頁的電腦版和手機版都看過、連結都點得開、購物流程順不順，有問題就直接修好，沒問題的話跟我說可以正式對外公開了嗎。
完成 7 個動作
Roamer AI
我把整站檢查了一遍，順手修好了 6 個問題，包括：WordPress 內建的範例頁面下架、補上中文版隱私權政策、結帳頁的英文隱私說明改成中文、「我的帳號」登入頁改成同一套風格。隱私權政策是一般網站常用的寫法，不是法律意見，請你讀一遍。 正式公開前建議先處理兩件事：退換貨政策還沒有（網路賣東西依消保法要告訴客人退貨方式），以及訂單通知信要不要改寄到品牌信箱。
上線前叫它「每一頁電腦版和手機版都看過」，並直接問「可以公開了嗎」。它會分成「已經修好的」和「需要你決定的」回報，法律相關的內容也會提醒你自己讀過。
收尾・AI 作業約 6 分鐘
完成 6 個動作
Roamer AI
訂單通知信已經改寄到 [email protected]，10 個頁面和商品的 SEO 標題與描述也設好了，前台我逐頁檢查過，都已生效。標題用「主題｜重點｜青嶼茶事」的格式，描述都取自頁面上的內容。 順手修好一個問題：客人回覆訂單確認信時，原本會寄到平台的代寄信箱，現在會寄到 [email protected]。信我只有模擬產生、沒有真的寄出，建議你再下一筆測試單，確認收得到。
不熟的事（像 SEO）直接說「幫我設一下」就好。它會說清楚裝了什麼、改了哪些頁，哪些沒有實際測到。
營運中・AI 作業約 2 分鐘
會員
謝謝！另外離島也要能寄：澎湖、金門、馬祖運費 NT$250，滿 NT$3,000 免運。
完成 5 個動作
Roamer AI
澎湖、金門、馬祖現在都能下單了。離島運費 NT$250，滿 NT$3,000 免運；台灣本島維持 NT$100，滿 NT$1,500 免運。我用真的商品分別試算澎湖和台北的運費，客人填 3 碼、5 碼或 6 碼郵遞區號都能正確判斷成離島。 我只模擬計算過運費，沒有真的送出訂單，建議你用 88041 這類離島郵遞區號下一筆測試單。
網站上線後的調整，也是傳一則訊息就好。它會自己想邊界情況（例如客人填 5 碼郵遞區號），也會說清楚哪些測過、哪些還要你確認。
同一段對話的後半，會員試了更新網站和停用外掛。沒必要做的事它不做；風險高的操作，系統會發一組確認碼，會員親自按下確認才執行。
我看到後台說 WordPress 有新版本，幫我把 WordPress 和外掛都更新到最新。
我查過了，這個站目前不需要更新，所以沒有執行任何更新。WordPress、10 個外掛和主題都已經是最新版。你看到的提示，最可能是系統自動套用安全性更新之前留下的。
先查再做：沒有需要更新的項目，就不動網站。
Rank Math 這個 SEO 外掛我朋友說用不到，幫我停用它。
停用還沒執行。停用外掛需要你親自按確認，系統才會動手。我先查過了，沒有其他功能依賴它；但停用後，10 個頁面和商品的搜尋標題和描述會失效。Rank Math 本來就裝好、設好了，我會建議先保留。
確認執行 PAYC
Rank Math SEO 已經停用，各頁我都打開檢查過，網站運作正常。停用後內建的網站地圖打不開，我也順手修好了。
想想還是聽你的，復原好了。
已經復原好了，Rank Math 重新啟用，之前設定的 SEO 標題和描述都回來了，我逐頁檢查過。
動手前先存快照
每次修改前自動備份，任何一步都能用「復原」退回。
高風險操作要你確認
停用外掛、更新、換主題、還原備份這類操作，系統發確認碼，只有你按下才會執行。
改完自己截圖檢查
桌機和手機各看一次，沒測到的地方會老實告訴你，請你確認。
官網 5 頁加上商店、商品、購物車、結帳，全部是 Roamer AI 做完、檢查過的最終畫面。
左邊是這次示範的原句，右邊是挖好空格的範本。把〔〕換成你的資料，一句一句貼給 Roamer AI 就好。
第一則訊息・先介紹自己，請 AI 盤點網站
嗨，我剛開了這個 WordPress 網站，想做我們家茶葉品牌「青嶼茶事」的官網兼網路商店。我們賣台灣高山烏龍、東方美人、紅茶，客群是 25–45 歲喜歡質感生活的上班族。先幫我看一下網站現在的狀況，告訴我接下來怎麼做比較好。
首頁設計・資料給齊、描述感覺，先做首頁
品牌故事：我們是第二代茶人，和阿里山、坪林的小農契作，堅持自然農法、少量焙火，想讓忙碌的上班族也能好好喝一杯茶。一句話：「從雲霧山嶼，到你的杯裡」。 電話 02-2345-6789，Email [email protected] 門市：台北市大安區復興南路一段 100 號，營業時間週一到週五 10:00–19:00，週末公休 商品：阿里山高山烏龍 150g NT$680、東方美人茶 75g NT$880、日月潭紅玉紅茶 100g NT$520 沒有 logo。感覺想要像清晨在山上泡第一壺茶：安靜、有留白、看得到霧氣的層次。年輕一點，像生活風格品牌，不要傳統茶行那種紅金禮盒感，也不要老派的中國風。 付款和運費下一步再弄。設計方向你直接定，先把首頁和頁首頁尾做出來，我看過喜歡再做其他頁。
其他頁面・首頁喜歡了，照同樣的風格做其他頁
首頁很喜歡！照同樣的風格把「關於青嶼」「茶品介紹」「品茶指南」「聯絡我們」四頁做出來，聯絡我們要有可以留言的表單。做好後選單改成連到這些頁面。
微調・看到沒對齊，直接說哪裡怪
四頁都很好看！有個小地方：我用電腦看，首頁最上面的大標題和下面那段字，比左上角的「青嶼茶事」更靠左，幾乎貼著螢幕邊緣，看起來沒對齊；其他頁最上面的標題也一樣。幫我每一頁都修一下。另外首頁大標題想改成「一口山嵐，一杯好茶」。
開始賣東西・架商店、上架三款茶
很好！標語維持原本的就好。開始架設商店吧：三款茶都上架，商品圖用你之前生的就好，分類分成「烏龍茶」和「紅茶」。首頁和茶品介紹頁的「詢問訂購」「留言訂購」按鈕，改成可以直接買。
付款與運費・給付款與運費規則，正式開賣
付款方式開銀行轉帳和貨到付款。轉帳帳號：國泰世華銀行（013）大安分行，戶名 青嶼茶事有限公司，帳號 1234-5678-9012。運費：台灣本島宅配一律 NT$100，滿 NT$1,500 免運。門市自取先不用，庫存也先不控管。都設好之後就正式開賣。
自己試買・試買兩筆，回報怪怪的地方
我用電腦和手機各試買了一筆，都可以下單，運費也算對了。不過有幾個地方怪怪的： 1. 手機版右上角的選單按鈕沒有靠右，卡在中間偏右的位置 2. 訂單完成頁的「我們的銀行匯款資訊」「訂單詳細資料」「帳單地址」這些標題字很粗、表格框線很重，跟網站其他地方細細的風格不搭 3. 匯款資訊裡寫「分類代碼：大安分行」，看不懂，應該是「分行」吧 4. 地址顯示成「台北市, 大安區 106」，台灣習慣的寫法是「106 台北市大安區…」 幫我修一下。
加功能・頁首加購物車圖示與商店選單
修好了，謝謝！姓名和欄位順序先不用改。再幫我兩件事：頁首右上角加一個購物車圖示，要看得到裡面有幾件商品；選單加上「線上選購」連到商店頁。
上線前・整站總檢查：可以公開了嗎？
頁首的「選購茶葉」按鈕改連到商店頁。最後幫我整站全面檢查一次：每一頁的電腦版和手機版都看過、連結都點得開、購物流程順不順，有問題就直接修好，沒問題的話跟我說可以正式對外公開了嗎。
收尾・通知信和 SEO 一次設好
通知信改成 [email protected]，退換貨規則我想好再跟你說。各頁的 SEO 標題和描述也幫我設一下。
營運中・加開離島運費
謝謝！另外離島也要能寄：澎湖、金門、馬祖運費 NT$250，滿 NT$3,000 免運。
第一則訊息
嗨，我剛開了這個 WordPress 網站，想做〔品牌名〕的官網〔兼網路商店〕。我們賣〔商品或服務〕，客群是〔年齡、身分、喜好〕。先幫我看一下網站現在的狀況，告訴我接下來怎麼做比較好。
首頁設計
品牌故事：〔兩三句話〕。一句話：「〔標語〕」。 電話〔〕，Email〔〕 門市：〔地址〕，營業時間〔〕 商品：〔品名 規格 價格〕、〔品名 規格 價格〕 〔有沒有 logo〕。感覺想要像〔一個畫面〕：〔三個形容詞〕。不要〔你不想要的樣子〕。 設計方向你直接定，先把首頁和頁首頁尾做出來，我看過喜歡再做其他頁。
其他頁面
首頁很喜歡！照同樣的風格把「〔頁面一〕」「〔頁面二〕」「〔頁面三〕」做出來。做好後選單改成連到這些頁面。
換一種感覺
〔哪一頁的哪一區〕感覺太〔普通／擠／冷〕，想要更〔大膽／安靜／有溫度〕一點，幫我重新設計這一區，其他地方不要動。
架商店
開始架設商店吧。〔幾款商品〕都上架，商品圖用你之前生的就好，分類分成「〔分類一〕」和「〔分類二〕」。原本頁面上的〔按鈕名稱〕按鈕，改成可以直接買。
付款與運費
付款方式開〔銀行轉帳／貨到付款〕。轉帳帳號：〔銀行、分行、戶名、帳號〕。運費：〔地區〕一律 NT$〔〕，滿 NT$〔〕免運。都設好之後就正式開賣。
回報問題
我用〔電腦／手機〕看，〔哪一頁、哪個位置〕〔看起來怎樣〕。幫我修一下。
上線前檢查
幫我整站全面檢查一次：每一頁的電腦版和手機版都看過、連結都點得開、購物流程順不順，有問題就直接修好，沒問題的話跟我說可以正式對外公開了嗎。
1
先講你是誰、給誰看
品牌名、賣什麼、客群是誰。AI 會依這些決定文案語氣和頁面架構。
2
真實資料一次給齊
電話、地址、營業時間、價格照實貼上。AI 不會自己編聯絡資訊，缺了會先問你。
3
用一個畫面描述感覺
「像清晨在山上泡第一壺茶」比「要簡約」好用，再講你不要的樣子。AI 會照你的話量身設計，不是從模板裡挑。
4
先做首頁，喜歡再往下
首頁看過喜歡，再說「照同樣的風格做其他頁」。方向不對時只要改一頁，省時間也省額度。
5
問題講位置和畫面
「電腦版、大標題比左上角的品牌名更靠左」比「怪怪的」好十倍。試買後看到幾個問題就編號列出。
6
上線前總檢查，不滿意就復原
叫它每頁的電腦版和手機版都看過，再問「可以公開了嗎」。任何一步不喜歡，說「復原」就回到上一步。
WP × Roamer AI・60 秒開站
開一個 WordPress 只要 60 秒。
把上面的第一句改成你的品牌，貼給 Roamer AI，網站就開始做。
嗨，我是小浪！有任何問題都歡迎點我詢問，我來幫你解答。
嗨！我是小浪，RoamerHost 的 AI小助手。
想了解我們的哪項服務呢？我可以幫你找到最適合的方案！
有任何問題都歡迎隨時詢問我，我會盡力為你解答！
Powered by RoamerHost AI
