科技教育創新專區 › 部落格

🤖 #19 設計自己的專屬客服:跟 #1 是同 Replit 專案製作後台 — 「fork → 自訂 → 訓練 → 上線」流程教學

黃凱揚(阿凱老師) · 桃園市龍潭區石門國民小學 · 2026-05-21

#19「設計自己的專屬客服」是 [#1 線上即時客服](/blog/replit-1-online-customer-service) 的**製作後台**,跟 #1 同個 Replit 專案不同入口。提供「**fork → 自訂主題 → 訓練 QA → 上線 shared link**」完整流程 — 讓老師也能做出自己學科的 AI 客服。

#19 跟 #1 的關係(同 Replit 雙入口)

已寫的 #1 線上即時客服 = 使用者公開分享(/shared/A4uyH5OdHI)

#19 設計自己的專屬客服 = 製作者後台(replit.app/ 根目錄)

兩者是同個 Replit 專案的兩個入口:

            cagoooo 的 Replit 專案
                  ↓
    ┌─────────┴─────────┐
    ↓                   ↓
#1 shared 公開連結     #19 根目錄製作後台
   ↓                    ↓
使用者直接問問題      老師建立自己的客服

跟 #7 LINE Bot + #23 網頁版同源雙形式 是同款設計哲學。

#19 真實怎麼做?

真實定位:「自訂專屬的智能客服系統」

完整流程(推測):

  1. 老師進 replit.app/ 製作後台
  2. fork 阿凱的客服模板
  3. 自訂主題 / 介面色彩
  4. 訓練 QA:輸入自己學科的常見問題 + 答案
  5. 上線 → 拿到 shared link
  6. 分享給學生 / 家長

功能特色(從 tags 推測):

真實技術棧

「老師也能做自己的客服」的教育意義

對「沒有寫過程式的老師」:

→ 「讓不會程式的老師也能擁有 AI 工具」是阿凱的長期使命。

跟阿凱其他「讓老師自架」工具呼應

#工具自架方式
#11 剛好學 Akailaoset.html 配置生成器 + 自架 Firebase
#97 MBTI 校園奇遇記app.config.ts 一鍵 fork 改 4 行
#19 設計專屬客服(本篇)Replit fork + 自訂 QA + shared link

**阿凱「降低老師工具製作門檻」**的長期策略:

教學情境

英文老師做「英文文法客服」:

數學老師做「分數計算客服」:

輔導老師做「青少年情緒輔導客服」:

校長做「學校政策 FAQ 客服」:

配對工具推薦

適用對象

想試試?

→ 前往 #19 設計自己的專屬客服

下個學期 — 做一個自己學科的客服 → 學生問題你不用熬夜回。

開源原始碼:參考這個工具做出你的版本

阿凱老師大部分的教育工具都在 GitHub 公開原始碼,歡迎老師、學生與開發者參考改造成適合自己情境的版本。文章頁左下角的「複製 AI 開發提示詞」可把工具資料與原始碼連結一次交給 ChatGPT、Claude、Gemini 等 AI 助手。