保
小蟲AI實戰 | 保險營業員 Vibe Coding 專班
保
這堂課要用到的東西

課程使用的所有工具，點擊前往直接使用

分析風格
Pinterest 找圖
視覺靈感與高質感參考圖庫
前往
Gemini版 YAML分析器
快速拆解圖片風格，產出提示詞框架
開啟 Gem
ChatGPT版 YAML分析器
小蟲的 YAML 大師 GPT，功能相同、平台任選
開啟 GPT
AI 桌面工具
Claude Code 桌面版（訂閱、登入 Claude 帳號）
本課主力——寫程式的首選，Windows 請先裝下面的 Git 再開專案
下載
Git（Windows 必裝）
Claude Code 在 Windows 開本機專案的前置需求——下載後一路「下一步」裝完即可
下載
Codex 桌面版（訂閱、登入 ChatGPT 帳號）
OpenAI 的 AI 工程師，用 ChatGPT 帳號直接登入
下載
Antigravity 桌面版（訂閱、登入 Gemini 帳號）
Gemini 3 加持的 AI 開發平台——Google 出品，個人免費
下載
🌐 英文頁面看不懂？Chrome 一鍵翻成中文
上面的下載頁都是英文，用 Chrome 開就能整頁翻譯：
① 單頁翻譯：在頁面空白處按右鍵 →「翻譯成中文（繁體）」，或點網址列右側的翻譯圖示。
② 一勞永逸：翻譯小視窗點右側「⋮」→ 勾「一律翻譯英文」，以後所有英文網頁自動變中文。
③ 手機版：頁面底部會跳出翻譯列，點「中文（繁體）」即可。
小提醒：翻譯只作用在「網頁」，裝好的軟體介面翻不到——不過沒關係，跟 AI 對話直接打中文，它就用中文回你。
② 風格分析YAML

用 Pinterest 找到你的視覺語言，再交給 AI 轉成可用的風格框架

為什麼要先找圖？

YAML 風格提示詞不是憑空想像的——它來自你「看到就喜歡」的視覺感受。
先去 Pinterest 找 3 張讓你心動的圖，再讓 AI 幫你拆解背後的設計語言，
才能寫出真正屬於你個人品牌的風格框架，而不是套用別人的模板。

選一種方法開始
兩種都可以，看你今天的狀態
方法一｜興趣牆
直覺選圖，讓 AI 找出共同風格
操作步驟
1打開 Pinterest，搜尋你想呈現的專業形象（例如：insurance agent branding、financial advisor branding、保險名片設計）
2純靠直覺，找 3 張「看到就喜歡」的圖，不必分析原因
3截圖或存圖，帶進 YAML 分析器（Gemini 或 ChatGPT 版皆可），貼上這句話：
請個別放入 YAML 中，讓他幫你分析出視覺顏色的提示詞：跑出一段程式碼，有很多種顏色的就是了！
方法二｜色系歸納法
從顏色切入，找到你的視覺語言
操作步驟
1先選一個你想要的主色調，例如：深海軍藍專業信賴感、粉彩藍柔和安心感、大地暖色家庭溫度感
2在 Pinterest 搜尋這個色系＋用途，例如：「navy blue insurance branding」、「soft pastel trust brand」
3找出 3 張色感最對的圖，截圖後貼入 YAML 分析，用這句話：
請個別放入 YAML 中，讓他幫你分析出視覺顏色的提示詞：跑出一段程式碼，有很多種顏色的就是了！
常用搜尋關鍵字參考
insurance agent branding financial advisor office family protection illustration trust brand palette warm minimal business card
找完 3 張圖了？
請個別放入 YAML 中，讓他幫你分析出視覺顏色的提示詞：
跑出一段程式碼，有很多種顏色的就是了！
Gemini版 YAML分析器 ChatGPT版 YAML分析器
保
① 業務員應揭露資訊

AI 做的每個對外作品，頁尾都要帶上這一塊——專業者的合規門面

為什麼第一堂課先講這個？

AI 產出的網頁預設不會幫你放業務員登錄證字號與所屬公司資訊。
沒有揭露的試算工具，客戶分不清你是「合格登錄的業務員」還是來路不明的推銷；帶了完整揭露，同一個工具立刻變成你的專業名片。
先把這塊做好、教給 AI，之後每個作品自動合規。

