零基礎 AI 教學

用 WorkBuddy
搭建你的專屬工作台

唔需要寫代碼、唔需要懂技術,
複製一段提示詞,AI 幫你做好一切

🤖
WorkBuddy 係咩?
WorkBuddy 係一個 AI Agent 平台——你用自然語言告訴佢你想要什麼,佢就幫你自動生成網頁、工具或工作台。你唔需要識代碼,只需要一段指令就夠。
約 10 分鐘完成
📱 手機電腦均可
💸 免費使用
🔑 需要登入帳號
選擇你的裝置
1
下載 / 打開 WorkBuddy
在手機上搜尋並下載 WorkBuddy App
A
打開 App Store(iPhone)或 Google Play(Android) 在搜尋欄輸入「WorkBuddy」
B
點擊「安裝」,等待下載完成
C
打開 App,你會見到登入頁面
在電腦瀏覽器直接進入 WorkBuddy 網站
A
打開瀏覽器(Chrome / Safari / Edge 均可)
B
搜尋 「WorkBuddy AI」 或直接進入官網
C
點擊右上角「登入 / 開始使用
2
登入帳號
手機版提供三種快速登入方式,揀一個最方便的
💡
建議
用微信登入最方便——一鍵授權,唔使記密碼
電腦版在網頁上完成登入
💡
建議
電腦版用微信掃碼最快——手機掃一下即可,唔使打字
3
開始一個新對話
成功登入後,你會見到 WorkBuddy 嘅主頁面
1
找到頁面下方或左側的 「+ 新建」「新對話」 按鈕
2
點擊開啟,會出現一個空白對話框 就像 WhatsApp 入面嘅輸入框咁
3
唔需要輸入任何內容——等到下一步先複製提示詞
4
複製以下提示詞
點擊下面嘅「一鍵複製」按鈕,整段提示詞就會複製到剪貼板
📋 工作台建造提示詞
幫我搭建一個個人工作台(Dashboard),要求如下: 1. 整體全部為手機豎屏適配,兩套主題各自獨立配色卡片設計,IP 裝飾元素僅邊角點綴,不能大面積貼圖遮擋文字,功能優先級高於裝飾,排版乾凈整潔;主體區域左側為任務欄,右側設功能掣區(包括打卡、搜尋等常用操作),左右兩欄清晰分隔,操作入口一目了然; 2. 全部文字、打卡、筆記、賬單、飲食記錄雙重儲存,本地自動備份+跨設備雲端同步;右上角主題切換控件僅修改視覺樣式,所有業務數據、打卡記錄、賬單數據不會因為切換主題產生任何改動; 3. 頁面切換流暢,摒棄多餘花哨特效,兩套主題切換響應迅速無延遲; 4. 所有自動刷新板塊生成新內容後,歷史數據不會清除,自動歸檔,隨時可以回溯查詢往期內容; 5. 搭建過程中如果出現頁面 BUG、邏輯漏洞,主動向我提問確認優化方案。
📝
提示詞係咩?
提示詞就係你「告訴 AI 要做咩」的指令。你唔需要修改,直接複製貼上就好。想加自己的要求?可以係最後補充,例如「我想追蹤每日運動打卡」。
5
貼入對話框並發送
1
點擊 WorkBuddy 嘅輸入框(就係打字嗰個框)
2
長按 → 選擇 「貼上」(Paste) 手機:長按輸入框彈出選單;電腦:Ctrl+V 或 ⌘+V
3
確認提示詞已出現,點 「發送」 或按 Enter
⏳ WorkBuddy 會開始自動搭建,過程約 3–8 分鐘。途中佢可能會問你一些問題,如實回答就好,例如「你想追蹤什麼目標?」或「你叫什麼名字?」
6
跟著 WorkBuddy 完成搭建
搭建過程中,WorkBuddy 可能會問你問題或展示進度
🙋
如果 WorkBuddy 問你問題
直接回答佢就好!例如佢問「你想要淺色還是深色主題?」→ 你回「都要,兩套」。問「需要什麼功能板塊?」→ 你回「運動打卡、飲食記錄、財務目標、每日任務」。
如果生成中途停頓
直接發送「繼續」兩個字,WorkBuddy 就會接著做
完成!你的工作台準備好了
🎉
工作台搭建完成
WorkBuddy 會給你一個預覽連結。你可以加到手機書籤,方便每天打開使用。

