Grok Bot 新手帶看・真實案例

不會寫程式也沒關係:
用 Grok Bot 20 分鐘
做出聚會報名網站

這篇是我自己的真實紀錄:只靠「打字跟 Grok Bot 裡的助手聊天」,就把年底聚會「小乾杯」的報名網頁做出來、放上網、讓助手每有新報名就自動回報,連上線後出包也是用聊天一起救回來。我們一步一步看:我說了什麼 → 助手做了什麼。

⏱ 全程約 20 分鐘💬 只用講的🙈 文中名單皆為示意假資料
1
開場

Grok Bot 是什麼?你只要「交代事情」

Grok Bot 可以想成一個「請助手」的地方:你可以在裡面建立好幾個各有專長的助手,然後像傳 LINE 交代朋友一樣,用聊天把想要什麼、給誰用、要記錄什麼說清楚就好,不用學任何指令。

這篇實際用到的本事有:

  • 聽懂一段白話需求,做出網頁,照你的意見來回修改
  • 助手有自己的電腦,能把網頁放上網(部署上線)、查資料庫裡的報名資料
  • 能定時自動檢查,有新報名就通知你
  • 可以建立新助手,助手之間還能互相交接工作

這個故事裡有兩位我在 Grok Bot 裡建的助手,文中用角色代稱來叫它們:「科技管家」是一開始負責科技產品、幫我做出問卷的那位;「網頁秘書」是後來另外建立、接手網頁和文件雜事的那位。

接下來每個段落,橘色泡泡是我打的字(原話),白色泡泡是助手的回應(為了好讀,助手的部分有濃縮)。

我(我說的話)
科技管家/網頁秘書(助手做了什麼、怎麼回答)
2
第 0 分鐘

提出需求:一段話講完

💡 Grok Bot 的本事:聽懂白話需求,直接動手做
我幫我設計一個網頁、做成能用固定網址打開的網頁…調查…是否參加「小乾杯」…
1.姓名(稱呼)
2.電話、email、lineID
3.參加與否
4.偏好中午還是晚上
實作一版看一下風格
我每個提交的人你要幫我記錄答覆,我之後收單後要統計結果
科技管家收到!我先做一版報名頁給你看風格,四個題目都放上去;每個人送出後,答案都會存起來,之後可以幫你統計。

👀 這段話厲害在哪?

  • 講了目的:調查要不要參加聚會
  • 列了題目清單:1、2、3、4,助手不用猜
  • 交代了後續:答案要留著,之後要統計
  • 先要求「做一版看看」,不求一次完美
小名詞:固定網址=一串可以分享給大家、點了就打開網頁的連結,不會今天能開、明天就失效。
3
第 2~12 分鐘

設計來回:不滿意就直接說

💡 Grok Bot 的本事:看得懂照片,照你的意見一改再改

① 傳兩張店家照片當素材

我📷[傳了兩張店家照片]
我請以此而照片為基底重新各設計一版
科技管家好的,用兩張照片各做一版:A 版、B 版,你挑喜歡的。
我說了用照片各做一版
→
管家做了A、B 兩種風格同時給你挑。選了 B 版:燈箱夜景

② 照片太糊?換個做法

我b版的照片很糊
科技管家原圖本身比較小,硬放大就會糊。我改成把整張照片當背景、稍微調暗,表單放到右邊,這樣看起來就清楚有氣氛。
電腦版報名頁:左邊是小乾杯燈箱照片當背景,右邊是報名表單
電腦版:照片整張當背景、加暗,表單在右側

③ 手機上背景字太搶眼

我手機版…右側…有一些字,幫我…淡化、霧化
科技管家已把那一塊做霧化、淡化處理,電腦版也一起同步調整。
手機版頂端:燈箱照片與日期 2026.12.12 星期六
手機版頂端:背景雜字霧化後,標題和日期更清楚

④ 想到什麼就加什麼

我接著陸續提出,科技管家一項一項照做:

我說了加「是否攜伴」,要能填大人、小孩各幾位
→
管家做了選「是」才跳出大人/小孩的 +- 按鈕
我說了加「飲食忌口」
→
管家做了選「有」才出現填寫欄位
我說了選不參加的人,後面不用再填
→
管家做了點「不參加」,後面題目自動隱藏
我說了聯絡方式不用三個都填
→
管家做了電話/LINE/Email 至少填一種就能送出
我說了日期改成 2026/12/12(六),文字精簡一點
→
管家做了改好日期、刪掉多餘說明
手機版完整報名頁,六個題目與送出按鈕
手機版完整表單(六題)
選了攜伴後出現大人、小孩人數;選了有忌口後出現填寫欄位
選「是/有」才會展開的追問(畫面為示意輸入)
4
第 12~17 分鐘