對外作品應揭露的六件事
🏢 所屬公司全名
保險公司／保險經紀人／保險代理人公司完整名稱
👤 業務員姓名＋職稱
用登錄的正式職稱，寫清楚
📜 業務員登錄證字號
依保險業務員管理規則向公會登錄之字號
🧾 登錄險種範圍
人身保險／財產保險／投資型保險，有登錄才能招攬
📍 服務據點與聯絡方式
通訊處地址、電話，讓客戶查得到人
⚠️ 免責聲明
試算與商品介紹必附：一般保險資訊僅供參考，實際以保單條款為準
⚡
揭露區塊產生器
填一次，直接產出「頁尾揭露文字」與「交給 AI 的指令」
職稱
所屬公司全名
姓名
業務員登錄證字號
登錄險種範圍
服務據點地址
電話
Email 或官方 LINE（選填）
預覽（就是之後每個網頁頁尾長的樣子）：
（開始填寫，這裡會即時更新）
「交給 AI 的指令」＝揭露資訊＋一句規則：之後做任何對外網頁，頁尾自動加上這塊。貼進下方三個平台，設定一次終身受用。
用語紅線：保險業務員管理規則第 19 條明定招攬不得有虛偽不實、誇大、誤導或不當比較，也不得以商品即將停售作為招攬話術、不得慫恿客戶解舊保單買新保單。 「保證獲利」「穩賺不賠」「絕對理賠」「比定存划算」「再不買就沒了」這類字眼一律不能出現在你的工具與文案裡—— AI 有時會自作聰明幫你加，看到就刪。另外：紅利分配與投資報酬屬非保證項目，任何試算都要標明「非保證」； 對外請用登錄的正式職稱並帶登錄證字號，這是專業與合規的門面。實際規範以保險法、保險業務員管理規則與所屬公司內規為準。
把揭露資訊教給三個 AI 平台
貼上剛剛複製的「交給 AI 的指令」，設定一次，之後 AI 幫你做的每個網頁、每份文件，頁尾自動帶上業務員揭露區塊。
1
登入 ChatGPT，點右上角大頭照 → 設定
在 chatgpt.com 登入後，點右上角頭像，選單展開後選「設定」。
2
設定 → 個人化 → 自訂指示
英文版路徑：Settings → Personalization → Custom instructions
3
在「你希望 ChatGPT 如何回應？」欄位貼入
你剛剛從產生器複製的「交給 AI 的指令」
4
儲存，每次新對話自動套用
之後請它做網頁，頁尾就會自動帶揭露區塊。
③ 常見用法

通訊處的紙本表單，變成客戶點開就能用的網頁——九個示範一次看

這一頁在示範什麼？ 下面九個網頁，全部改造自業務員包包裡的 Word、Excel 和 PDF—— 理賠文件清單變成可查詢的網頁、保額公式變成線上計算機、紙本需求分析表變成可以直接填寫列印的表單。 這就是本課要教你的事：你手上的每一份表單，都能變成這樣。
查詢型：表格上網
📋 懶人包
理賠申請懶人包
要準備哪些文件？多久會下來？兩個 Q&A 講清楚
📋 速記表
保障規劃速記表
六大險種、人生階段、關鍵期限一頁查
📋 對照表
保險金稅務對照表
輸入身故保險金，免稅額度自動比對
計算型：公式上網
🧮 計算機
計算小幫手
雙十原則＋繳別換算＋日額缺口三合一
🧮 教具表
退休金缺口試算
晚十年開始準備差多少，一目了然
表單型：紙本文件上網
📝 分析表
保險需求分析表
在意的風險勾選式，線上填、直接印
📝 總覽表
家庭保單總覽表
全家保單一頁掌握，年繳保費自動加總
📝 報告單
理賠申請進度報告單
申請進度＋文件清單＋金額結報一張搞定
📝 健檢單
保單健檢報告單
含保障缺口自動試算的健檢報告
理賠申請懶人包

要準備哪些文件？多久會下來？兩個問題講完

理賠申請懶人包
永安保險經紀人（課堂示範版）
Q1. 住院醫療險理賠，要準備哪些文件？
A. 基本四樣，出院時順手拿齊，不用多跑一趟醫院：
文件去哪裡拿
理賠申請書保險公司官網下載或找服務人員索取
診斷證明書出院時向醫院申請（載明住院起迄日與診療內容）
醫療費用收據（正本或副本）出院繳費時索取；副本可否理賠依各保單條款
受益人存摺影本理賠金匯款帳戶
小提醒：意外事故另附「意外事故證明」（如交通事故的道路交通事故當事人登記聯單）；
身故理賠另需死亡證明書與除戶戶籍謄本。
※ 各公司要求略有差異，送件前先跟服務人員核對清單
Q2. 理賠金申請後，多久會下來？
A. 保險法第 34 條有明確規定，文件交齊是關鍵起算點：
情形給付期限備註
保單有約定給付期限依約定期限自收齊證明文件後起算
保單無約定期限15 日內自收齊證明文件後起算
逾期未給付加計年利一分應給付遲延利息（年息 10%）
備註
  1. 理賠請求權時效為 2 年（保險法第 65 條），自得為請求之日起算——事故後別拖，文件先備起來。
  2. 保險公司若需照會或補件，時程會從文件補齊後重新起算，一次備齊最省時間。
  3. 投保多家公司的醫療險可同時申請理賠；副本收據可否受理，以各保單條款為準。
  4. 診斷證明書一次多申請幾份（每份工本費約百元），多家申請就不用回醫院補。
  5. 理賠有疑義時，可先向保險公司申訴，或向金融消費評議中心申請評議。