如果想修改任何功能,直接告訴 WorkBuddy 就好——用中文說「我想加一個 __ 功能」即可。
💾
數據安全提示
我們嘅提示詞已要求 雙重儲存(本地 + 雲端)。即使換手機或清除緩存,你的打卡記錄和筆記都不會丟失。
另一個方法
用 Claude 或其他 AI
同樣可以做到
如果你已經係 Claude、ChatGPT、Gemini 等 AI 嘅用家,唔需要下載 WorkBuddy。直接喺你慣用嘅 AI 貼入提示詞,AI 會幫你生成一個完整嘅 HTML 工作台——你儲存成文件,用瀏覽器打開就可以用。
Claude (claude.ai)
ChatGPT
Gemini
其他 AI 聊天工具
WorkBuddy
  • 雲端同步,跨設備
  • 雙重儲存(本地+雲端)
  • 兩套主題切換
  • 適合長期使用
Claude / AI 生成
  • 單一 HTML 文件
  • 本地 localStorage 儲存
  • 完全自訂內容
  • 唔需要另外登入
1
打開你慣用的 AI
前往 claude.aichat.openai.com 或你喜歡的 AI 工具,登入後開新對話
2
複製以下提示詞,貼入發送
點擊下面綠色按鈕複製,貼到 AI 的輸入框發送——就係呢麼簡單
📋 Claude / AI 版提示詞
【目標】 幫我用 HTML + CSS + JavaScript 做一個個人工作台(Dashboard),打包成單一 .html 文件,直接用瀏覽器打開就能使用,唔需要伺服器。 【設計風格】 • 手機豎屏優先(最大寬度 460px,頁面居中) • 米色溫馨風格:背景 #FAF4EC,卡片 #F0E6D0,暖棕色調 • 字體:Google Fonts 的 Noto Sans HK(正文)+ Cormorant Garamond(標題大數字) • 卡片式佈局,版面整潔,功能優先於裝飾 • 主體採用兩欄佈局:左側為任務欄,右側為功能掣區(打卡、搜尋等常用操作),左右清晰分隔 【數據儲存】 所有數據用 localStorage 儲存,刷新頁面後不丟失;每日任務在新的一天自動重置(按日期判斷) 【功能板塊(按需修改)】 1. 今日任務清單 — 可勾選打卡,完成後劃線顯示,頁頂顯示今日完成進度 2. 財務目標追蹤 — 輸入目標金額和現有儲蓄,自動計算 % 進度條 3. IG / 社交媒體粉絲追蹤 — 輸入最新粉絲數,顯示距目標差距 4. 即將行程倒數 — 顯示重要日期距今幾天,已過期的自動標記 5. 本週打卡記錄 — 7 個格子代表週一至週日,點擊打勾記錄 【技術要求】 • 純前端,不依賴任何外部 API 或伺服器 • 所有互動元素有視覺反饋(顏色過渡、狀態變化) • 代碼整潔,完整輸出整份 HTML 完成後給我完整代碼,我複製儲存為 .html 文件直接用。
💡 想加自己的板塊? 在「功能板塊」那一段補充你想追蹤的事,例如「加一個每日飲水量記錄」或「加一個運動打卡,星期一二四五六各有唔同訓練計劃」——AI 會幫你一起做進去。
3
複製 AI 生成的代碼
AI 完成後會輸出一大段 HTML 代碼。全選複製(Ctrl+A → Ctrl+C,或點「複製代碼」按鈕)
4
儲存成 .html 文件
打開電腦記事本(Windows:Notepad / Mac:TextEdit)
貼上代碼 → 另存為 dashboard.html
用 Chrome 或 Safari 打開呢個文件,工作台就出現了 ✓
5
想改?直接告訴 AI
覺得某個功能唔啱用?回到 AI 對話,繼續說:
幫我把任務清單改成每週一重置
加多一個每日情緒打分(1-10分)
AI 會幫你更新代碼,你再複製貼上覆蓋文件就好