# 影片筆記：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，展示輕量級滾動淡入與懸停展示效果。
5.  **人類判斷的關鍵性**：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`）。

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

3.  **部署與維護階段 (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 的潛在法律風險為何？