影片筆記：AI 开始逆向一切！21万星 REA 实测：软件的护城河正在消失？

<!-- VIDEONOTE_PUBLICATION_WARNINGS_BEGIN -->

⚠️ 可先使用，仍有待修正項目

本筆記已完成可閱讀的逐字稿與時間跳轉；下列為待處理問題，建議播放原片確認。

• 待修正：逐字稿全文快速校讀未完成（已保留自動字幕/原始逐字稿並繼續生成筆記。；未完成的全文速讀項目可在精進模式回聽確認。）
• 待修正：部分長句使用保守 bounded split，請檢查字幕分段（count=1；report=/Users/sagawa/AI_WORK/video_notes/url/20261015_095707__AI_开始逆向一切_21万星_REA_实测_软件的护城河正在消失/final_cue_segmentation_report.json）
• 待修正：逐字稿可先使用，但有待校正清單（segment=55 unnatural_sentence_boundary: 標點出現在句首或停在逗號位置，斷句可能不符合文法/口語；segment=180 unnatural_sentence_boundary: 標點出現在句首或停在逗號位置，斷句可能不符合文法/口語）

<!-- VIDEONOTE_PUBLICATION_WARNINGS_END -->

一句話總結

影片探討 AI 從單純「生成代碼」轉向「逆向工程與機制重構」的範式轉移，透過實測開源工具 REA 結合 Codex 拆解蘋果官網的滾動與動畫機制，並重構個人網站，論證 AI 降低了研究與重建軟件的門檻，但人類對「創造全新作品」的判斷與選擇仍是核心價值。

核心重點

1. AI 開發範式轉移：AI 的角色已從單純寫新代碼，轉變為協助開發者研究已有軟體、拆解運行機制，甚至重新創造專業功能。
2. 逆向工程的普及化：透過案例（如 Adobe 替代品、遊戲跨界聯動、DXBall 重編譯），說明開發者正利用 AI 拆解現有軟件的運行機制，打破軟件邊界。
3. REA 工具的核心價值：REA (ReverseEngineerAnything) 並非單純的反編譯器，而是將逆向分析能力整理為 Agent 可調用的調查工具，具備「觀察 -> 猜想 -> 寫版本 -> 對照行為 -> 修改」的循環驗證能力。
4. 實測案例：蘋果官網機制重構：

• 利用 REA 調查蘋果官網，發現其使用 ScrollGroup 和 TimeGroup 機制組織觸發與動畫時序，以及 VideoScrub 配合滾動進度對應視頻時間，而非單純 CSS 實時繪製。
• 講者將這些設計邏輯應用於個人網站重建，僅用幾小時完成 Demo，展示輕量級滾動淡入與懸停展示效果。

1. 人類判斷的關鍵性：AI 幫助弄清楚「別人是怎樣解決問題」，但「需要哪一部分」由人類（或高階 Agent）決定。真正的挑戰在於創造「從未見過的新作品」，而非僅是複製或移植現有功能。

詳細大綱

I. 開場：AI 重新定義軟體開發的瘋狂現象

• Adobe 替代品的開源挑戰：
• 開發者 BrandonThomas 使用 Rust 語言重新開發七款 Adobe 軟體的替代品，並完全開源。
• 其中 PhotoCraft 被視為 Photoshop 的強勁挑戰者，介面高度相似。
• 社群反應：有人幽默評論需要一個能「無緣無故拖慢電腦」的軟體（暗諷 CreativeCloud）。
• 遊戲圈的跨界聯動：
• 《超級馬里奧》進入《艾爾登法環》世界，具備三重跳與 Boss 戰能力。
• 蜘蛛俠在《阿卡姆騎士》的哥譚市上空活動。
• 《我的世界》與《GTA》實現世界聯動。
• 核心觀察：隔著軟件邊界的角色、場景與玩法，正被大膽地重新組合。

II. 技術突破：AI 介入逆向工程

• DXBall 案例：
• 研究者使用名為 REA 的工具，讓 AI 追蹤三十年前的機器指令。
• 成功找回控制左右聲道的計算規則。
• 通過 3,205 組行為測試，重新編譯後目標函數的 63 個字節與原版完全匹配。
• 範式轉移：
• AI 不再僅限於寫新代碼，開始幫助開發者研究已有軟體、拆解運行機制，甚至重新創造專業功能。

III. 核心實驗：使用 REA 與 Codex 研究蘋果官網

