這份講義怎麼用
講義
- 聽 這
一段 要 聽懂 的 觀念,講師 說明 時 可以 對照 著看。 - 做 自己
動手 的 步驟,提示詞 旁邊 有「複製 提示詞」按鈕。 - 查 做
完 之後 的 檢查,逐項 確認 再 往下走。
網頁
今天的地圖
- 開始
之前:設定 留下:test.html與 檢查 - 開場
與 留下:陽春版暖 身:一句 話 做出 陽春版 知識圖譜 - 核心
練習 留下:工具 v0、驗收紀錄一:照 規格書 做出 職務代理檢查器 v0 - 休息
- ChatGPT 帳號
設定:讓 AI 先 留下:自訂指示認識 你 - 核心
練習 留下:工作說明書 V1.0、工具 v1、HANDOFF.md二:交辦,讓 AI 先 反問 - 核心
練習 留下:判定三:同一 題問 三次,答案 會 一樣 嗎 規則 表、工具 v2 - 上午
收尾:建立 留下:專案專案 資料夾 - 午休
- 核心
練習 留下:去識別化四:去識別化 與 還原 工具、對照檔、還原 後 的 信件 與 說明 - 休息
- 核心
練習 留下:「職務代理五:專案=核心提示詞+參考資料 小 幫手」專案 - 核心
練習 留下:tool-page-builder 技能包六:轉成 技能 - 休息
- 終幕:MVP(最小
可行 留下:MVP 實作的 實作)與 三句話 向 長官 說明 說明 - 問答
與 結語
開始之前:設定與檢查
上課
做 五個步驟
- 用
手機 掃描 課堂 白板 的 QR code。再 把 白板 網址 用 郵件 或 Teams 傳到 自己 的 電腦,之後 複製 提示詞 比較 方便。 - 在
桌面 建立 一個 資料夾,例如「AI練習」。今天 做出來 的 檔案 都 存在 這裡,檔名 一律 用 英文。 - 登入
行內 的 ChatGPT 企業版 帳號,確認 左側 看 得到「專案」。每換 一件 事,就 開 一個 新對話。 - 打開 Copilot,確認
可以 選「深度思考」或 推理模型。功能 名稱 以 你 的 畫面 為準。 - 測試
存檔 與 開啟:打開 記事本,貼 上 下面 這段 文字。選「另存 新檔」,存檔 類型 選「所有 檔案」,編碼 選「UTF-8」,檔名 輸入 test.html,存 到「AI練習」資料夾。接著 在 檔案 上 按 右鍵,選「開啟 檔案」,再選 Microsoft Edge。
<!DOCTYPE html><html lang="zh-Hant"><meta charset="utf-8"><title>test</title><body style="font-family:sans-serif;padding:40px"><h1>存檔與開啟都正常</h1><p id="t">如果看得到這一行,代表程式沒有執行。</p><script>document.getElementById('t').textContent='程式也可以執行:'+new Date().toLocaleString('zh-TW');</script></body></html>
查 五項都打勾再開始
- 白板
網址 已經 在 自己 的 電腦 上。 - 桌面
有「AI練習」資料夾。 - ChatGPT 左側
看 得到「專案」。 - Copilot 可以
選 深度思考 或 推理模型。 - test.html 打開
之後 顯示「存檔 與 開啟 都 正常」,下 一行 顯示 現在 的 時間。
如果
開場與暖身:一句話做出陽春版
架構
聽 今天的規則與三個成品
今天
做 一句話知識圖譜
- 在 Copilot 開
一個 新對話,選 深度思考。 - 複製
下面 的 提示詞,再 把 白板 上 的《金融 服務業 公平 待客 原則》全文 貼 在 最後 一行。 - 等
它 寫 完,照「開始 之前」第 5 步 的 方式 存成 knowledge_graph.html,用 Edge 打開。
P0|一句
將以下文件的所有知識點,以 SVG 繪製圖文並茂的知識圖譜,做成一個單一 HTML 檔。不要載入任何外部程式庫。
---
(貼上白板上的《金融服務業公平待客原則》全文)
查 數一數重複的說明
數一數
核心練習一:照規格書做出職務代理檢查器 v0
架構
聽 規格書的九個部分
規格書
做 貼上規格書,存檔,打開
- 在 Copilot 開
一個 新對話,選 深度思考,貼 上 P1。 - 生成
需要 幾分鐘,等待 時 先讀 下面 的 驗收表。 - Copilot 沒有
提供 下載 時,把 程式碼 全部 複製到 記事本,存成 UTF-8 編碼 的 leave_coverage_v0.html,再用 Edge 打開。 - 生成
失敗 或 程式 不 完整 時,改用 課堂 白板 上 的 備用版工具。
P1|職務代理
直接產出一個「單一 HTML 檔」(HTML、CSS、JavaScript 全部寫在同一個檔案裡),不要問我問題,程式要完整可以執行,不要省略、不要留 TODO。介面全部用繁體中文。不要載入任何外部程式庫或字型,不要連線到任何網址,只用原生 JavaScript、SVG 或 Canvas。所有資料都是合成資料。
【背景】
我們是銀行的基層主管。單位裡每一項業務都要有人會做,同仁休假時也要有合格的代理人。每個月排休假時,常常到了當天才發現某項業務沒有人能代理。請做一個「職務代理與休假排定檢查器」:輸入同仁會哪些業務、誰要休假,就能看到每一天、每一項業務的代理狀況,哪幾天有缺口,以及可以怎麼調整。
【基本設定】
畫面上可以修改,旁邊註明「預設值,請依單位實際情況修改」:
- 檢查月份:預設 2026 年 12 月。
- 上班日:週一到週五。國定假日可以在畫面上新增或刪除,預設不列任何假日。
- 每位同仁每天最多計入幾項業務:預設 2 項。
【資料】
畫面上有三張可以編輯的表格,每張都可以新增、刪除列,可以貼上 CSV(第一列是欄位名稱),也可以下載 CSV 範本。
1. 業務清單:業務名稱、每天最少在位人數、說明。
2. 能力表:同仁對每一項業務的等級,2=可獨立辦理、1=需有人陪同、0=不會。用「同仁 × 業務」的格子呈現,點一下格子就能切換等級,並統計每一項業務有幾位可以獨立辦理。
3. 休假申請:同仁、開始日期、結束日期、假別(特休、事假、病假、公假、訓練)、可否調整(是/否)。
同仁的欄位:代號、姓名、職稱。
預設載入這組合成資料:12 位同仁(代號 A01 到 A12,姓名與職稱自行編寫),6 項業務(臨櫃存提款每天至少 3 人、外匯 1 人、開戶 1 人、放款撥貸 1 人、理財諮詢 1 人、主管授權放行 1 人),12 月的休假申請約 10 筆,其中要有幾天會讓外匯和主管授權放行出現缺口。
【檢查規則】
1. 每一個上班日、每一項業務,計算當天在位、而且等級為 2 的同仁可以分派幾人。等級 1 的同仁不計入人數,但在明細裡列為「可以陪同支援」。
2. 分派時先處理合格人數最少的業務,每位同仁每天計入的業務數不能超過基本設定的上限。
3. 分派後