Roamer AI 示範第二彈・附全部提示詞

8 句中文
做出一間大膽跳色的襪子店

同一個 Roamer AI、同樣的自由設計模式,這次我們扮演原創圖案襪品牌「跳色襪所 POP SOX」,第一則訊息就把資料和想要的感覺一次講完。做出來的網站,和安靜留白的「青嶼茶事」完全不像同一家做的。

8句提示詞
71 分AI 實際作業時間
6 頁官網+網路商店
3 筆實測訂單全部成功

「跳色襪所」是示範用的虛構品牌,電話、Email、銀行帳號都是示範資料。

跳色襪所・Roamer AI 做好的首頁
Roamer AI 做好的跳色襪所官網首頁,桌機版
跳色襪所官網首頁,手機版
網站還在線上wp-cysw2le6.roamerhost.com
看完整網站

示範網站:品牌是虛構的,可以隨意逛、加入購物車,但不會真的成立訂單。

成果對照

左邊是剛裝好的 WordPress
右邊是 71 分鐘後

中間沒有人寫程式、沒有人排版,也沒有套用任何模板,只有會員跟 Roamer AI 的對話。拖曳中間的把手比較看看。

開始前:剛裝好的 WordPress 預設首頁 完成後:跳色襪所官網首頁 開始完成

互動示範・兩張都是實際截圖

6

個頁面+全站頁首頁尾

12

張 AI 生成的照片

4

款商品、2 種付款方式

1

次「換一種感覺」的區塊重新設計

完整過程

每一句說了什麼
AI 做了什麼

左邊是每一步做出來的畫面:滑過去會自動捲完整頁,點一下可以放大。右邊是會員和 Roamer AI 的對話,深色是會員送出的原句,可以展開、直接複製。

第一則訊息就開工・AI 作業約 15 分鐘

資料和感覺一次講完,直接做首頁

會員

嗨!我們是原創圖案襪品牌「跳色襪所 POP SOX」,想用這個 WordPress 做品牌官網兼網路商店。 品牌故事:兩個插畫設計師一起畫圖案,交給彰化社頭(台灣襪子的故鄉)的老襪廠少量生產,每一季推出新圖案。一句話:「腳踝也要有好心情」。 商品:西瓜汽水襪 NT$290、香蕉牛奶襪 NT$290、芒果冰沙襪 NT$290、跳色三雙組(三款各一雙)NT$790。 客群:18–35 歲、喜歡穿搭、愛拍照分享的年輕人。 沒有門市,只在網路上賣。電話 02-2345-6789,Email [email protected],客服時間週一到週五 10:00–18:00。 沒有 logo。風格要大膽跳色:像夏天冰店的招牌和街頭貼紙,顏色可以很衝、很多種一起用,字要大、要有趣,但還是要好讀、好買。不要極簡、不要灰灰的、不要一般電商那種白底藍按鈕。 設計方向你直接定,先把首頁和頁首頁尾做出來,我看過喜歡再做其他頁。

完成 7 個動作

  • 設定站名與標語
  • 安裝 Elementor
  • 定下設計概念「冰店招牌 × 街頭貼紙牆」
  • AI 生成 8 張商品與街拍照片
  • 自己寫版面與全站樣式
  • 全站頁首頁尾與選單
  • 截圖檢查桌機與手機

Roamer AI

首頁和全站頁首頁尾都做好上線了。設計概念是「冰店招牌 × 街頭貼紙牆」:Logo、商品卡、按鈕、價格都做成粗外框加不模糊的硬陰影,而且故意貼歪,滑鼠移上去會「啪」一下擺正。頁首下方和頁尾上方都有冰店紅白遮陽棚的波浪邊。 配色從三款口味取色:西瓜紅、香蕉黃、芒果橘,加上汽水薄荷、蘇打藍,底色是奶油色,沒有灰白,也沒有藍按鈕。

提示詞訣竅

第一則訊息就能一次講完:品牌、商品價格、聯絡方式、想要的感覺都貼上,最後加一句「設計方向你直接定,先做首頁給我看」,它就直接開工,不用先來回問答。

其他頁面・AI 作業約 12 分鐘

首頁喜歡,照同樣的風格做其他頁

會員