本頁依保險法第 34、65 條等規定整理，實際理賠以保單條款與保險公司核定為準
改造自通訊處紙本文件｜Vibe Coding 課堂示範
保障規劃速記表

六大險種、人生階段、關鍵期限，一頁查完

保障規劃速記表
永安保險經紀人（課堂示範版）
一、六大險種速覽
險種保什麼常見給付方式
壽險（定期／終身）走太早——留給家人的責任缺口身故／完全失能一次給付
意外傷害險意外身故、失能與意外醫療依失能等級比例給付＋實支實付
實支實付醫療險住院醫療費用（病房費、雜費、手術費）額度內實報實銷
重疾／癌症險重大疾病確診後的收入中斷與療養確診一次給付為主
失能／長照險長期無法工作或需人照顧每月／每年扶助金
年金／儲蓄型活太久——退休現金流年金定期給付、滿期／生存金
二、人生四階段檢視重點
階段優先順序檢視重點
社會新鮮人意外＋醫療實支實付預算有限先買保障型，雙實支概念、留意職業等級
新婚成家壽險拉高＋醫療補強房貸與家庭責任出現，壽險保額重算、受益人檢視
育兒期壽險＋重疾＋子女醫療責任最重的十年，定期險把保額做足
退休前長照＋退休現金流保障型逐步轉向老後風險，檢視年金與長照缺口
三、投保與理賠關鍵期限
事項期限起算
契約撤銷權（人身保險）10 日保單送達之翌日起，可無條件撤銷、退還已繳保費
繳費寬限期30 日催告到達之翌日起；寬限期內保障有效
停效後申請復效2 年停效日起；6 個月內清償保費復效免重新核保
理賠金給付15 日收齊文件後（無約定期限時，保險法第 34 條）
理賠請求權時效2 年得為請求之日起（保險法第 65 條）
告知義務違反之解除權2 年契約訂立起逾 2 年不得解除；知悉後 1 個月不行使亦消滅
四、常見給付方式比較
日額型住院一天給一天，收據免附也能賠，適合補薪水
實支實付型額度內實報實銷，對付自費醫材與雜費最有感
一次給付型確診即整筆給付，自由運用，適合重疾收入中斷
五、告知義務提醒
據實告知要保書詢問事項應據實填寫（保險法第 64 條），隱匿或不實足以變更危險估計者，保險公司得解除契約
提醒「先簽名其他我幫你填」是紅線——告知欄一定讓客戶自己確認
各商品保障內容、等待期與除外責任以保單條款為準；期限規定依保險法及主管機關函令，修法時請更新
改造自通訊處紙本文件｜Vibe Coding 課堂示範
保險金稅務對照表

遺產稅・最低稅負・所得稅｜輸入身故保險金，額度自己跳出來

⚡ 免稅額度快查（最低稅負制）
身故保險金總額（元，同一申報戶全年合計）
契約型態
保險金稅務對照表
遺產稅・最低稅負制・所得稅｜數字以財政部當年度公告為準
稅目原則要注意的例外
遺產稅指定受益人之人壽保險死亡給付，不計入遺產總額（保險法第 112 條、遺贈稅法第 16 條）國稅局「實質課稅」八大態樣可能仍計入（見下方列點）
最低稅負制
（基本所得額）		要保人與受益人非同一人之人壽及年金險死亡給付，每一申報戶全年合計 3,740 萬以內免計入超過部分計入基本所得額；健康險與傷害險給付不在此限制內
所得稅保險給付原則免納所得稅（所得稅法第 4 條）要保人與受益人非同一人之滿期金、生存金屬最低稅負課徵範圍（無 3,740 萬減除）
贈與稅要保人變更、代繳保費可能構成贈與年免稅額 244 萬；變更要保人前先試算
身故保險金合計免計入額度內應計入基本所得額
實質課稅八大態樣（有這些影子，免稅可能不保）
  1. 重病期間或高齡投保（帶病搶投）。
  2. 躉繳投保、短期密集投保。
  3. 鉅額投保、保費與保險金額相當（保費≒保險金）。
  4. 舉債投保（借錢繳保費）。
  5. 以上態樣經常合併出現——規劃傳承前，個案請先與稅務專業者確認，不要只看「免稅」兩個字。
說明
  1. 3,740 萬免計入額度為 113 年起適用之金額，隨消費者物價指數調整，以財政部公告為準。
  2. 基本所得額另有免稅額 750 萬、稅率 20%；是否實際補稅需整戶合併計算。
  3. 本表僅列大方向，個案適用依事實認定，以國稅局核定為準。
稅務規劃屬專業領域，本表為課堂教具；個案請洽稅務專業者與國稅局確認
改造自通訊處 Excel 對照表｜Vibe Coding 課堂示範
計算小幫手

雙十原則＋繳別換算＋日額缺口——業務員每天在按的計算機，搬上網

