Changelog

網站
更新日誌

Jason 動動嘴，AI 改網站。從 0 到上線只用了一個下午。 每筆紀錄都是真實的「下指令時間 → AI 完成時間」。

改版次數

19 次

最新日期

2026.05.20

最快完成

4分30秒

AI 工具

Hermes

2026.05.20
⏱ 1分04秒完成
標題確認案例圖片快取問題並改用新版圖片路徑最新

❝ Jason 說

Jason：「首頁兩張圖片看到還是舊的，檢查是圖片生成錯誤、網址連結錯誤，還是網站 Cache；也把生成圖片的提示詞發到頻道。」

✦ AI 做了

  • ▸比對本機圖片與 live 圖片的 SHA-256，確認 Cloudflare 上的圖片檔案已是新版，排除上傳錯誤
  • ▸檢查首頁 HTML，確認首頁仍指向同一組圖片 URL；因圖片回應帶有 max-age=14400，使用者瀏覽器或邊緣快取可能繼續顯示舊圖
  • ▸為兩張新版操作截圖建立新的公開檔名，避免沿用舊 URL 造成快取混淆
  • ▸更新首頁應用案例圖片路徑，Telegram 指向 telegram-bot-channel-agent-app-v2.png，TradingView 指向 tradingview-pinescript-workspace-v2.png
  • ▸保留並回報兩張圖片的原始生成提示詞，方便 Jason 判斷是圖片方向還是網站快取問題
指令時間 12:21:22 → 完成 12:28:50
2026.05.20
⏱ 7分28秒完成
標題修正更新日誌排序 + 重新生成實際操作畫面截圖最新

❝ Jason 說

Jason：「/updates 的 V16、V17 更新沒有在底下卡片文字內容出現，是寫到哪裡去了？首頁新增兩張圖片不是要示意圖，要像其他案例一樣是實際 App 畫面或操作截圖。」

✦ AI 做了

  • ▸檢查 /updates 前台與原始碼後，發現資料新增在 updates 陣列最上方，但頁面又用 reverse() 反轉顯示，導致最新的 V16、V17 被排到時間軸底部，不符合使用者預期
  • ▸修正更新日誌顯示順序，讓資料維持 newest first，V18、V17、V16 的詳細卡片內容會直接出現在頁面上方
  • ▸重新生成 Telegram Bot 案例圖片，改成深色 SaaS 後台操作截圖風格：頻道排程、AI 任務、公告草稿、互動回覆與群組管理面板
  • ▸重新生成 TradingView/Pine Script 案例圖片，改成實際開發工作區風格：自然語言需求、Pine Script 編輯器、K 線圖、指標疊圖與回測結果
  • ▸覆蓋原本偏示意圖的兩張案例圖片，保留同一組公開路徑，讓首頁應用案例卡片直接顯示新版操作畫面
指令時間 12:05:59 → 完成 12:12:56
2026.05.20
⏱ 6分57秒完成
標題補上新增案例生成圖片與詳細更新紀錄最新

❝ Jason 說

Jason：「新增加的這兩個案例，也要在應用案例那邊加上相對應生成的圖片；更新紀錄底下也要詳細記錄這次更新了什麼，以及花了多少時間。」

✦ AI 做了

  • ▸為「Telegram Bot 頻道經營 Agent」生成專屬應用案例圖片，呈現 Telegram Bot、頻道更新、素材整理與 AI Agent 管理節奏
  • ▸為「TradingView Pine Script 開發環境」生成專屬應用案例圖片，呈現自然語言指令、AI Agent、K 線圖與 Pine Script 指標開發介面
  • ▸把兩張生成圖片放進首頁應用案例區，讓兩個新案例不只是一段文字，而是有對應的視覺化展示
  • ▸補強 v16 更新紀錄內容，明確寫出 OpenClaw → Hermes、兩個新增案例放置位置、四個服務方向判斷、驗證與部署狀態
  • ▸本次也同步記錄開始時間、commit 時間、總耗時，避免更新日誌只有版次與時間、沒有實際工作內容
