Omnichat 團隊內部分享

用講的,讓 Claude 幫你做提案、教學和插圖

說一句話,Claude 幫你畫圖、做網頁或簡報,再發成連結給客戶。

需要MacClaude 付費方案ChatGPT Plus 以上
01第一次來

開始設定:3 步

約 15 分鐘不用打指令不需要 API 金鑰
0完成 0/3,做完一步就打勾
業務在筆電上下載並打開一個新的聊天 App
1

裝好 ChatGPT 桌面版

Plus 以上帳號登入Codex 就在裡面
下載 ChatGPT ↗
業務把一張便條塞進筆電,螢幕裡的小機器人接住開始工作
2

按一下,Claude 自己開始

  1. 打開
  2. 信任工作區
  3. 切成自動
  4. Enter

切成「自動」,就不用一直按允許

一鍵開始設定

沒反應?手動貼上

業務在筆電輸入登入代碼,小機器人拿著同一組代碼
3

輸入代碼,等 Claude 回報

輸入一次代碼測試圖+表格回報自動打開對話

按下 Enter 之後,Claude 會自己做完這些

  1. 你按下 Enter先按「信任工作區」
  2. Claude安裝外掛從 GitHub 裝好技能
  3. Claude整理舊版有舊設定才做,不刪檔
  4. Claude+你確認登入沒登入時你輸入代碼
  5. Claude建資料庫資料夾、索引、規則
  6. Claude測試生圖約 1 分鐘,表格回報
  7. Claude打開對話試畫的一句已填好
之後每天從這裡開始,Claude 會在「我的業務資料庫」開新對話。
打開我的業務資料庫
看按下按鈕後的實際畫面2 張截圖
1設定指令已經填好先把 ①「手動」切成「自動」,再按 Enter 送出
Claude 新對話的輸入框,已經填好設定指令,資料夾是 Desktop,下方權限顯示「手動」1
2第一次會問要不要信任按「信任工作區」
Claude 詢問是否信任 ~/Desktop 這個工作區,右下角有「信任工作區」按鈕
看設定指令的完整內容第 2 步填進去的就是這段
設定指令(第 2 步的按鈕填進去的就是這段)
請幫我安裝並完成「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 就找得到。

我的業務資料庫
  • 01_價格方案價格表
  • 02_產品模組簡報官方模組簡報
  • 03_API開發文件串接問題
  • 04_合作客戶案例案例、logo
  • 05_提案簡報_範本參考好的提案當範本
  • 06_提案簡報_客戶專案一個客戶一個資料夾
  • (客戶名稱)網頁、簡報、報價
  • _素材GPT 圖、後台截圖
  • _to_delete要刪的先放這
  • CLAUDE.mdClaude 的工作規則
  • README_索引.md檔案清單
  1. 1
    從這個資料夾開對話

    Claude 才讀得到檔案和規則

  2. 2
    新客戶,開一個資料夾
  3. 3
    新檔案,拖進去後說
  4. 4
    不要的,先放 _to_delete

    刪檔前 Claude 都會先問

02設定好之後

平常怎麼用

1 個心法6 則心得3 個名詞
業務跟小機器人說話,機器人面前有簡報、網頁和插畫
左邊照著長長的步驟清單指揮機器人繞遠路;右邊只指出目標旗子,機器人自己找到順的路、抱著成果前進

心法給目標和成果,比給做法更好

說清楚給誰看、要什麼結果,步驟讓 Claude 規劃。

只給做法照做,但成品普通

先到官網複製三段介紹,做成 5 頁簡報。第 1 頁放標題,第 2 頁放功能,第 3 頁放價格,字用 24 級,最後加一頁謝謝。

Claude 自己規劃,成品更好
給目標和成果
目標:讓一家保養品牌的老闆 5 分鐘內看懂,為什麼要用 LINE 做會員分眾。
成果:一份可以分享的網頁,看完會想約第二次會議。用他們官網的商品當例子,加同產業的案例。
做法你來規劃,先給我架構,我確認後再開始做。

心得AI 使用心得

點「試試」可以直接複製那句話。

男生在大白紙上只畫了一個方框和問號,機器人從方框裡拉出好多種版面想法
01

想像力打開,留空間給 AI

說要什麼,細節讓它提,常有更好的版本。

機器人從整齊的資料夾書櫃抽出圖表和文件,組合成一份提案
02

資料庫比提示詞更重要

資料越完整,一句話就做得越準。

三個分開的對話視窗,各自是不同的店,機器人在其中一個視窗專心工作
03

一個客戶、一個對話

背景不混;換客戶就開新的,又快又省。

95.8%的用量花在重讀前面的對話(實測)
筆電網頁上用黃色虛線框起一塊,機器人拿放大鏡看,旁邊是修好的版本
04

善用截圖

哪裡不對直接截圖,比打字快又準。

⌘ControlShift4→⌘V
機器人站在一階一階往上的階梯,男生在中間換上新工具
05