首頁超喜歡!後台幫我切成繁體中文。接著照同樣的風格把「品牌故事」「尺寸與洗滌」「聯絡我們」三頁做出來,聯絡我們要有可以留言的表單,做好後選單改連到這些頁面。 尺寸與洗滌的資料:所有襪子都是均碼,適合 22–27 公分的腳;材質 80% 精梳棉、17% 尼龍、3% 彈性纖維。洗滌:翻面放洗衣袋冷水洗,不要烘乾、不要漂白。

完成 6 個動作

  • 後台切成繁體中文
  • AI 生成 4 張照片
  • 做出 3 個頁面
  • 四格漫畫、刻度尺、點單本表單
  • 建立聯絡表單
  • 截圖檢查

Roamer AI

後台已經切成繁體中文,三個頁面也都做好上線了。品牌故事用「四格漫畫」講一雙襪子怎麼做出來;尺寸與洗滌有一把 20–29 公分的黃色刻度尺,成分做成冰店的「配方表」;聯絡我們的留言表單做成「冰店點單本」。 不過做到一半,今日的 AI 修改額度用完了,所以選單只改到一半。截圖檢查還發現 3 個樣式問題(留言單標題被蓋住、配方表的字疊在一起、手機版洗滌卡片超出右邊),額度恢復後修。

提示詞訣竅

尺寸、材質、洗法這類網站要用的真實資料,直接寫進同一則訊息。AI 會把它們設計成有趣的區塊(刻度尺、配方表),不會只是一段文字。

額度重置後・AI 作業約 2 分鐘

說一聲「繼續」,接著修完

會員

額度重置了,繼續吧:選單補上三個新頁面,再把那三個樣式問題修好。

完成 5 個動作

  • 選單補上 3 個頁面
  • 修好留言單標題
  • 修好配方表文字重疊
  • 修好手機版洗滌卡片
  • 截圖確認

Roamer AI

選單已經補好,三個樣式問題也都修好了。桌機和手機版我都截圖看過,沒有字疊在一起,手機也不會左右滑動。 聯絡頁的紅色裝訂條原本和 Elementor 容器內建的背景遮罩疊在同一個位置,現在改畫在背景裡,「留言單 MEMO」標題完整露出來了。

提示詞訣竅

額度用完時,AI 會停在安全的地方,列清楚做到哪、還差什麼;額度重置後說「繼續」就好。(這次是因為我們用同一個帳號連續測試太多次才用完。)

換一種感覺・AI 作業約 8 分鐘

只想改一區?描述感覺就好

會員

都修好了,讚!品牌故事頁的四格漫畫好可愛。有一個地方想換一種感覺:首頁「穿上・拍下・跳起來」那一區,想要更像手機上滑 IG 限時動態那種感覺,讓人想拍照分享。其他區塊不要動,改完桌機和手機都截圖給我看。

完成 6 個動作

  • 重新設計「穿上・拍下・跳起來」
  • 三支手機播 IG 限時動態
  • 投票貼紙、hashtag 貼紙
  • 精選動態圓圈
  • 其他區塊不動
  • 桌機與手機截圖

Roamer AI

首頁「穿上・拍下・跳起來」這一區已經改成 IG 限時動態的感覺,其他區塊都沒有動。右邊改成三支手機在播限動:中間那支上方有進度條,畫面上貼了黃色 hashtag 貼紙、地點貼紙,還有投票貼紙「今天穿哪一雙?」;左右兩支歪著露出前一則和下一則限動。左邊標題上方加了一排「精選動態」圓圈。 投票貼紙只是裝飾,不能真的點選投票,上面也沒有放假的投票結果。

提示詞訣竅

想換一種感覺,就描述你想要的畫面(「像手機上滑 IG 限時動態」),並說「其他區塊不要動」。AI 會只重新設計那一區,風格還是和全站一致。

開始賣東西・AI 作業約 15 分鐘

商店、付款、運費,一則訊息交代完

會員

太可愛了!IG 帳號之後再說。開始做商店吧:四款都上架(三雙組也是一個商品),商品圖用你之前生的就好,分類分成「單雙」和「組合」。首頁和其他頁的「我要這雙」「我要三雙組」按鈕改成可以直接買。 付款開銀行轉帳和貨到付款,轉帳帳號:玉山銀行(808)信義分行,戶名 跳色襪所有限公司,帳號 0123-456-789012。運費全台宅配 NT$80,滿 NT$800 免運。都設好之後就正式開賣。