指令時間 11:42:04 → 完成 11:48:17
2026.05.20
⏱ 6分13秒完成
標題品牌名稱更新 + 新增 Telegram / TradingView 案例最新

❝ Jason 說

Jason：「首頁和更新日誌把 OpenClaw 換成 Hermes；新增 Telegram Bot 頻道經營 Agent 與加密貨幣交易者 TradingView Pine Script 開發環境案例，放進應用案例與實戰案例，也評估是否放進四個服務方向。」

✦ AI 做了

  • ▸首頁 Hero 下方的 AI Agent Banner 從 OpenClaw 改為 Hermes，讓品牌名稱和目前實際使用的 Agent 架構一致
  • ▸更新 /updates 頁面的 AI 工具標示與歷史紀錄文字，把舊的 OpenClaw 命名同步修正為 Hermes
  • ▸新增「Telegram Bot 頻道經營 Agent」：說明替 Telegram 群組與 Channel 經營者開發 Bot，後續接上 AI Agent 做頻道更新、素材整理、公告與互動管理
  • ▸新增「TradingView Pine Script 開發環境」：說明替加密貨幣交易者搭建 AI Agent + TradingView/Pine Script 開發流程，讓自然語言可以轉成可測試的指標腳本
  • ▸兩個案例都放進首頁下方的實戰案例列表與應用案例列表，讓訪客在不同閱讀層級都看得到
  • ▸四個服務方向沒有硬塞：Telegram 案例放進「企業解決方案」，TradingView/Pine Script 案例放進「Skill + Workflow 販售」
  • ▸完成本機 lint/build、commit、push，並確認 GitHub Actions 與 Cloudflare Pages 部署成功、公開網址回傳 HTTP 200
指令時間 08:34:00 → 完成 08:40:38
2026.03.16
⏱ ~6分鐘完成
標題新增「Discord 多人協作建站」案例最新

❝ Jason 說

Jason：「直接抓 n8n 裡面的流程 JSON，渲染到前端網站去」Samantha：「這個案例最特別的地方就是這個網站本身就是活生生的例子」

✦ AI 做了

  • ▸企業解決方案新增「Discord 多人協作建站」案例
  • ▸Discord 對話模擬 Mockup（TouTou 指令 → Samantha 執行 → Andrea 部署）
  • ▸應用案例區新增對應展示卡片
指令時間 01:49:00 → 完成 02:08:16
2026.03.16
⏱ ~19分鐘完成
標題修正 Samantha 提出的問題 + 繁體字修正最新

❝ Jason 說

Samantha 驗收後提出：「1. Vibe Coding 分類錯誤 2. CRM 案例需獨立展示 3. 副標題改成客戶看得懂的 4. 簡體『贩售』要改繁體『販售』」

✦ AI 做了

  • ▸Vibe Coding 分類從「行銷自動化」改為「Skill + Workflow 販售」
  • ▸新增「CRM 智能調閱」獨立案例到「解決疑難雜症」區塊
  • ▸應用案例副標題改為「這些都是真實跑過的 AI 自動化專案」
  • ▸全站「贩售」→「販售」繁體修正
指令時間 01:10:00 → 完成 01:19:35
2026.03.16
⏱ ~10分鐘完成
標題為每個案例新增視覺化 Mockup最新

❝ Jason 說

透透：「參考 mindthread.tw，案例要有圖片讓感受度更高。n8n workflow 可以模擬繪製嗎？你們有下班時間？先做啊！」

✦ AI 做了

  • ▸n8n Workflow 流程圖（RSS Feed → AI 改寫 → 生成圖片 → 發布 Threads）
  • ▸Hey.Ava.Daily 模擬 IG 貼文框（@hey.ava.daily）
  • ▸LINE 預約機器人聊天對話模擬（4 輪完整對話）
  • ▸Email → Google Calendar 雙欄流程圖
  • ▸庫存管理儀表板（3 狀態卡 + 橫條圖 + 缺貨警示）
  • ▸LINE 智能客服對話 + Powered by AI Skill badge
  • ▸CRM 客戶資料查詢介面
  • ▸Vibe Coding 終端機部署畫面（含游標閃爍動效）
  • ▸全部純 React + Tailwind CSS 繪製，無外部圖片
