開場白

今天最讓我驚豔的是 rea-video，新專案 30 天就衝上 8.2k 星，它能逐鏡頭判斷實拍、AI 生成或程式渲染，連燈光佈置、相機移動、色彩分級都幫你拆解出來。還有 Chrome 聯手三大瀏覽器推出的 modern-web-guidance，專治 AI 寫出 2019 年版 JavaScript，1.2 萬星壓箱寶等你拿。

今日開源好物

1. rea-video：AI 影片逆向工程，逐鏡頭拆解給你可執行的重製配方

• 它是什麼: 解決「想複製某支影片風格卻不知怎麼拆解」的真實痛點，給影片創作者、技術美術、AI 研究者用，能判斷每個鏡頭是實拍、AI 生成、虛擬人、 3D 動畫、程式碼渲染、螢幕錄製還是混剪。
• 近期聲量: GitHub 8.2k 星（30 天內新專案），Apache-2.0 授權。
• 亮點功能: 支援 7 大影片類型判斷，輸出開放格式 VIDEO.md 含鏡頭分類、燈光佈置、相機移動、色彩分級、音訊分離（人聲/配樂/音效）、字幕時間軸、剪輯切點；離線免費模式準確率 98%+，加上 Gemini/Doubao 視覺模型可達 99.6%+；附贈 capsule-cinema 自動重製管線（AI 鏡頭生成 + Remotion 程式碼渲染 + 實拍拍攝計畫）。
• 快速上手: 在 Claude Code 或 Codex 輸入 Install https://github.com/JuneYaooo/rea-video, then break down this video: /path/to/video.mp4（需 ffmpeg 與 Python 3.10+）。
• 跟同類比: 不同於 Hypit 等一鍵重製工具只看畫面生成新片，rea-video 專注「拆解原片怎麼做的」並給出可執行的重製配方（拍攝計畫、prompt、程式碼方案），適合想學習技法而非單純套用模板的創作者。
• 適合誰: 想學習影片拍攝技法、需要拆解參考影片的創作者與技術美術。
• 連結: https://github.com/JuneYaooo/rea-video

2. modern-web-guidance：把 AI 助手從 2019 年拉回現代 Web 原生開發

• 它是什麼: 專為前端工程師解決 AI 生成舊版 JavaScript 痛點的技能包，由 Chrome、Edge、Firefox、MDN 團隊共同維護，直接塞進 AI agent context window 讓它寫出現代原生代碼。
• 近期聲量: Hacker News 442 分（146 則討論），GitHub 1.2 萬星，Apache-2.0 授權。
• 亮點功能: 提供 250 種現代 Web 功能指引（CSS Layout、View Transitions、Anchor Positioning、Popover API、<dialog>、field-sizing、CSS.highlights 等）；CLI 可掃描專案找 legacy patterns（legacy-scan）或搜尋指引注入 AI agent context；Token-efficient 設計，經評估剪除模型已知內容，涵蓋效能（INP、scheduler.yield）、無障礙、內建 AI（翻譯、摘要、語言偵測）等面向。
• 快速上手: 無需安裝即可試用 npx modern-web-guidance@latest search "animate a dialog modal backdrop"；正式使用 npx modern-web-guidance@latest install 跑互動式精靈安裝到專案。
• 跟同類比: 不同於 MDN Web Docs 或 caniuse 只是查閱參考，這是直接給 AI agent 用的技能包，能把最佳實踐塞進 context window；對比手寫 prompt 或自行整理 cheatsheet，這套有瀏覽器廠商背書且持續更新。
• 適合誰: 需要讓 AI 助手寫出現代原生 Web 代碼的前端工程師。
• 連結: https://github.com/GoogleChrome/modern-web-guidance

結尾段落

今天這兩套工具都在解決「AI 不夠懂領域最新知識」的同一類問題：rea-video 幫人類理解影片語法，modern-web-guidance 幫 AI 理解現代瀏覽器能力。如果你是前端工程師，modern-web-guidance 今晚就能裝上跑 legacy-scan 看看專案還殘留多少舊寫法；做影片或研究視覺語言的話，rea-video 的 VIDEO.md 格式極適合餵給下游 agent 吃。明天再見，繼續挖好物。