• 工具介紹：REA (ReverseEngineerAnything)
• 全稱：ReverseEngineerAnything（逆向一切）。
• GitHub 星數：192K 星（漲星速度極快）。
• 本質：非神奇反編譯器，而是將逆向分析能力整理為 Agent 可調用的調查工具。
• 底層連接：Ghidra、Hopper 等專業工具，用於調查公開網頁結構與行為。
• 工作流程：提供調查員裝備（找線索、追調用路徑、對照結果），具備循環驗證能力（觀察 -> 猜想 -> 寫版本 -> 對照行為 -> 修改）。
• 實驗目標：
• 研究對象：蘋果官網（Apple Official Website）。
• 工具組合：REA 負責調查，Codex 負責執行與創造。
• 邊界聲明：僅研究加載到瀏覽器的公開內容（HTML/CSS/JS），未潛入服務器或破解軟體。
• 調查發現：
• 滾動效果機制：蘋果頁面使用 ScrollGroup 和 TimeGroup 機制組織觸發與動畫時序，而非簡單的延遲。
• 視頻尋幀機制：某些跟隨手指轉動的畫面，實際是使用預製視頻配合 VideoScrub 控制方式，將滾動進度對應到視頻時間，而非 CSS 實時繪製。
• 個人網站改造：
• 原狀：由 Hermes 指揮 Claudecode 開發，僅有卡片式展示。
• 改造方案：未複製蘋果所有機制，而是採用原生 CSS 與少量 JavaScript，利用 IntersectionObserver 實現輕量級的滾動淡入、懸停展示與分章節視覺節奏。
• 目的：在幾小時內完成 Demo 並分享體驗。

IV. 部署與協作流程

• 雙 Agent 接力：
• Codex：在 Mac Studio 上進行調查與代碼創造。
• Hermes：在 Mac mini M4 上負責生產環境維護。
• 部署步驟：

1. Codex 將調查報告、代碼改動、數據規則、構建命令寫成交接材料。
2. 實驗版複製至生產環境。
3. Hermes 接手，檢查真實生產環境，保留原有數據與人工編輯內容。
4. 在獨立副本中完成整合，接入新版更新流程（取數據、算 Top5、檢查高清封面、生成頁面、核對版本、發佈至 Vercel）。

• 結果：新版網站效果達到預期，體驗流暢。

V. 結論與反思

• 人類判斷的關鍵性：
• REA 幫助弄清楚別人是怎樣解決問題，但 Codex 決定需要哪一部分，這才是關鍵。
• 人類選擇與判斷仍是核心，AI 僅是工具。
• 未來展望：
• 雖然能將馬里奧放入《艾爾登法環》，或複製蘋果的設計風格，但真正的挑戰在於創造出「從未見過的新作品」。
• 當 AI 擅長拆解與重建，值得期待的是用這些能力創造全新體驗，而非僅是角色或風格的移植。

工具 / 模型 / 名詞整理

• 軟體/平台：
• Adobe (系列軟體)
• Photoshop
• CreativeCloud
• GitHub
• X (原 Twitter，用於發布成果與畫面)
• Windows (系統)
• Mac Studio (硬體設備)
• Mac mini M4 (硬體設備)
• Vercel (部署平台)
• wowinsight (個人網站/頻道名稱)

• AI 工具/模型/Agent：
• REA (ReverseEngineerAnything，逆向一切)：逆向工程調查工具。
• Codex：用於執行代碼生成與創造的智能體。
• Hermes：負責網站維護與部署的智能體。
• Claudecode：用於初期網站開發的模型/工具。

• 遊戲/軟體專案：
• PhotoCraft：Photoshop 的開源替代品，使用 Rust 開發。
• 超級馬里奧 (Super Mario)
• 《艾爾登法環》 (Elden Ring)
• 蜘蛛俠 (Spider-Man)
• 《阿卡姆騎士》 (Arkham Knight)
• 蝙蝠俠 (Batman)
• 《我的世界》 (Minecraft)
• 《GTA》 (Grand Theft Auto)
• DXBall：上世紀九十年代的 Windows 打磚塊遊戲。

• 技術術語/函式庫：
• Rust (程式語言)
• Ghidra (逆向分析工具)
• Hopper (逆向分析工具)
• CSS (層疊樣式表)
• JavaScript
• ScrollGroup (滾動組機制)
• TimeGroup (時間組機制)
• VideoScrub (視頻尋幀控制方式)
• IntersectionObserver (用於檢測元素可見性的 API)
• 機器指令 / 機器碼
• 反匯編 (Disassembly)
• 函數調用追蹤

操作流程整理

1. 調查階段 (REA + Codex)：