🛡️ 雙十原則快算
保額＝年收入 10 倍｜保費＝年收入 10%
家庭年收入（元）
📅 繳別換算
半年繳 ×0.52｜季繳 ×0.262｜月繳 ×0.088（業界常見係數）
年繳保費（元）
🏥 住院日額缺口
目標日額＝病房費差額＋看護費＋收入損失
目標日額（元／日）
現有日額（元／日）
📖 實務備忘
  1. 雙十原則是「起手式」不是答案：家庭責任重的階段（房貸＋幼兒）保額往上調，單身無負擔可往下調。
  2. 繳別係數各公司不同，以商品費率表為準；月繳全年約多付 5.6%，預算緊可以接受，寬裕建議年繳。
  3. 住院日額的目標：雙人房差額行情約 2,000～4,000 元／日，看護一天約 2,400～3,000 元，加起來才是真實缺口。
  4. 以上皆為概算工具，實際保費保額以保險公司費率與核保結果為準。
📄 下一步：把計算結果帶進需求分析與健檢報告
算好的保額與預算，就是「保險需求分析表」與「保單健檢報告單」裡的那幾行—— 跟客戶講清楚哪些是缺口、哪些已經足夠，信任就是這樣累積的。 這種「一堆欄位＋固定公式」的計算，正是最適合做成網頁工具的類型，回到 ④ 實作單元就做得出來。
計算公式照搬通訊處 Excel（元以下四捨五入）｜實際金額以保險公司費率與核保為準
退休金缺口試算

開始的年齡決定每月壓力——「晚十年開始差多少」，一張表講清楚

先看重點：退休準備「什麼時候開始」，每月壓力差好幾倍。 30 歲開始跟 50 歲開始，同樣的缺口，每月要存的錢差距一目了然—— 這張表就是拿來跟客戶解說「時間才是最大本錢」的教具，先看清楚缺口，再談怎麼補。
⚡ 輸入條件
目前年齡
預計退休年齡
退休後每月生活費（元）
預估勞保＋勞退月領（元）
預計準備到幾歲
退休金缺口試算表
簡化教具：未計投資報酬與通膨｜勞保勞退可於勞保局 e 化服務系統試算
開始準備的年齡準備年數每月要存
輸入條件後自動計算
規則邏輯（講給客戶聽的版本）
  • 退休金總缺口＝（每月生活費－社會保險月領）× 12 個月 ×（準備到幾歲－退休年齡）。
  • 每月要存＝總缺口 ÷（退休年齡－開始年齡）÷ 12——開始越晚，分母越小，每月壓力越大。
  • 本表刻意不計投資報酬與通膨，兩者方向相反、粗估互抵；實際規劃請用完整工具跑。
  • 勞保老年給付與勞退新制月領金額，可在勞保局網站用自己的投保資料試算，不要用猜的。
  • 補缺口的工具很多（年金險、儲蓄、投資），先把缺口數字看清楚，再談商品。
本表為簡化教具，未計投資報酬、通膨與稅負
個案請依完整需求分析核算｜改造自通訊處 Excel
保險需求分析表

在意的風險勾選式——線上填好，列印簽名就能歸檔

保 險 需 求 分 析 表
為提供適切之保障規劃建議，請就下列項目勾選與填寫：
基本資料：
稱呼 　年齡 歲　職業
家庭狀況：
目前最在意的風險（勾選，可複選）
現有保障（勾選並填保額）
每年保費預算 新台幣 元　偏好繳別：
其他想說的
服務人員 保險業務員
登錄證字號：
所屬公司：
客戶簽名：＿＿＿＿＿＿＿＿ 業務員簽名：＿＿＿＿＿＿＿＿
中華民國　　年　　月　　日
本表為需求瞭解輔助工具，不構成要保文件；正式投保以要保書與保單條款為準｜改造自通訊處 Word 表單
家庭保單總覽表

全家的保障一頁掌握——年繳保費自動加總，列印給客戶帶回家

家庭保單總覽表
永安保險經紀人（課堂示範版）｜整理日期： 年 月 日
成員保險公司險種名稱保額年繳保費繳費年期續期月份
全家年繳保費合計：0 元 金額欄輸入數字會自動加總
提醒
  1. 每年至少檢視一次：保費支出佔家庭收入的比例、保障是否跟上人生階段。
  2. 結婚、生子、買房等人生大事後，記得檢視受益人安排與壽險保額。
  3. 續期保費留意繳費寬限期 30 日；改月繳、改扣款帳戶請洽服務人員。
  4. 保單借款、減額繳清、契約變更都會影響保障內容，動作前先問清楚。
客戶確認：＿＿＿＿＿＿＿ 服務人員：＿＿＿＿＿＿＿
本表為保單整理輔助工具，實際保障內容以各保單條款為準｜改造自通訊處 Excel 表單
理賠申請進度報告單

申請進度＋文件核對＋金額結報——線上填好，列印歸檔