完成 9 個動作

  • 安裝 WooCommerce
  • 建立 2 個分類
  • 上架 4 款商品
  • 購買按鈕改成加入購物車
  • 頁首加購物車圖示
  • 開啟銀行轉帳與貨到付款
  • 全台宅配 NT$80、滿 NT$800 免運
  • 滿額時只顯示免運
  • 購物頁套上同一套風格

Roamer AI

商店已經正式開賣了,四款商品都上架了,付款和運費也照你給的設定好了。我模擬過兩種購物車:只買三雙組是 NT$790+運費 NT$80=NT$870;三雙組再加一雙是 NT$1,080,自動免運。商店、商品頁、購物車和結帳頁都套上了跟首頁同一套風格。 另外提醒:三雙組是 NT$790,差 NT$10 才到免運門檻。如果想讓三雙組也免運,可以把門檻改成 NT$790。

提示詞訣竅

商店可以一則訊息交代完:上架哪些、分類、按鈕、付款方式、帳號、運費和免運門檻。它還會順便幫你看定價的小細節。

自己試買・AI 作業約 3 分鐘

試買兩筆,把怪的地方編號列出

會員

我用電腦和手機各試買了一筆,都下單成功了,三雙組買兩組也有自動免運。幾個地方怪怪的: 1. 購物車和結帳頁的運費那一列寫「貨物」,看不太懂,應該是「運費」吧 2. 結帳頁「國家/地區」那格只剩一個小框寫「台灣」,看起來像壞掉 3. 結帳頁下單按鈕上面那段個資說明是英文 4. 訂單完成頁的地址顯示成「台北市, 信義區 110」,台灣習慣的寫法是「110 台北市信義區…」 另外新訂單通知改寄到 [email protected]。幫我修一下。

完成 5 個動作

  • 「貨物」改成「運費」
  • 隱藏只有一個選項的國家欄
  • 個資說明改成中文
  • 地址改成台灣寫法
  • 新訂單通知改寄品牌信箱

Roamer AI

你說的四個問題都修好了,新訂單通知也改寄到 [email protected]。WooCommerce 的中文翻譯把運送包裹翻成「貨物」,現在已改成「運費」。我們只寄送台灣,所以國家下拉選單只有一個選項,才會縮成一個小框;現在不顯示這一格,背景還是會自動填入「台灣」。 地址現在顯示成「110 台北市信義區…」,之前的測試訂單也會用新格式顯示。

提示詞訣竅

上線前一定要自己用電腦和手機各買一次。看到幾個問題就編號列出來,一次交代清楚,AI 會逐項處理、逐項回報。

上線前・AI 作業約 14 分鐘

補上政策頁,整站總檢查

隱私權政策(照網站實際狀況寫)

會員

都對了,謝謝!退換貨規則:到貨 7 天內沒穿過、包裝完整都可以退換;瑕疵品的運費我們出,其他退換貨運費由客人負擔。幫我把退換貨政策和隱私權政策都寫成中文頁面發佈,放到頁尾。最後整站檢查一次,每一頁的電腦版和手機版都看過,跟我說可以正式公開了嗎。

完成 6 個動作

  • 寫退換貨政策頁
  • 寫隱私權政策頁
  • 頁尾加「購物須知」
  • 每頁桌機與手機截圖
  • 提醒退貨運費可能違反消保法
  • 發現範例內容還公開

Roamer AI

版面和購物流程都沒問題,退換貨政策和隱私權政策也都發佈了,但公開前有兩件事要先處理,其中一件是退換貨規則可能違反法規。 《消費者保護法》第 19 條規定,網購 7 天內退貨不用說明理由,也「不用負擔任何費用」,所以「其他退換貨運費由客人負擔」可能違法。我是照你給的規則寫的,建議改成「7 天內退貨運費由我們負擔」。另外,WordPress 內建的範例頁和文章還公開在網站上。

提示詞訣竅

直接問「可以公開了嗎」,它會照實說還不行、為什麼。像退貨運費這種法規問題,它會先照你的規則做,再提醒你風險,讓你決定。

收尾・AI 作業約 2 分鐘

照建議改好,再上線

會員

照你的建議改:7 天內退貨的運費改成我們出,範例頁、範例文章和留言都刪掉,文章留言也關掉。

完成 5 個動作

  • 7 天內退貨運費改由店家負擔
  • 區分退貨與換口味
  • 範例頁、文章、留言移到回收桶
  • 關閉文章留言
  • 檢查訂單通知信

Roamer AI