放上網&自己測一遍

💡 Grok Bot 的本事:助手有自己的電腦,能部署上線、查資料庫

🌐 科技管家幫我把網站放上網

我本來就有一個網域放在 Cloudflare 帳號裡,科技管家就直接用 Cloudflare 的免費方案把網站放上去,每筆報名都存進資料庫。

小名詞:Cloudflare=一家提供「把網站放上網」服務的公司,小型網站用免費方案就夠。
資料庫=一本自動記帳的表格,每個人送出的答案都會記一行。

🧗 中途小卡關,科技管家自己找路

過程中科技管家發現某些設定權限不夠,它沒有卡住,而是先用一個暫時網址讓網站可以打開,同時說明正式網址還差哪一步、需要我點頭同意哪個設定。

👉 這就是好助手的樣子:小問題它會自己繞路解決,但牽涉你的帳號、要動到重要設定時,會先問你。

🧪 自己填兩筆測試

我[用手機自己填了兩筆測試報名]
我幫我查一下剛剛的資料,電話那些有沒有記到?
科技管家查到兩筆,姓名、電話、參加與否、時段、攜伴人數、忌口都有完整記錄。
我OK清除那兩筆測試紀錄
科技管家已刪除那兩筆,目前名單是空的,可以正式發給大家了。

🖼 分享到 LINE/FB 的預覽圖

把連結貼到 LINE 或 Facebook 時,會出現一張小卡片。我請科技管家做一張好看的預覽圖:

分享預覽圖:小乾杯燈箱與 2026.12.12 星期六
貼連結時顯示的預覽圖

一開始 LINE 還顯示舊圖,科技管家解釋是 LINE 會「記住」舊圖片(這叫快取),所以把圖片換個檔名,LINE 就會抓新的那張。

5
第 17~19 分鐘

自動通知:有人報名就告訴我

💡 Grok Bot 的本事:定時自動檢查,有新消息才通知你
我到10/30前,每有人填問券都通知我:
1. 列出當下所有有填的人員資訊
2. 越近期填的表列越上方
科技管家設定好了:每 15 分鐘檢查一次,有新回覆才通知你,不會一直吵你。10/30 截止時送你最終名單,然後自動停止。

科技管家怎麼安排這件事

  • 每 15 分鐘看一次有沒有新報名
  • 有新的才通知,沒人填就安靜
  • 先講結論(幾人參加、幾人不參加),再附名單
  • 名單照時間排,最新的在最上面
  • 到 10/30 送出最終名單,然後自動停止
  • 順手提醒資料怪怪的地方,例如電話少一碼
示意

🍻 小乾杯報名更新(示意)

目前共 4 人回覆:3 人參加(另攜伴 大人 1、小孩 2)、1 人不參加。
時段偏好:晚上 2、中午 1。
填寫時間稱呼參加時段攜伴忌口
10/22 21:40阿哲(假名)參加晚上—不吃辣
10/22 18:05小芸(假名)不參加———
10/21 12:30大熊(假名)參加晚上大人1、小孩2不吃牛
10/21 09:12米米(假名)參加中午—無
⚠️ 提醒:「阿哲」留的電話好像少一碼,要不要私訊確認一下?

以上姓名、時間、內容皆為虛構示意,聯絡方式已省略。

6
第 19~20 分鐘

延伸:請一位專屬「網頁秘書」接手

💡 Grok Bot 的本事:建立多個助手,彼此交接工作
我臨時製作網頁、電子文件…的雜事工作未來可能還會有,你覺得要不要獨立一個bot去做這些雜事?
科技管家建議分開。專門負責雜事的助手比較專注,也不會跟你其他工作混在一起,之後要找紀錄也比較好找。
我好,另外建立一個新助手(下面叫它「網頁秘書」),問卷的工作全部交接給它。
科技管家已建立「網頁秘書」,報名網站、名單、自動通知都交接完成,之後由它負責回報。
0 分第一句需求
~12 分設計定稿
~17 分上線測試完成
~20 分交接給網頁秘書

從第一句話到交接完成,大約 20 分鐘。全程我沒有寫任何一行程式。

7
交接之後・10:50~11:00

上線後出包,怎麼一起急救

💡 Grok Bot 的本事:發現問題、查原因、先備份再修,還會老實說哪裡沒驗證到