理賠申請進度報告單
永安保險經紀人（課堂示範版）
一、案件資訊　填表日期： 年 月 日
服務人員 事故類型
被保險人 受益人
涉及保單
申請進度 → → → → →
辦理摘要
下步應辦・預定完成日
二、應備文件核對
文件取得方式已收
理賠申請書保險公司官網下載或服務人員提供
診斷證明書就診醫院申請（多家理賠多申請幾份）
醫療費用收據出院繳費櫃檯；副本可否依條款
受益人存摺影本理賠金匯款帳戶
意外事故證明如交通事故登記聯單（意外案件）
其他：
三、理賠金額結報
保險公司・險種核定金額入帳日期
理賠合計：0 元 服務人員簽章：＿＿＿＿＿＿＿＿
備註
主　管：＿＿＿＿＿＿＿ 客戶簽收：＿＿＿＿＿＿＿
理賠請求權時效 2 年（保險法第 65 條），文件早備早送｜金額欄輸入數字會自動加總｜改造自通訊處 Word 表單
保單健檢報告單

六大保障現有 vs 建議——缺口自動跳出來，健檢的標準單據

怎麼用：在下方表格輸入「現有保障」與「建議保障」，缺口自動計算—— 缺口為正會標醒目色，已足夠會顯示綠色。健檢的重點不是「賣東西」，是讓客戶第一次把自己的保障全貌看清楚。
保單健檢報告單
健檢日期： 年 月 日
客戶資料
稱呼 年齡
家庭狀況 年收入概況
保障健檢（輸入數字，缺口自動計算）
保障項目現有保障建議保障缺口
整體評語與優先建議
健檢速查：壽險概算可用雙十原則（年收入 10 倍）起手，依房貸與家庭責任調整； 住院日額看病房差額＋看護行情；實支實付看雜費額度是否跟得上自費醫材。 建議值為概估，實際規劃以完整需求分析為準。
服務人員（登錄證字號）：＿＿＿＿＿＿＿＿ 客戶簽名：＿＿＿＿＿＿＿＿
本健檢為概估輔助工具，不構成招攬文件；實際規劃請以需求分析與保單條款為準｜改造自通訊處 Word 表單
保
📦 提示詞素材包

15 組可直接套用的保險業務 AI 提示詞，點「複製Prompt」帶走，貼到 Claude 就能用

一、工具起手 Prompt（做網頁工具用）
🛡️ 保障工具
保額需求試算器
遺族需求法，家庭責任缺口一鍵算好
🧮 退休工具
退休金缺口試算器
晚十年開始差多少，時間價值算給客戶看
⏰ 期限工具
續期繳費提醒行事曆
客戶續期日自動整理，寬限期不再踩線
📄 理賠工具
理賠文件檢查器
選事故類型，應備文件清單自動列出
📋 內部工具
客戶服務進度看板
名單到售後，每個客戶走到哪一步一頁掌握
💰 預算工具
保費預算配置器
年收入進來，六大保障預算分配出去
✍️ 服務工具
保單健檢預約表單
客戶自己選時段，健檢邀約不再已讀不回
🔍 輔助工具
建議書比較表產生器
兩三個方案輸入，比較表自動排好
二、文件與文案 Prompt（產文件用）
投保流程白話說明
Claude 直接套用 · 給客戶的流程說明不嚇人
險種比較說明
Claude 直接套用 · 定期終身、還本不還本白話比一比
保單條款白話翻譯機
Claude 直接套用 · 條款翻成客戶聽得懂的話
續期繳費提醒通知
Claude 直接套用 · 提醒繳費，禮貌但有效
保單年度健檢清單
Claude 直接套用 · 產出客戶年度檢核表
建議書重點摘要器
Claude 直接套用 · 三分鐘跟客戶講完建議書
會談紀錄整理器
Claude 直接套用 · 客戶會談筆記變成待辦與紀要
用法：點「複製Prompt」→ 開啟 Claude → 貼上 → 再補上你的資料就能跑。工具類挑一個你每週都在重複做的事開始——重複越多次的工作，做成工具的回報越大。 覺得輸出格式不合胃口？直接跟 AI 說「第二段改成表格」「語氣再親切一點」，改到順手為止——這就是 Vibe Coding 的日常。 提醒：貼給 AI 的客戶資料一律先去識別化（姓名、生日、身分證字號、保單號碼），這是個資法與業務員的保密義務。
🧩 互動元件百科

28 種元件全部可以直接操作體驗，從選擇類、輸入類到展業特殊工具，一頁看完。