三件事都改好了。退換貨政策改成:7 天內退貨不用說明理由,寄回運費由我們負擔;瑕疵品寄回和重新寄出都由我們負擔;想換口味的換貨運費由客人負擔,不想付運費也可以直接退貨。範例頁和文章已經移到回收桶,新文章預設不開放留言。 檢查時還發現訂單通知信寄不出去,建議先請工程師檢查主機寄信。

提示詞訣竅

它修不了的事,會說清楚原因和下一步,不會假裝沒事。這次抓到的寄信問題出在平台本身,工程師當天就修好了。

最終成果

做出來的網站長這樣

官網 6 頁加上商店、商品、購物車、結帳,全部是 Roamer AI 做完、檢查過的最終畫面。

這個網站還在線上,可以直接點進去逛wp-cysw2le6.roamerhost.com
看完整網站

示範網站:品牌是虛構的,可以隨意逛、加入購物車,但不會真的成立訂單。

完整提示詞

照這個順序說
你也做得出來

左邊是這次示範的原句,右邊是挖好空格的範本。把〔〕換成你的資料,一句一句貼給 Roamer AI 就好。

示範原句(8 句)

  1. 1

    第一則訊息就開工・資料和感覺一次講完,直接做首頁

    嗨!我們是原創圖案襪品牌「跳色襪所 POP SOX」,想用這個 WordPress 做品牌官網兼網路商店。 品牌故事:兩個插畫設計師一起畫圖案,交給彰化社頭(台灣襪子的故鄉)的老襪廠少量生產,每一季推出新圖案。一句話:「腳踝也要有好心情」。 商品:西瓜汽水襪 NT$290、香蕉牛奶襪 NT$290、芒果冰沙襪 NT$290、跳色三雙組(三款各一雙)NT$790。 客群:18–35 歲、喜歡穿搭、愛拍照分享的年輕人。 沒有門市,只在網路上賣。電話 02-2345-6789,Email [email protected],客服時間週一到週五 10:00–18:00。 沒有 logo。風格要大膽跳色:像夏天冰店的招牌和街頭貼紙,顏色可以很衝、很多種一起用,字要大、要有趣,但還是要好讀、好買。不要極簡、不要灰灰的、不要一般電商那種白底藍按鈕。 設計方向你直接定,先把首頁和頁首頁尾做出來,我看過喜歡再做其他頁。

  2. 2

    其他頁面・首頁喜歡,照同樣的風格做其他頁

    首頁超喜歡!後台幫我切成繁體中文。接著照同樣的風格把「品牌故事」「尺寸與洗滌」「聯絡我們」三頁做出來,聯絡我們要有可以留言的表單,做好後選單改連到這些頁面。 尺寸與洗滌的資料:所有襪子都是均碼,適合 22–27 公分的腳;材質 80% 精梳棉、17% 尼龍、3% 彈性纖維。洗滌:翻面放洗衣袋冷水洗,不要烘乾、不要漂白。

  3. 3

    額度重置後・說一聲「繼續」,接著修完

    額度重置了,繼續吧:選單補上三個新頁面,再把那三個樣式問題修好。

  4. 4

    換一種感覺・只想改一區?描述感覺就好

    都修好了,讚!品牌故事頁的四格漫畫好可愛。有一個地方想換一種感覺:首頁「穿上・拍下・跳起來」那一區,想要更像手機上滑 IG 限時動態那種感覺,讓人想拍照分享。其他區塊不要動,改完桌機和手機都截圖給我看。

  5. 5

    開始賣東西・商店、付款、運費,一則訊息交代完

    太可愛了!IG 帳號之後再說。開始做商店吧:四款都上架(三雙組也是一個商品),商品圖用你之前生的就好,分類分成「單雙」和「組合」。首頁和其他頁的「我要這雙」「我要三雙組」按鈕改成可以直接買。 付款開銀行轉帳和貨到付款,轉帳帳號:玉山銀行(808)信義分行,戶名 跳色襪所有限公司,帳號 0123-456-789012。運費全台宅配 NT$80,滿 NT$800 免運。都設好之後就正式開賣。

  6. 6

    自己試買・試買兩筆,把怪的地方編號列出

    我用電腦和手機各試買了一筆,都下單成功了,三雙組買兩組也有自動免運。幾個地方怪怪的: 1. 購物車和結帳頁的運費那一列寫「貨物」,看不太懂,應該是「運費」吧 2. 結帳頁「國家/地區」那格只剩一個小框寫「台灣」,看起來像壞掉 3. 結帳頁下單按鈕上面那段個資說明是英文 4. 訂單完成頁的地址顯示成「台北市, 信義區 110」,台灣習慣的寫法是「110 台北市信義區…」 另外新訂單通知改寄到 [email protected]。幫我修一下。

  7. 7

    上線前・補上政策頁,整站總檢查

    都對了,謝謝!退換貨規則:到貨 7 天內沒穿過、包裝完整都可以退換;瑕疵品的運費我們出,其他退換貨運費由客人負擔。幫我把退換貨政策和隱私權政策都寫成中文頁面發佈,放到頁尾。最後整站檢查一次,每一頁的電腦版和手機版都看過,跟我說可以正式公開了嗎。

  8. 8

    收尾・照建議改好,再上線

    照你的建議改:7 天內退貨的運費改成我們出,範例頁、範例文章和留言都刪掉,文章留言也關掉。