指令時間 23:57:00 → 完成 23:59:47
2026.03.15
⏱ ~3分鐘完成
標題修正案例位置最新

❝ Jason 說

Samantha 驗收發現：「Hey.Ava.Daily 和 LINE 預約機器人只在底部應用案例區，沒在對應的服務方向 section 裡」

✦ AI 做了

  • ▸行銷自動化區塊新增 Hey.Ava.Daily 案例（與 Education News to Threads 並列）
  • ▸解決疑難雜症區塊新增 LINE 預約機器人案例（與 Email → Google Calendar 並列）
  • ▸底部的應用案例區保留（不移除）
指令時間 23:41:00 → 完成 23:51:21
2026.03.15
⏱ ~10分鐘完成
標題新增三個應用案例最新

❝ Jason 說

Jason：「虛擬網紅的流程也補上去」 透透：「案例還可以加美容美業預約系統 + 協助 vibe coding 實戰部署」

✦ AI 做了

  • ▸行銷自動化：Hey.Ava.Daily — AI 虛擬網紅帶貨（每天根據天氣/時間自動生成 IG+Threads 貼文）
  • ▸解決疑難雜症：LINE 預約機器人（美容院/算命館自動排班+提醒）
  • ▸應用案例區：Vibe Coding 實戰部署（從 AI 寫 code 到真正上線）
指令時間 15:09:00 → 完成 15:16:04
2026.03.12
⏱ 7分04秒完成
標題網站誕生

❝ Jason 說

「建立好 GitHub Repo，Cloudflare 部署，以後改版都用 Agent 執行」

✦ AI 做了

  • ▸Next.js 16 + TypeScript + Tailwind CSS 初始化
  • ▸基礎行銷頁面上線（Hero / 服務 / 定價 / 聯絡）
  • ▸Cloudflare Pages 部署設定
指令時間 15:26:00 → 完成 15:33:40
2026.03.12
⏱ 7分40秒完成
標題首次完整改版

❝ Jason 說

「行銷網頁太工程師風格，要針對三個族群痛點，大喇喇說 AI 做這個網站」

✦ AI 做了

  • ▸新增 Sticky Navbar
  • ▸Hero 改成痛點切入文案
  • ▸AI Agent Banner（本站由 Hermes 全程製作）
  • ▸三個 Persona 專屬區塊（行銷人/自媒體/小型老闆）
  • ▸Emoji 換成 Lucide React icons
指令時間 15:38:00 → 完成 15:42:30
2026.03.12
⏱ 4分30秒完成
標題更新日誌頁面上線

❝ Jason 說

「加一個頁面記錄每次改版，讓客戶知道只要動動嘴就可以改網頁，要像時尚雜誌那樣漂亮」

✦ AI 做了

  • ▸新增 /updates 路由
  • ▸時尚雜誌風格時間線設計（深色背景 + 琥珀金）
  • ▸Navbar 加入「更新日誌」連結
指令時間 15:45:00 → 完成 15:52:34
2026.03.12
⏱ 7分34秒完成
標題視覺大升級

❝ Jason 說

「前端有很多 React 模板，多加互動元件，人類是視覺系的動物」

✦ AI 做了

  • ▸安裝 Framer Motion
  • ▸Hero Spotlight 滑鼠追蹤光暈效果
  • ▸AI Banner 脈衝光暈 + 掃光動效
  • ▸所有 Card scroll reveal 動效
  • ▸Pricing 旋轉 Moving Border
  • ▸Navbar scroll backdrop-blur 過渡
指令時間 15:56:00 → 完成 16:06:28
2026.03.12
⏱ 10分28秒完成
標題配色 + AI 圖片

❝ Jason 說

「配色太工程師，搜尋 2026 流行配色，加入圖片，Samantha 有 AI 生成圖片的能力」

✦ AI 做了

  • ▸Samantha 用 FAL AI 生成 Hero 背景 + 3 張 Persona 插圖
  • ▸配色從冷藍灰改為暖黑 #0D0A06 + 琥珀金 #F59E0B
  • ▸圖片下載至 public/ 並套用到頁面