一、選擇類
01 · 單選按鈕
Radio Button
只能選一個 · 是否已有服務中的業務員
02 · 核取方塊
Checkbox
可複選 · 想了解的保障
03 · 下拉式選單
Select
節省空間 · 服務項目、年繳預算
04 · 多層下拉 🔥
Cascading Select
會連動 · 選保障大類 → 出現細類
05 · 切換按鈕
Toggle Switch
像手機開關 · 服務偏好設定
06 · 按鈕式選項
Button Group
比下拉更直覺 · 手機操作友善
二、文字輸入類
07 · 單行文字
Text Input
最基本 · 稱呼、聯絡方式、方便時段
08 · 多行文字
Textarea
長內容 · 想解決的保障問題
09 · 密碼欄位
Password Input
遮蔽文字 · 適合工具後台登入
10 · 自動完成
Autocomplete
輸入時自動建議 · 打「醫」→ 跳險種
三、數字與範圍類
11 · 數字欄位
Number Input
只能輸入數字 · 年收入、希望保額
12 · 滑桿
Slider
拖拉選數值 · 年繳保費預算
13 · 區間滑桿 💰
Range Slider
雙滑桿設定區間 · 規劃預算範圍
四、日期時間類
14 · 日期選擇器
Date Picker
選日期 · 出生年月日（費率的關鍵）
15 · 時間選擇器
Time Picker
選時間 · 預約諮詢時段
16 · 日期區間
Date Range
出國期間——旅平險最常用
五、檔案與媒體類
17 · 檔案上傳
File Upload
現有保單、建議書文件上傳
18 · 拍照上傳
Camera Upload
手機直接拍 · 保單首頁隨手傳
19 · 簽名板 ✍️
Signature Pad
直接手寫簽名 · 需求分析確認
六、評分互動類
20 · 星級評分
Star Rating
★★★★★ · 服務滿意度調查
21 · NPS 推薦分數
NPS Score
0–10分 · 你願意把我推薦給朋友嗎？
22 · 表情評分
Emoji Rating
互動感強 · 理賠結案後快速回饋
七、進階互動類
23 · 拖曳排序 🔥
Drag & Drop Ranking
把在意的點排序 · 挑業務員需求分析
24 · 卡片選擇
Card Selection
像選牌卡 · 想加強的保障類型
25 · 圖片選擇
Image Choice
直接點選 · 喜歡哪種報告風格？
八、展業超實用特殊欄位
26 · 雙十保額快算
Coverage Calculator
輸入年收入 → 建議保額即時算
27 · 繳別快換
Premium Converter
年繳 ↔ 月繳（×0.088）即時換算
28 · AI 需求分析欄 🚀
AI Input
輸入一句話 → AI 自動整理保障需求
保
④ 實作－客戶版

跟著步驟，從零做出你的「人身保障缺口試算器」，給客戶直接用

🎯 這堂課你要做出什麼？

一個可以計算人身保障缺口的互動式網頁工具。
客戶輸入家庭年支出、負債與現有保障，
系統自動用遺族需求法算出建議壽險保額與缺口。

做好的成品就是你的
免費名片型獲客工具
01
打開 Claude，貼上這段 Prompt
告訴 AI 你要做什麼
請幫我做一個「人身保障缺口試算器」的互動式網頁工具（單一 HTML 檔案）。

功能需求：
1. 輸入欄位：家庭年支出（元）、需要照顧家人的年數、房貸與負債總額（元）、子女教育金預估（元）、現有存款與可變現資產（元）、已有壽險保額（元）
2. 自動計算：依遺族需求法，建議保額＝（家庭年支出 × 照顧年數）＋負債＋教育金－存款資產－已有保額；缺口為負數時顯示「目前保障已足夠」而不是負數
3. 顯示方式：結果用卡片呈現，附上計算式說明與「本試算為概估，實際規劃請洽合格登錄之保險業務員」的提醒
4. 視覺風格：粉彩港灣風——極淡藍底 #F8FBFE，深港灣藍 #2A4A6B 文字，圓頂藍 #3A8FE0 為主行動色、郵筒粉 #F09AB0 與蜜木色 #C9A87C 做點綴，大圓角白色卡片、大量留白、柔和插畫感
開啟 Claude
02
把 Claude 產出的程式碼存成 .html
複製程式碼 → 貼到記事本 → 存檔
1點選 Claude 回應中程式碼區塊右上角的「複製」按鈕
2開啟 Windows 記事本（或 Mac TextEdit），貼上程式碼
3「另存新檔」，檔名輸入 gap.html，存檔類型選「所有檔案」
4雙擊檔案，在瀏覽器開啟，確認畫面是否正常顯示
03
調整到你滿意為止
有什麼不對，繼續跟 Claude 說
常見需要修正的點，直接複製貼給 Claude：
「缺口出現負數時請顯示『目前保障已足夠』，不要出現負號」
「請在結果下方加上計算式的白話說明」
「數字請加千分位逗號，比較好讀」
「手機版跑版了，請修正 RWD」
04
上傳到 Netlify，讓工具能對外分享
免費部署，30 秒上線
1前往 Netlify，點「Add new site」→「Deploy manually」
2把你的 gap.html 直接拖拉進去
3Netlify 自動產生網址，複製後就可以放進 LINE 官方帳號或名片 QR 🎉
前往 Netlify
做完了嗎？舉手讓小蟲老師看看
每個人做出來的呈現方式都不一樣，差異就是你的學習點。
記得在明顯處放上「試算僅供參考，實際規劃以需求分析與保單條款為準」——專業者的嚴謹要帶進工具裡。
⑤ 實作－通訊處版

跟著步驟，做出你專屬的「客戶服務明細整理器」

🎯 這堂課你要做出什麼？