習慣跟著模型更新

新模型出來,換個說法試試,留下更好的。

男生像指揮家一樣同時交代三件事,三個小機器人各自在筆電上做網頁、簡報和圖表
06

多個 Claude Code 同時做

能分開的事同時交代,做完一起回報。

一句話 資料備好、目標說清楚,做法讓它提。

觀念CLI、MCP、API 差在哪?

Claude 是總指揮,三種都會用。點圖上的標籤看看。

小機器人站在中間當總指揮,三條線分別接到左上的筆電(CLI)、右上接著各種應用的延長線插座(MCP)、下方遞出包裹的服務窗口(API)
人坐在桌前描述想要的畫面,旁邊的機器人在筆電上打指令,做出插畫和網頁
CLI 命令列打一行指令,叫電腦上的程式做事。
生圖發成連結裝外掛

我們的例子說「幫我畫一張情境圖」,圖就畫好了;說「發成連結」,就拿到網址。

CLI讓 Claude 動手MCP讓 Claude 拿到資料API讓系統彼此串起來
03做客戶網頁

範例:做給客戶的網頁

實際做給客戶的網頁。挑一份當底,Prompt 工坊幫你組好指令。

工具

Prompt 工坊

點幾下,組好給 Claude 的提案網頁指令。

  1. 1挑範例
  2. 2填品牌
  3. 3勾功能
  4. 4在 Claude 打開
工具Prompt 工坊選好就會即時更新右邊的 prompt
一鍵套用常用組合會帶入範例、對象、功能和呈現方式;品牌和價格不會被改掉,套用後都能再調整
1參考哪一份範例選了會先套用它的呈現方式;標「推薦」的是依對象建議的
2品牌填官網就好,品牌名稱 Claude 也會從官網判斷
3給誰看會自動套用適合的呈現方式
4主要展示功能可以複選,會自動配建議動畫
5價格
指定方案可以複選
加購項目手動填寫,可以加好幾項
6呈現方式

7其他要求選填,點常用句直接加入
04加一點動態

動畫存儲區

挑一個動畫,按「在 Claude 打開」,就會放進你的網頁。

MOTION LIBRARYv16.0

動畫存儲區

做好的網頁動畫,挑一個,Claude 就幫你放進網頁。

16ANIMATIONS個動畫5SCENES種情境8FEATURES類功能
  1. 01挑動畫
  2. 02在 Claude 打開
  3. 03換成客戶內容
工具動畫存儲區16 個動畫,點預覽放大看
點預覽可以放大看完整示範,上一個/下一個切換

動畫載入中…