套用範本

一次講完直接開工

嗨!我們是〔品牌〕,想用這個 WordPress 做〔官網兼網路商店〕。 品牌故事:〔兩三句話〕。一句話:「〔標語〕」。 商品:〔品名 價格〕、〔品名 價格〕 客群:〔誰〕 聯絡方式:〔電話、Email、客服時間〕 沒有 logo。風格要〔一個畫面〕:〔想要的感覺〕。不要〔你不想要的樣子〕。 設計方向你直接定,先把首頁和頁首頁尾做出來,我看過喜歡再做其他頁。

其他頁面

首頁超喜歡!照同樣的風格把「〔頁面一〕」「〔頁面二〕」「〔頁面三〕」做出來,做好後選單改連到這些頁面。 〔頁面要用的資料,例如尺寸、材質、洗法〕

換一種感覺

〔哪一頁的哪一區〕想換一種感覺:想要更像〔一個畫面〕。其他區塊不要動,改完桌機和手機都截圖給我看。

商店一次開賣

開始做商店吧:〔幾款商品〕都上架,分類分成「〔分類一〕」和「〔分類二〕」,頁面上的〔按鈕名稱〕按鈕改成可以直接買。 付款開〔銀行轉帳/貨到付款〕,轉帳帳號:〔銀行、分行、戶名、帳號〕。運費〔地區〕NT$〔〕,滿 NT$〔〕免運。都設好之後就正式開賣。

回報問題

我用電腦和手機各試買了一筆,幾個地方怪怪的: 1. 〔哪一頁、哪個位置、看起來怎樣〕 2. 〔〕 幫我修一下。

上線前檢查

退換貨規則:〔規則〕。幫我把退換貨政策和隱私權政策都寫成中文頁面發佈,放到頁尾。最後整站檢查一次,每一頁的電腦版和手機版都看過,跟我說可以正式公開了嗎。

提示詞教學

從這段對話學到的 6 件事

1

第一則訊息就能開工

品牌、商品價格、聯絡方式、想要的感覺一次貼上,加一句「先做首頁給我看」,它就直接動手。

2

感覺越具體越好

「像夏天冰店的招牌和街頭貼紙」比「要活潑」好用,再說不要什麼(極簡、灰灰的、白底藍按鈕)。

3

只改一區,就說「其他不要動」

描述那一區想要的畫面,AI 會只重新設計那一區,風格還是和全站一致。

4

商店一則訊息交代完

上架哪些、分類、付款、帳號、運費、免運門檻一次寫清楚,它會設好並自己試算。

5

試買後把怪的地方編號

「運費那列寫貨物」「國家欄只剩小框」,一項一項列出來,它就一項一項修。

6

額度用完,說「繼續」

它會停在安全的地方,列清楚還差什麼;額度重置後說「繼續」,接著做完。

WP × Roamer AI・60 秒開站

換成你的品牌
從第一句開始

開一個 WordPress 只要 60 秒。把上面的第一句改成你的品牌,貼給 Roamer AI,網站就開始做。

  • 主機+網站+Roamer AI 三合一
  • 隨時可取消續約
  • 整站可匯出

嗨,我是小浪!有任何問題都歡迎點我詢問,我來幫你解答。

小浪

小浪 - AI小助手

在線中
小浪

有任何問題都歡迎隨時詢問我,我會盡力為你解答!

Powered by RoamerHost AI