一個供自己與團隊內部使用的客戶整理工具。
輸入客戶資料與服務內容，系統自動整理成結構化的服務卡，
方便自己追蹤進度、也方便跟主管與內勤交接。

01
想清楚「內部工具」需要哪些欄位
客戶版 vs 通訊處版，需求不一樣
內部客戶整理器通常需要這些資訊：
👤 客戶基本
稱呼、聯絡方式、來源
🛡️ 保障現況
已有險種、保額、續期月份
📋 服務進度
約訪、需求分析、建議書、核保
💰 建議與預算
建議方案、年繳預算
📅 期日管理
續期繳費日、生日、保單週年
📝 客戶備註
家庭狀況、在意的點、禁忌話題
02
貼給 Claude，說明你要的工具
帶入你需要的欄位與輸出格式
請幫我做一個「客戶服務明細整理器」的互動式網頁工具（單一 HTML 檔案）。

功能需求：
1. 輸入欄位：客戶稱呼、來源（緣故／轉介紹／陌生開發）、服務階段（名單／約訪／需求分析／建議書／送件／核保中／保單送達／售後服務，可複選）、已有保障摘要、建議方案、年繳預算（元）、下次聯繫日、客戶備註
2. 點擊「產出明細」後，自動整理成一張結構清晰的服務卡
3. 服務卡可以一鍵複製成純文字，方便貼到 LINE 群組或 Excel
4. 視覺風格：粉彩港灣風——極淡藍底 #F8FBFE，深港灣藍 #2A4A6B 文字，圓頂藍 #3A8FE0，大圓角白底卡片，內部工具感、柔和留白
開啟 Claude
03
輸入測試客戶，看輸出是否夠用
用你手上一個真實客戶的「架構」來跑（資料一律先去識別化）
1把程式碼存成 clientcard.html，瀏覽器開啟
2選一個你手上正在服務的客戶，把「去識別化後」的資料填入測試（示範時用假名）
3試試「複製純文字」功能，貼到 LINE 看格式對不對
4覺得哪個欄位多餘或缺少？告訴 Claude 調整
保密提醒：這種純 HTML 工具資料只留在你的瀏覽器裡，不會上傳。但客戶個資的保護標準更高（個資法＋保險業務員管理規則的保密義務）： 課堂與測試一律用假資料；若要部署上網共用，切勿把真實客戶姓名、生日、保單號碼寫死在程式碼中。
做完了？跟隔壁同學交換看看
看看彼此設計的欄位有哪裡不同，
差異反映的是每個人不同的展業習慣，沒有標準答案。
⑥ 實作－個人版

跟著步驟，做出你專屬的「客戶訊息自評系統」

🎯 這堂課你要做出什麼？

一個能幫你自評對客戶溝通品質的互動式工具。
貼入你要傳給客戶的訊息或建議說明，AI 用評分標準逐項拆解，
告訴你哪裡寫得好、哪裡客戶可能看不懂或會誤解。

01
先想好你的評分標準
工具好不好用，關鍵在評分維度設計得夠不夠準
一則好的客戶訊息，建議至少涵蓋這幾個維度：
✅ 商品說明正確
保額、給付條件、期限有沒有錯
💬 白話易懂
第一次買保險的人能不能一次看懂
⚠️ 風險與除外告知
除外責任、等待期、非保證有沒有講
👉 行動指引
客戶知不知道下一步、要準備什麼
🤝 語氣溫度
專業之外，有沒有讓人安心不壓迫
02
貼給 Claude，說明你要的工具
把評分標準帶進 Prompt
請幫我做一個「客戶訊息自評系統」的互動式網頁工具（單一 HTML 檔案）。

功能需求：
1. 使用者貼入一則要傳給客戶的訊息或建議說明（Textarea 輸入）
2. 點擊「開始評分」後，從以下五個維度評分（各 20 分，滿分 100）：
　　・商品說明正確（保額、給付條件與期限是否精準，非保證項目有沒有標明）
　　・白話易懂（第一次買保險的人能否一次看懂）
　　・風險與除外告知（除外責任、等待期、解約風險有沒有講）
　　・行動指引（客戶是否知道下一步要做什麼、準備什麼）
　　・語氣溫度（專業之外是否讓人安心、不給壓迫感）
3. 每個維度顯示分數＋一句具體改善建議
4. 最後顯示總分與整體評語
5. 視覺風格：粉彩港灣風——極淡藍底 #F8FBFE，深港灣藍 #2A4A6B 文字，圓頂藍 #3A8FE0，郵筒粉 #F09AB0 做重點標註，大圓角白底卡片、柔和留白
開啟 Claude
03
存檔 → 測試 → 調整
貼入你自己寫過的訊息來測試看看
1把程式碼存成 mailcheck.html，瀏覽器開啟
2貼入你最近傳給客戶的一則說明訊息（先拿掉姓名、保單號碼等可識別資訊），點擊評分
3看看哪個維度最低分，那就是你最需要加強的地方
4根據建議修改訊息，再評一次，對比前後分數
做完了？比比看誰的評分維度最犀利
每個人的側重點都不一樣：有人重條款精準、有人重溝通安撫，
沒有對錯——重點是把你的專業判斷變成可重複使用的標準。
🚀 部署