在 Claude 打開
最新動畫

    怎麼放進網頁

    指定動畫

    已經知道要哪一個

    讓 Claude 自動挑

    交給 Claude 配

    它會先列表給你確認再放進去。

    貼給 Claude
    幫我在(網頁檔案或客戶資料夾)加上適合的動畫。
    先用 curl -sL 讀 https://claude-workflow-guide.pages.dev/motion/effects.json,看我網頁每一段在講什麼,從清單挑適合的:每段最多一個、整頁最多 3 個,沒有適合的就不加。
    先用表格列出「哪一段 → 哪個動畫 → 為什麼」給我確認,我說好再照各動畫 detail 裡的步驟放進去,內容換成這個客戶的。

    只讀清單和用法(每個約 600 token),很省。

    05為什麼做成網頁

    製作一份簡報 vs 網頁:消耗減少 4–6 成

    教學、會後補充這類內容做成網頁,比做簡報省很多。

    天平左邊是厚厚一疊投影片,右邊是一個輕盈的網頁
    −38%
    同一份 8 頁內容,從零做到檢查完,HTML 少用的 token
    −59%
    改版一次少用的 token(過去 10 天實際紀錄的中位數,跟比較一的「時間少 59%」是不同的數字)
    95.8%
    所有 token 裡,花在「重讀前面對話」的比例
    看完整實測數據

    比較一:同一份內容,各做一次

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

    簡報組做出的 8 頁投影片縮圖
    簡報組python-pptx 產生 16:9 投影片,用 PowerPoint 匯出 PDF 再轉圖檢查
    HTML 組做出的 8 個區塊截圖
    HTML 組單一 HTML 檔,用瀏覽器截圖檢查(另外多看一張手機版)
    簡報HTML差多少
    呼叫模型次數22 次17 次少 5 次
    檢查時看的圖22 張19 張(含手機版)少 3 張
    累計讀取的 token257 萬159 萬少 38%
    換算 API 費用 *約 US$1.24約 US$0.87少 30%
    花費時間8 分 50 秒3 分 39 秒少 59%
    寫出的程式碼19.2 KB17.9 KB差不多

    * 以 Claude Opus 5.5 的 API 價格換算:輸入每百萬 token US$4、寫入快取 US$5、讀取快取 US$0.2。用 Max 這類月費方案不會另外收費,但 token 用得越多,越快碰到用量上限。兩邊寫出的程式碼量差不多,所以差距幾乎都在「讀」。

    比較二:過去 10 天的實際工作紀錄

    改版一次(中位數)

    多頁簡報
    1,435 萬
    HTML 教學頁
    584 萬

    交付一次

    轉 Google 簡報
    1,166 萬
    發 Cloudflare
    515 萬

    簡報取 4 個客戶提案共 14 次改版,HTML 取 1 份客戶教學頁的 5 次改版。Cloudflare 那次是第一次部署,包含處理建專案的錯誤;之後每次更新只要一個指令。這些內容和對話長度都不一樣,不算嚴格對照,但結果跟比較一是同一個方向。

    06卡住時

    可能會遇到的狀況

    依階段找;多數狀況說一句「幫我檢查設定」就會處理。

    卡住時先試這一句「幫我檢查設定」逐項檢查,再告訴你哪裡要處理。也可以輸入 /gpt-workflow:check
    設定按「一鍵開始設定」沒反應

    先確認 Claude 桌面版已更新到最新版、打開過一次。還是沒反應:按按鈕下方的「複製設定指令」,到 Claude 點 </> →「+ 新增」→ 資料夾選「桌面」,貼上送出,後面流程一樣。

    設定Claude 每一步都問「要不要允許」

    這是執行前的確認,是正常的。把輸入框下方的「手動」切成「自動」就不用一直按;刪檔、把資料傳出去這類動作還是會先問你。

    設定跳出「信任工作區」,或 macOS 問能不能存取檔案

    第一次打開資料夾都會問,按「信任工作區」和「允許」就好。

    設定登入代碼過期,或登入頁提醒「別人給你代碼就取消」

    代碼 15 分鐘內有效,過期就再拿一組。那個提醒是正常的,因為是你自己要登入。

    設定輸入「/」看不到 gpt-workflow 的技能

    按 ⌘Q 把 Claude 整個關掉再打開。生圖做法也寫在資料庫的 CLAUDE.md,不重開也能畫。

    設定之前照舊版教學做過,會不會重複或衝突?

    直接按「一鍵開始設定」。Claude 會沿用你建好的資料夾;要清掉的舊設定會先問你,再搬到 _to_delete 備份,不會直接刪。

    生圖Claude 要我提供 OpenAI API 金鑰,或寫了呼叫 API 的腳本

    不需要金鑰,也不用 API。說這句,Claude 會改回用 ChatGPT 帳號裡的 Codex 畫圖。

    生圖出現 Not logged in

    Codex 的登入過期了。說這句,Claude 會給你網址和代碼,在瀏覽器輸入一次就好。

    生圖Claude 說找不到 codex 指令

    先確認 ChatGPT 桌面版已安裝並登入,再說這句。剛裝好時,可能要按 ⌘Q 重開 Claude 一次。

    生圖出現 usage limit、rate limit 或 quota

    Codex 的額度用完了,等額度重置(訊息裡通常有時間)或改天再畫。生圖比一般對話更快用完額度,不滿意的只重畫那一張。

    生圖出現 plan、upgrade 或 not available

    這個帳號的方案不能生圖,需要 ChatGPT Plus 以上。

    生圖跑完了,資料夾裡卻沒有圖

    說這句,Claude 會到 Codex 存圖的地方找最新的圖,複製到你的資料夾。

    生圖圖上的中文字是亂的、logo 不對

    GPT 畫不準中文字和 logo。先畫沒有字的底圖,字用網頁或簡報疊上去;logo 用品牌官方原圖。

    生圖ChatGPT/Codex 那邊要輸入什麼指令嗎?

    不用。裝好 ChatGPT 桌面版、用 Plus 以上的帳號登入就好,其他都由 Claude 處理。

    生圖一張圖要等多久?

    每張大約 1 分鐘,在背景跑;等的時候可以繼續交代別的事。

    做網範例網頁的內容可以直接拿來用嗎?

    只當版型和呈現方式的參考。Prompt 工坊產生的指令會請 Claude 換成你的品牌情境,原品牌的內容、數字和 logo 都不沿用。

    做網Claude 說找不到我放的檔案

    確認對話是從「打開我的業務資料庫」開的;檔案放進去之後說一聲這句。

    做網對話越拉越長,Claude 開始忘記前面講的

    一個客戶、一個對話;換客戶或換主題就開新對話。客戶的重點存進資料庫,下次不用重講。

    做網功能說明不確定對不對

    資料庫的規則會讓 Claude 先查 docs.omnichat.ai 並附上連結;查不到會直接說查不到。點連結就能確認。

    做網要把做好的網頁給客戶看

    說這句,Claude 會發布成一個網址,並設定成不被搜尋引擎收錄。第一次會開瀏覽器請你登入 Cloudflare 並按授權(免費帳號就可以)。

    ↑