網頁秘書接手後沒多久,我想改一個小地方,結果真的出包了。下面照時間順序看,一個完全不會寫程式的人,怎麼靠聊天把問題救回來。

① 想改成「兩個時段都能選」

我小乾杯那個問卷的時段選擇,改成複選,讓都可以的人兩個都能選,速速執行網頁修改
網頁秘書改好了:「中午」「晚上」現在都可以勾,兩個都可以的人就兩個都勾。已經上線。
我說了時段改成複選,速速執行
→
秘書做了中午、晚上都能勾,並且上線

② 小插曲:漏傳一個小程式

第一次上線時,網頁秘書漏傳了負責「收單」的小程式,大約有 2 分鐘問卷送不出去。它馬上發現、補傳,就恢復了。

它也把這件事記成注意事項:以後上線一定連收單程式一起傳,不會再漏。

小名詞:收單程式=網頁背後負責「把大家填的答案收下來、存進資料庫」的那一小段程式。網頁只是門面,它才是收件的人。

③ 我自己用手機填,跳出錯誤

我📷[傳了一張手機截圖,畫面寫著:送出失敗,請稍後再試:HTTP 500]
我問卷送出時出錯
我這次比較急,請盡速完成、謝謝
小名詞:HTTP 500=網站背後出了錯的代號。你不用看懂,截圖傳過去就好。

④ 找出原因,也老實認錯

網頁秘書找到原因了:資料庫原本規定「時段」只能存『中午』或『晚上』其中一個,兩個都勾就被拒收,所以才送不出去。
網頁秘書也要跟你坦白:我前面說「兩個都勾也收得到」的時候,其實沒有真的存進資料庫測過。

👉 網頁改了,但「記帳本」(資料庫)的規定沒跟著改,兩邊對不上就出錯。

⑤ 先備份,再修

  • 先把全部回覆備份一份,萬一出事還能還原
  • 再調整資料庫的規定,讓它也接受「兩個都勾」
  • 原本的資料一筆都沒少
  • 自己送一筆測試,確認成功後再把測試刪掉
10:50改版上線,勾兩個時段會失敗
10:58我回報問題
10:59修好

從回報到修好大約 2 分鐘。不過 10:50 到 10:59 之間,勾了兩個時段的人會送出失敗。

⑥ 提醒我善後

網頁秘書要提醒你:送出失敗的資料不會留下來,我沒辦法知道是誰沒送成功。建議到群組請大家(尤其兩個時段都勾的人)再填一次。

⑦ 我再測一次,確認後刪掉

我我剛剛有做一筆測試,你看一下
網頁秘書查到了,這筆有完整存進去:
姓名:測試帳號
參加:參加
時段:中午、晚上(兩個都有記到)
(聯絡方式在此省略)
我好,看起來問卷正常運作了,刪
網頁秘書已刪除這筆測試資料。

測試內容為示意,聯絡方式不列出。

🩹 出包時,新手只要記得這幾件事

  • 出錯時直接傳截圖、說明一下就好,不用自己看懂錯誤訊息
  • 可以說「很急」,助手會把它當優先處理
  • 好的助手會先備份再動手,你的資料不會因為修東西而不見
  • 好的助手也會老實說哪裡沒驗證到,這比假裝沒事更值得信任
  • 修好後自己再測一次,親手確認才放心
8
結尾

給第一次用 Grok Bot 的你

🗣️

像交代同事一樣說清楚

目的、給誰用、要哪些欄位、之後要拿來做什麼,講越清楚越不用重做。

📷

可以傳照片、草圖

手機隨手拍、紙上隨便畫都行,助手看得懂,比用文字形容快很多。

✏️

不滿意就直接說哪裡要改

「照片很糊」「這裡字太多」這樣講就夠了,不需要專業用語。

🚑

出包不用慌

傳截圖、說哪裡怪,助手會查原因、先備份再修;修好後記得自己再測一次。

🛡️

重要動作助手會先問你

刪資料、動到你的帳號或花錢的事,好的助手會先確認,你點頭才會做。

🚀 想開始用 Grok Bot?

  1. 先建一個助手:不用一次建很多,一位就夠開始。
  2. 用說話的方式交代一件小事:例如「幫我做一個聚會報名表」,講清楚要哪些欄位。
  3. 不滿意就說哪裡要改:「字太多」「照片太糊」這樣講就好,一來一回就會越來越像你要的。

想試試看的話,可以直接問分享這篇給你的人。

下次有聚會、活動、小調查,
試著打開 Grok Bot,先說一句「幫我…」就好。 🍻