把你做好的 HTML 網頁放上網路，讓客戶與夥伴直接使用

Google 協作平台
嵌入 HTML 到個人形象頁
https://sites.google.com/view/XXX
1前往 sites.google.com，新增網站或開啟現有網站
2右側工具欄找到「嵌入」→ 點「嵌入程式碼」
3把 HTML 程式碼全部貼入對話框，點「下一步」
4調整嵌入區塊大小，點右上角「發布」即完成
適合放在個人形象頁上，讓客戶直接使用試算工具，網址好記又好分享。
前往 Google Sites
Netlify
獨立網址，30 秒免費上線
https://XXX.netlify.app
1前往 netlify.com 登入（可用 Google 帳號）
2點「Add new site」→「Deploy manually」
3把你的 HTML 檔案直接拖拉進虛線框
4Netlify 自動產生網址，複製後傳給客戶 🎉
適合獨立工具頁面，網址乾淨、免費、不需技術背景，30 秒完成。
前往 Netlify
更多部署平台（進階選配）
新手用上面兩個就夠，這六個是你的第二把刀
Cloudflare Pages
免費、快，台灣連線速度優
https://XXX.pages.dev
1登入 Cloudflare → 左側「Workers 和 Pages」→ 建立 → Pages → 「直接上傳」
2先把 HTML 檔改名 index.html 放進一個資料夾，整個資料夾拖進去
3取專案名 → 部署完成，拿到 ○○.pages.dev 網址
跟 Netlify 同級的主力替代方案，額度大、速度快；差別是要用「資料夾」上傳、檔名必須是 index.html。
前往 Cloudflare Pages
GitHub Pages
工程師世界的標準答案，免費又穩
https://帳號.github.io
1註冊 GitHub → 建立新 repository，名稱取 帳號.github.io
2網頁版直接「Add file → Upload files」，把 index.html 拖上去
3Settings → Pages 確認啟用 → 網址就是 https://帳號.github.io
附贈版本紀錄——每次改版都有留底，管過保單與客戶檔案的人最懂這件事的價值。要多學一點 GitHub 概念，值得。
前往 GitHub Pages
Render
要接後端程式時的雲端平台
https://XXX.onrender.com
1用 GitHub 帳號註冊登入 Render
2New → Static Site → 連結你的 GitHub repository
3之後改版只要更新 GitHub，Render 自動重新部署
純靜態頁用不到它；等你的工具需要排程、後端 API（例如自動發送提醒通知）再回來找它。
前往 Render
Firebase Hosting
工具要「存資料」的時候用
https://XXX.web.app
1用 Google 帳號登入 Firebase → 建立專案
2左側「Hosting」→ 照指示裝 Firebase CLI（需要 Node.js）
3終端機 firebase init → firebase deploy 上線
殺手鐧是同家的 Firestore 資料庫——當你的工具要「記住輸入的資料」（如服務看板多人共用）時，就是它出場的時候。純展示頁不用。
前往 Firebase
Surge
指令派極簡部署，Mac 用起來最順
https://XXX.surge.sh
1先裝 Node.js，打開終端機執行 npm install -g surge
2cd 進你網頁的資料夾，輸入 surge，第一次會請你設帳號
3按 Enter 確認 → 給你 ○○.surge.sh 網址，改版再打一次 surge 就更新
全程打字不用開網站，熟了之後 10 秒上線。Mac 終端機體驗最好；Windows 也能用，裝好 Node.js 即可。
前往 Surge
Vercel
開發者最愛，但注意授權限制
https://XXX.vercel.app
1用 GitHub 帳號註冊登入 Vercel
2Add New → Project → 匯入 GitHub repository（或用 CLI 拖放部署）
3自動部署，拿到 ○○.vercel.app 網址
不可商用：免費 Hobby 方案限非商業用途。給客戶用的展業工具屬商業使用，正式上線請改用 Netlify／Cloudflare，或升級 Vercel 付費方案。課堂練習沒問題。
前往 Vercel
部署前自問三件事： ① 這個工具會不會出現真實客戶姓名、生日、身分證字號或保單號碼？會的話不要公開部署——個資與保密義務優先於一切。 ② 保費保額試算類工具有沒有加「僅供試算，實際以保單條款與保險公司核定為準」？有沒有出現「保證獲利」這類紅線字眼？ ③ 網址取名有沒有帶到你的個人品牌，讓客戶記得住？
保
收工！

今天的 Vibe Coding 到這裡，帶著你的作品回通訊處吧

🎉 今天辛苦了！
上傳今天作品與心得
到我的 FB 打卡標記我
就可以得到囉！
🎁 課後加碼提示詞包
上傳作品截圖，寫點心得
前往打卡標記小蟲老師 加入 AI 老師小蟲官方 LINE
AI 老師小蟲｜官方 LINE @548ynfkt