Roamer AI 示範第三彈・附提示詞

一則訊息
做出一個首頁

最短的用法:一則訊息把品牌、商品、價格講完,連風格都交給 AI 決定。這是「浮島甜點工作室」的真實對話,總共只傳了兩則訊息。它從店名找到專屬記號:法式甜點「浮島」,讓整個首頁像一座座漂浮的小島。

2句提示詞
17 分AI 實際作業時間
7個首頁區塊
0個套用的模板

「浮島甜點工作室」是示範用的虛構品牌,電話、地址都是示範資料。

浮島甜點・Roamer AI 做好的首頁
Roamer AI 做好的浮島甜點工作室首頁,桌機版
浮島甜點工作室首頁,手機版
網站還在線上wp-esnzpp7c.roamerhost.com
看完整網站

示範網站:品牌、電話和地址都是虛構的,可以隨意逛。

成果對照

左邊是剛裝好的 WordPress
右邊是一則訊息之後

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

開始前:剛裝好的 WordPress 預設首頁 完成後:浮島甜點工作室首頁 開始完成

互動示範・左邊是全新 WordPress 的實際截圖(每個新站都一樣)

1

句話做出首頁

5

張 AI 生成的甜點照片

7

個首頁區塊

1

個專屬記號:漂浮的小島

完整過程

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

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

一則訊息・AI 作業約 15 分鐘

把店的資料和感覺講完,就有一個首頁

會員

嗨,我剛開了這個 WordPress 網站,想幫我的甜點工作室做官網,希望做得好看、有質感。 店名:浮島甜點工作室 介紹:台南中西區的小工作室,只接預約、不開放內用,每週五、六開放取貨。食材用台南在地水果和法國奶油,每天只做少量。 招牌品項:檸檬塔 NT$120、伯爵茶司康 NT$90、季節水果塔 NT$150(依季節更換水果) 另外接生日蛋糕和婚禮小點訂製,需要提前 7 天預訂。 客群:25–40 歲、喜歡拍照分享的上班族 一句話:「每一口,都是剛剛好的甜」 電話 06-222-3456,Email [email protected] 地址:台南市中西區信義街 12 號 取貨時間:週五、週六 12:00–19:00 沒有 logo,風格你決定。 先把首頁做好(含頁首選單和頁尾),計畫你覺得好就直接做,不用等我確認。

完成 9 個動作

  • 網站改繁體中文、時區台北
  • 設定站名與標語
  • 安裝 Elementor
  • 定下設計概念「浮在卡士達海上的小島」
  • AI 生成 5 張甜點照片
  • 自己寫版面與全站樣式
  • 全站頁首頁尾與選單
  • 設定首頁 SEO
  • 截圖檢查並修好跑版

Roamer AI

浮島的首頁做好了,頁首選單和頁尾也一起完成了。桌機和手機我都截圖看過,跑版的地方已經修好。 設計概念是「浮在卡士達海上的小島」:「浮島」剛好也是一道法式甜點的名字(Île flottante,蛋白霜浮在卡士達醬上)。甜點照片裁成小島的輪廓,會慢慢上下漂浮、輕輕變形;品項用「No.01、No.02」編號,像在介紹一座座小島;配色從檸檬餡、卡士達、伯爵茶取色。 品項介紹文案是我寫的,請確認符不符合實際做法;電話、地址、價格、取貨時間都照你給的寫。

提示詞訣竅

就算你說「風格你決定」,只要講清楚品牌、商品和客群,AI 也會從店名和產品裡找到專屬的記號(這次是法式甜點「浮島」)。它自己寫的文案會標出來請你確認。

微調・AI 作業約 1 分鐘

筆電上選單換行?說一聲就好

會員

首頁很喜歡!有一個小地方:用筆電看的時候,頁首選單最後一項「找到我們」會掉到第二行,幫我修一下,電腦和手機都要看過。

完成 4 個動作

  • 量出 1280px 寬會換行
  • 收窄筆電寬度的選單間距
  • 小筆電先藏英文副標
  • 桌機與手機截圖確認

Roamer AI

修好了。原因是筆電常見的 1280px 寬度下,頁首選單的空間被壓縮,最後一項「找到我們」就被擠到第二行。 電腦版的選單現在固定排成一列;1025–1366px 的筆電上項目間距稍微收窄;更窄的小筆電會先藏起「浮島」旁邊的英文小字。截圖時系統也實際量了 1280px 寬,原本「選單排成 2 列」的警告已經消失。

提示詞訣竅

在哪種裝置上看到什麼,直接講就好(「用筆電看時選單掉到第二行」)。AI 會自己量不同螢幕寬度,確認真的修好。

最終成果

做出來的網站長這樣

第一則訊息做出來的首頁,加上第二則的微調,就是現在的樣子。

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

示範網站:品牌、電話和地址都是虛構的,可以隨意逛。

完整提示詞

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

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

示範原句(2 句)

  1. 1

    一則訊息・把店的資料和感覺講完,就有一個首頁

    嗨,我剛開了這個 WordPress 網站,想幫我的甜點工作室做官網,希望做得好看、有質感。 店名:浮島甜點工作室 介紹:台南中西區的小工作室,只接預約、不開放內用,每週五、六開放取貨。食材用台南在地水果和法國奶油,每天只做少量。 招牌品項:檸檬塔 NT$120、伯爵茶司康 NT$90、季節水果塔 NT$150(依季節更換水果) 另外接生日蛋糕和婚禮小點訂製,需要提前 7 天預訂。 客群:25–40 歲、喜歡拍照分享的上班族 一句話:「每一口,都是剛剛好的甜」 電話 06-222-3456,Email [email protected] 地址:台南市中西區信義街 12 號 取貨時間:週五、週六 12:00–19:00 沒有 logo,風格你決定。 先把首頁做好(含頁首選單和頁尾),計畫你覺得好就直接做,不用等我確認。

  2. 2

    微調・筆電上選單換行?說一聲就好

    首頁很喜歡!有一個小地方:用筆電看的時候,頁首選單最後一項「找到我們」會掉到第二行,幫我修一下,電腦和手機都要看過。

套用範本

一則訊息做出首頁

嗨,我剛開了這個 WordPress 網站,想幫〔品牌〕做官網,希望做得〔好看、有質感〕。 店名:〔〕 介紹:〔在哪裡、做什麼、特色〕 招牌品項:〔品名 價格〕、〔品名 價格〕 客群:〔誰〕 一句話:「〔標語〕」 電話〔〕,Email〔〕,地址〔〕,營業時間〔〕 沒有 logo,風格你決定。 先把首頁做好(含頁首選單和頁尾),計畫你覺得好就直接做,不用等我確認。

回報問題

首頁很喜歡!有一個小地方:用〔電腦/筆電/手機〕看的時候,〔哪個位置〕〔看起來怎樣〕,幫我修一下,電腦和手機都要看過。

提示詞教學

從這段對話學到的 3 件事

1

講清楚店,風格可以交給它

品牌、商品、價格、客群講完,說「風格你決定」,它會從店名和產品找到專屬的設計記號。

2

說「計畫你覺得好就直接做」

不用來回確認,它會直接做完首頁、頁首頁尾,再一次回報。

3

看到怪的地方,講裝置和位置

「用筆電看時,選單最後一項掉到第二行」,它會自己量不同螢幕寬度確認修好。

WP × Roamer AI・60 秒開站

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

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

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

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

小浪

小浪 - AI小助手

在線中
小浪

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

Powered by RoamerHost AI