Changelog

網站
更新日誌

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

改版次數

15 次

最新日期

2026.03.16

最快完成

4分30秒

AI 工具

OpenClaw

2026.03.15
⏱ ~3分鐘完成
標題企業案例更新 + Workflow 觀點最新

❝ Jason 說

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

✦ AI 做了

  • ▸企業解決方案案例從「LINE 機器人開單」改為「庫存管理 AI 化」
  • ▸Skill + Workflow 案例從「Innoreader → Notion」改為「LINE 智能客服 Skill」
  • ▸在「為什麼選擇我們」區塊加入 Workflow 核心文案
  • ▸更新 n8n 應用案例區塊的對應項目
  • ▸更新日誌新增本筆紀錄
指令時間 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 落地化服務 — 不是聊天，是替你幹活
指令時間 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
指令時間 17:57:00 → 完成 18:05:12
2026.03.12
⏱ 8分12秒完成
標題指令時間邏輯升級

❝ Jason 說

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

✦ AI 做了

  • ▸更新日誌改為「指令時間 → commit 時間」格式
  • ▸每個 entry 顯示真實耗時 badge
  • ▸連接線標示指令與完成時間點
  • ▸資料直接 hardcode，未來可改為 JSON
指令時間 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
指令時間 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/ 並套用到頁面
指令時間 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:38:00 → 完成 15:42:30
2026.03.12
⏱ 4分30秒完成
標題更新日誌頁面上線

❝ Jason 說

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

✦ AI 做了

  • ▸新增 /updates 路由
  • ▸時尚雜誌風格時間線設計（深色背景 + 琥珀金）
  • ▸Navbar 加入「更新日誌」連結
指令時間 15:26:00 → 完成 15:33:40
2026.03.12
⏱ 7分40秒完成
標題首次完整改版

❝ Jason 說

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

✦ AI 做了

  • ▸新增 Sticky Navbar
  • ▸Hero 改成痛點切入文案
  • ▸AI Agent Banner（本站由 OpenClaw 全程製作）
  • ▸三個 Persona 專屬區塊（行銷人/自媒體/小型老闆）
  • ▸Emoji 換成 Lucide React icons
指令時間 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 部署設定
指令時間 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 到真正上線）
指令時間 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 並列）
  • ▸底部的應用案例區保留（不移除）
指令時間 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 繪製，無外部圖片
指令時間 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 自動化專案」
  • ▸全站「贩售」→「販售」繁體修正
指令時間 08:34:00 → 完成 08:40:38
2026.03.16
⏱ ~6分鐘完成
標題新增「Discord 多人協作建站」案例最新

❝ Jason 說

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

✦ AI 做了

  • ▸企業解決方案新增「Discord 多人協作建站」案例
  • ▸Discord 對話模擬 Mockup（TouTou 指令 → Samantha 執行 → Andrea 部署）
  • ▸應用案例區新增對應展示卡片
起點 — 更多更新持續進行中...

想要一樣的網站？

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

免費聊聊