TRIP-GUIDE ・ CLAUDE SKILL

一句話,做出全團都在用的旅遊手冊網頁 🧳

把行程丟給 Claude,它會幫你做一個手機優先的旅遊網頁:集合倒數、每日行程、記帳分帳、分房、推薦清單、留言板。7 種風格任選、全部免費。

三個版本,看人數選

🌿 個人輕量版

1–4 人・自己或情侶出遊
  • 單一網頁,丟到 GitHub Pages 就能用
  • 出發前準備、航班、每日行程、待辦清單、住宿
  • 不用註冊雲端服務

👥 團體基本版

5–20 人・朋友、家族、公司旅遊
  • 下一個集合大字倒數(分組也算得出來)
  • 共用帳本、公積金、「大家只跟一個人對帳」
  • 分房、推薦按讚、留言板,全團同步

🧭 進階領隊版

領隊、導遊帶團
  • 團體版全部功能+需登入的領隊後台
  • 當地幣+匯率+台幣、導遊代付/刷卡/現金
  • 收據拍照 AI 判讀、一鍵匯出 Excel 結算表

後台需要登入,示範請自己部署後試用

🎨 7 種風格

同一個示範旅程(虛構的北海道 6 日家族旅行),換一個設定就換一種長相。點進去可以在畫面下方切換風格。

每個版本都有的貼心設計

⏰ 打開就知道現在要做什麼依當地時間自動跳到今天、標出進行中的行程
🛂 出發前準備步驟卡簽證、入境申報一步一步列好,附官方連結
🗺️ 每段行程一鍵開地圖交通彩色標籤、「必去」標記、分類篩選
📖 景點故事點一下就有這個景點的由來、必看重點和怎麼玩,附資料來源
📱 加到手機主畫面像 App 一樣一點就開,不用下載
🔒 隱私優先隨機網址、不被搜尋引擎收錄、護照密碼一律不放
🌙 尊重「減少動態效果」插圖會輕輕動,但手機關掉動畫就停

⚡ 怎麼安裝

  1. 準備 Claude 桌面版
    下載 Claude 桌面版,打開上方的 Code 分頁(需要 Pro 以上付費方案)。團體版和領隊版要 AI 幫你上傳網站,一定要用 Code 分頁。
  2. 請 Claude 幫你裝 skill
    不用開終端機,把這段話貼給 Code 分頁:
    請幫我安裝這個 skill:https://github.com/Joanne9N/trip-guide-skill ,照 README 的說明把 trip-guide 資料夾裝到 ~/.claude/skills/
    它要執行指令時會問你「要允許嗎?」,開頭是 git、mkdir、cp 的就按允許。裝好後開一個新對話。
  3. 跟 Claude 說你要做什麼
    例如:「幫我們做一個旅遊手冊網頁,7 月去北海道 6 天,一家 8 個人」。它會先問你要哪個版本、哪種風格,再列計畫給你確認。
  4. 需要你親自按的地方,它會停下來
    註冊 Cloudflare、登入授權、設定管理密碼都要你本人操作,不會經過 AI 對話。完整說明在 GitHub 的 README。