滑過看整頁
希望綠豆湯 LINE 機器人教學
客人最常遇到的 7 個情境,每個都有可點的手機示範、流程圖、後台截圖和注意事項。
看當初的 prompt
針對希望綠豆湯,幫我生成html協助我在他們會遇到的情境進行omnichat機器人腳本的教學與說明 情境上需要每個都有可以點的手機示範、流程圖、後台截圖和注意事項。 盡可能淺顯易懂,圖片生成找gpt 完成後透過cloudflare給我可分享的連結
建議把 Claude 輸入框下方的「手動」切成「自動」:一般指令會直接執行,不用一直按「允許」;有風險的動作還是會擋下或先問你。


沒反應?,到 Claude 點 </> →「+ 新增」→ 資料夾選「桌面」,貼上送出。

1
請幫我安裝並完成「Claude × GPT 工作流」設定。我不熟終端機,所有指令都請你執行;需要我動手時,先用一句話告訴我要做什麼,等我回覆再繼續。 1. 安裝外掛:執行 claude plugin marketplace add TTMoon1030/claude-gpt-workflow,再執行 claude plugin install gpt-workflow@claude-gpt-workflow。找不到 claude 指令的話,用 Claude 桌面版內建的:在 ~/Library/Application Support/Claude/claude-code/ 底下搜尋 claude.app/Contents/MacOS/claude(路徑有空格要加引號),用能正常執行 --version 的最新版本。 2. 裝好後,在 ~/.claude/plugins/cache/claude-gpt-workflow/ 底下搜尋 skills/setup/SKILL.md,讀它並照步驟幫我完成設定。
外掛內容公開在 GitHub:找 Codex、確認登入、建資料庫、測試生圖、排錯,都寫在裡面。
按「在 Claude 打開」會在「我的業務資料庫」開好新對話、填好這段話;換掉括號裡的內容再送出。

針對品牌(客戶官網網址) 與品牌顧問(姓名)的通話紀錄: 1. 目前用(競品)的應用偏少 2. 已加 LINE,先整理較新的功能和情境 3. 正在籌備新門市,OMO 會是方向 請針對這樣的情境與需求,整理一份能讓顧問願意了解、品牌願意買單的專案簡報。有生圖需求可以透過 GPT 處理。
(客戶官網網址) 幫我規劃這個客戶的 Demo 簡報。他們是高客單價的產品,重視顧客完整的會員旅程與體驗,目前以廣告導流為主,更在意線上和線下怎麼互相導流、分眾、再行銷。 方案以旗艦為基礎,上限是加入會員卡和自訂屬性。
針對(客戶名稱),幫我生成 html 協助我在他們會遇到的情境進行 omnichat 機器人腳本的教學與說明 情境上需要每個都有可以點的手機示範、流程圖、後台截圖和注意事項。 盡可能淺顯易懂,圖片生成找 gpt 完成後透過 cloudflare 給我可分享的連結
把這份 HTML 發成可以分享的連結,專案名稱用(英文名稱)-guide,加上 noindex。
下面都是實際做給客戶、可以分享的網頁。滑過縮圖可以看到整頁;挑一份按「用這份當底」,再填下方的表單,就會產生給你的 Claude 的 prompt。
滑過看整頁
客人最常遇到的 7 個情境,每個都有可點的手機示範、流程圖、後台截圖和注意事項。
針對希望綠豆湯,幫我生成html協助我在他們會遇到的情境進行omnichat機器人腳本的教學與說明 情境上需要每個都有可以點的手機示範、流程圖、後台截圖和注意事項。 盡可能淺顯易懂,圖片生成找gpt 完成後透過cloudflare給我可分享的連結
滑過看整頁
滑過看整頁
滑過看整頁
滑過看整頁
滑過看整頁
做網頁時可以直接套用的動畫,會不定時新增。按「在 Claude 打開」,Claude 會從這裡拿最新版放進你的網頁,再換成客戶的內容。
在下面的卡片按「在 Claude 打開」,或在做網頁的對話裡直接說:
Claude 會看網頁每一段在講什麼,從清單挑適合的,先列表給你確認再放進去。
幫我在(網頁檔案或客戶資料夾)加上適合的動畫。 先用 curl -sL 讀 https://claude-workflow-guide.pages.dev/motion/effects.json,看我網頁每一段在講什麼,從清單挑適合的:每段最多一個、整頁最多 3 個,沒有適合的就不加。 先用表格列出「哪一段 → 哪個動畫 → 為什麼」給我確認,我說好再照各動畫 detail 裡的步驟放進去,內容換成這個客戶的。
動畫載入中…
Claude 只會讀清單和用法(每個約 600 token),程式和圖檔直接下載、不讀內容,所以很省。
教學、會後補充這類內容做成網頁,比做簡報省很多。

內容是 8 頁的「留言自動私訊」說明,兩邊的文字、圖片、配色和字級規定完全一樣。兩個 Claude 同時從零開始做,做完都要轉成圖片逐頁檢查,最多修兩輪。下面是兩邊實際做出來的成品:


| 簡報 | HTML | 差多少 | |
|---|---|---|---|
| 呼叫模型次數 | 22 次 | 17 次 | 少 5 次 |
| 檢查時看的圖 | 22 張 | 19 張(含手機版) | 少 3 張 |
| 累計讀取的 token | 257 萬 | 159 萬 | 少 38% |
| 換算 API 費用 * | 約 US$1.24 | 約 US$0.87 | 少 30% |
| 花費時間 | 8 分 50 秒 | 3 分 39 秒 | 少 59% |
| 寫出的程式碼 | 19.2 KB | 17.9 KB | 差不多 |
* 以 Claude Opus 5.5 的 API 價格換算:輸入每百萬 token US$4、寫入快取 US$5、讀取快取 US$0.2。用 Max 這類月費方案不會另外收費,但 token 用得越多,越快碰到用量上限。兩邊寫出的程式碼量差不多,所以差距幾乎都在「讀」。
_to_delete 備份,不會直接刪除。外掛已經裝好的話,也可以說「幫我整理舊版設定」。/gpt-workflow:check),它會照外掛的檢查步驟改回用 Codex。/codex:rescue),那是用來把文字和程式工作交給 Codex 的,生圖不需要它,留著也不影響。