時光軸

為什麼做這個？

某次用 Claude 協助整理案件資料，它直接輸出了一份 HTML 時間軸——版面很漂亮，但要修改就麻煩了。改個日期、補個事件，都要先看懂 HTML 結構才能動手，稍不注意就壞版。

當下就覺得：時間軸的資料和呈現方式應該要分開。 有一個專門的工具管理資料，讓 AI 只負責填內容、人只負責增刪修改，這樣才合理。時光軸就是從這個想法開始做的。

實際長什麼樣

以「第一次世界大戰」為例，AI 產生的時間軸包含：

• 分類標籤：每個事件依性質標記（戰役、政治事件、宣戰、停戰協定）
• 主題 tags：時間軸本身標注歐洲、歷史、軍事、1914–1919 等關鍵字
• 詳情面板：點開事件可看到影片資料（YouTube）、原版紀錄片連結、編輯推薦說明
• 延伸閱讀：自動附上 Wikipedia 等參考來源

所有這些都是 AI 一次生成，不需要手動查找或複製貼上。

AI Skill 整合

時光軸為支援 skill 的 AI 助理定義了 /timeline 指令，包含 Claude Code（.claude/）與支援 .agents/ 格式的環境（如 Google Gemini CLI）。

使用者可以直接對 AI 下指令：

/timeline 搜尋第一次世界大戰並建立時間軸
/timeline 列出台灣半導體產業發展歷程

AI 收到指令後自動搜尋、整理事件，以時間軸格式輸出——查資料到建立時間軸一氣呵成。

核心設計

完全本地：時間軸資料透過 File System Access API 直接寫入本地電腦，不經過任何伺服器。檔案就在你的硬碟上，跟瀏覽器狀態無關。

零帳號：打開就能用，不需要註冊、登入或任何設定。

心得

這個專案讓「AI 作為研究助手」變得非常具體。以前覺得 AI 摘要資訊很方便，但有了結構化的時間軸輸出格式之後，AI 生成的內容才真的變得「可用」而不只是「可讀」。

格式決定了資訊的密度——這是做這個工具最大的收穫。