• 使用 REA 工具對目標軟體（如蘋果官網）進行逆向分析。
• REA 調用 Ghidra、Hopper 等工具調查公開網頁結構與行為。
• 執行循環驗證：觀察行為 -> 猜想機制 -> 寫版本 -> 對照行為 -> 修改代碼。
• 識別關鍵機制（如 ScrollGroup, TimeGroup, VideoScrub）。

1. 重構階段 (Codex)：

• 根據調查結果，使用 Codex 在 Mac Studio 上進行代碼創造。
• 將調查報告、代碼改動、數據規則、構建命令寫成交接材料。
• 不複製所有機制，而是提取核心邏輯（如使用 IntersectionObserver 實現輕量級效果）。

1. 部署與維護階段 (Hermes)：

• 將實驗版複製至生產環境。
• Hermes 在 Mac mini M4 上接手，檢查真實生產環境。
• 保留原有數據與人工編輯內容。
• 在獨立副本中完成整合，執行更新流程（取數據、算 Top5、檢查高清封面、生成頁面、核對版本）。
• 發佈至 Vercel。

值得注意的限制或風險

• 技術名稱查證風險：筆記中提到的多個技術術語（如 ScrollGroup, TimeGroup, VideoScrub）及專案名稱（如 PhotoCraft, REA 的全稱與星數）在逐字稿中可能為講者觀察命名或特定稱呼，未必是標準公開技術名稱，需查證其準確性。
• 數據時效性：REA 的 GitHub 星數（192K）為影片製作時的快照，實際數據可能已變動。
• 逆向工程邊界：實驗僅限於研究加載到瀏覽器的公開內容（HTML/CSS/JS），未潛入服務器或破解軟體，此為合法研究的邊界聲明。

逐字稿辨識疑點

【警告】 以下片段存在標點符號斷句異常（ unnatural_sentence_boundary ），可能導致語意不完整或斷句錯誤。請參考待校正清單，暫不視為確定事實。

• Segment 55, 180, 231-237, 260：標點出現在句首或停在逗號位置，斷句可能不符合文法/口語。

待校正清單（疑似辨識錯誤或需查證之專有名詞/數據）：

1. 「PhotoCraft」：逐字稿提及此為 Photoshop 挑戰者，需查證該專案確切名稱是否為 PhotoCraft 或為其他開源專案（如 PhotoGIMP 等，但嚴格遵循逐字稿暫標為 PhotoCraft）。
2. 「REA」：逐字稿定義為 ReverseEngineerAnything。需查證 GitHub 上是否存在完全匹配此全稱且目前擁有 192K 星的知名專案，或是否為講者自創/特定專案的別稱。
3. 「192K 星」：GitHub 專案星數隨時間變動，此數據為影片製作時的快照，需查證當前實際星數。
4. 「DXBall」：逐字稿稱其為「上世紀九十年代的 Windows 打磚塊遊戲」。需查證該特定名稱 DXBall 是否為知名歷史遊戲，或是否為講者對某款經典打磚塊遊戲的特定稱呼。
5. 「六十三個字節」：關於 DXBall 重新編譯後目標函數匹配的字節數，此為極其精確的技術細節，需查證是否為特定研究論文或實驗報告中的具體數據。
6. 「VideoScrub」：逐字稿稱蘋果官網使用此機制。需查證這是否為蘋果內部使用的特定技術名稱，或是講者對「Video Scrubbing」技術的特定稱呼。
7. 「ScrollGroup」與「TimeGroup」：逐字稿稱蘋果頁面使用此機制。需查證這是否為標準 Web 技術標準名稱，或是講者對蘋果私有實現機制的觀察命名。
8. 「Hermes」與「Codex」：講者將這兩個名稱賦予不同的 Agent 角色（Codex 負責調查創造，Hermes 負責維護部署）。需查證這是否指代特定的開源 AI Agent 框架（如 Hermes 可能指代 Meta 的 Hermes 模型或特定 Agent 框架，Codex 指代 OpenAI Codex 或其衍生產品），或是講者對其內部工作流的自定義命名。

可延伸追問

1. REA 工具具體如何整合 Ghidra 和 Hopper？其 Agent 調用的具體 API 或接口是什麼？
2. 蘋果官網的 ScrollGroup 和 TimeGroup 機制是否有官方文檔支持，還是純屬逆向工程的推測？
3. 在雙 Agent 接力部署中，Codex 與 Hermes 之間的數據交接格式是什麼？如何確保數據一致性？
4. 對於「創造從未見過的新作品」，AI 目前在這方面有哪些具體的失敗案例或侷限？
5. PhotoCraft 專案的開源協議與商業化潛力如何？與 Adobe 的潛在法律風險為何？