指令時間 16:13:00 → 完成 16:20:28
2026.03.12
⏱ 7分28秒完成
標題Persona 圖片修復

❝ Jason 說

「persona 臉被裁切了，換新圖；時間要精確到秒，要查 git log 真實時間」

✦ AI 做了

  • ▸重新生成三張臉部完整的 Persona 圖片
  • ▸CSS object-position: center top 確保臉部顯示
  • ▸git pull 取得正確 JPEG 後重新 build
指令時間 17:57:00 → 完成 18:05:12
2026.03.12
⏱ 8分12秒完成
標題指令時間邏輯升級

❝ Jason 說

「更新日誌要顯示 Jason 下指令的時間到 AI commit 的時間，才是真實執行耗時」

✦ AI 做了

  • ▸更新日誌改為「指令時間 → commit 時間」格式
  • ▸每個 entry 顯示真實耗時 badge
  • ▸連接線標示指令與完成時間點
  • ▸資料直接 hardcode，未來可改為 JSON
指令時間 00:25:00 → 完成 00:35:22
2026.03.14
⏱ 10分22秒完成
標題Impeccable 美感升級 — Editorial Warm

❝ Jason 說

「用 Impeccable Skill 來對我們製作的網站做美感升級」

✦ AI 做了

  • ▸安裝 Google Fonts（Cormorant Garamond + DM Sans）
  • ▸建立暖色調灰階 palette（warm-50 到 warm-950）
  • ▸Navbar 用 font-display italic logo
  • ▸Hero 大型 font-display 標題
  • ▸AI Agent Banner 移除 shimmer，改用裝飾線
  • ▸打破 card 海，用豎線分隔
  • ▸Services / Advantages 加 border-l-4 豎線
  • ▸Hero 標題改為 text-left 左對齊
  • ▸Persona cards 改為 rounded-none
  • ▸移除多餘 shadow/glow
指令時間 23:11:00 → 完成 23:35:00
2026.03.15
⏱ ~24分鐘完成
標題網站重新定位 — AI 落地化服務

❝ Jason 說

透透：「行銷服務太狹隘，我們提供的是解決工作流程痛點。分三類：解決疑難雜症、企業解決方案、Skill + Workflow 販售。行銷是獨立主題。不是要刪掉前面的內容，而是壓縮後再擴張」

✦ AI 做了

  • ▸Hero 標題改為「不是聊天，是替你幹活」
  • ▸副標題：AI 落地化服務 — 從 Chat 進化到 Work
  • ▸服務對象明確化：個人創作者 + 小型企業（小老闆）
  • ▸新增四個服務方向區塊（行銷自動化/解決疑難雜症/企業解決方案/Skill+Workflow販售）
  • ▸每個服務方向內建真實案例展示
  • ▸n8n 應用案例重新對應到四個服務方向
  • ▸Footer 更新 tagline：AI 落地化服務 — 不是聊天，是替你幹活
指令時間 23:27:00 → 完成 23:30:43
2026.03.15
⏱ ~3分鐘完成
標題企業案例更新 + Worth Follow 觀點最新

❝ Jason 說

Jason：「庫存管理 AI 化：低水位沒人注意、沒分析周轉率、滯銷損失，AI 介入後還能串接行銷 Agent 做促銷」 透透：「要讓 AI 理解你的話做出客製化服務非常不容易，Skill 需要持續迭代，這就是我們的價值」

✦ AI 做了

  • ▸企業解決方案案例從「LINE 機器人開單」改為「庫存管理 AI 化」
  • ▸Skill + Workflow 案例從「Innoreader → Notion」改為「LINE 智能客服 Skill」
  • ▸在「為什麼選擇我們」區塊加入 Worth Follow 核心文案
  • ▸更新 n8n 應用案例區塊的對應項目
  • ▸更新日誌新增本筆紀錄
起點 — 更多更新持續進行中...

想要一樣的網站？

我們用 AI 幫你打造專屬的網站。說出你的需求，其他交給 AI。

免費聊聊