截圖直接變前端程式碼，這根本是前端工程師的夢魘吧，以後連刻介面都省了。Oraink 這週的 GitHub 熱榜照慣例撈了五個專案，從截圖生成程式碼、3D 地球 OSINT、多智慧體課堂，一路講到科研技能庫跟本地求職自動化，等於把 AI 塞進前端、地圖、教學跟個人工作流裡。

影片時間軸

1. 00:09開場點名本週五個專案的主題範圍
2. 00:37GodsEyeView 把航班船舶衛星訊號疊上 3D 地球
3. 01:08OpenMIC 生成老師學生白板與課堂指令碼
4. 01:37Scientific Agent Skills 把科研操作寫成可呼叫步驟
5. 02:09AI Job Search 用命令列跑求職流程
6. 02:39收尾總結五個專案各自切入的領域

截圖轉程式碼的工作流

Screenshot Code 吃的是截圖、Figma 設計稿或錄屏，系統把畫面拆成前端元件和樣式程式碼。工作台左邊放素材，右邊直接生成頁面預覽跟程式碼，可以邊看結果邊叫模型改細節。它支援截圖轉程式碼也支援影片轉程式碼，適合前端原型、復刻後台頁面搭骨架。實作上把圖片、提示詞和模型輸出串起來，再用瀏覽器預覽收尾，讓程式碼生成不只是單次回答。

公開情報疊進 3D 地球

GodsEyeView 是把 OSINT 公開來源情報視覺化的工具，整合飛機 ADS-B、船舶 AIS、衛星軌道、公開攝像頭和地理底圖。這些訊號本來散在各個資料源，它全部疊到一顆 3D 地球上，像瀏覽器裡的態勢控制檯，能直接看目標在哪、朝哪走。互動上可以點目標追蹤，切換夜視、熱成像、HUD，資訊層會跟著視角變化，本質上是把公開資料、三維地球和實時鏡頭語言組合起來的演示平台。

多智慧體互動課堂

OpenMIC 給一個主題，就生成老師、學生、白板、測驗和課堂指令碼，把課程放進可互動介面。學生能提問，老師推進講解，白板跟著內容變化，可以有公式推導、圖形演示和分佈講解，像一節真的能跑起來的課。它也支援討論場景，多個角色圍繞一個問題推進，適合把複雜概念拆成講授、追問、總結幾個階段。底層把課綱、材料、媒體生成和課堂狀態交給不同 agent 分工，最後匯出網頁、PPTX 或課程頁面。

科研技能變成可呼叫步驟

Scientific Agent Skills 是科研 agent 的技能庫，把常見科研操作寫成 agent 能呼叫的步驟，涵蓋資料庫查詢、分子處理、單細胞分析、文獻檢索、藥物發現這些具體動作。核心價值是把 RDKit、ScanPy 這類工具的使用方法變成可複用的 agent skill。比如資料庫查詢 skill 會說明輸入、輸出、依賴和執行步驟，agent 呼叫時更像照著實驗 SOP 工作，把科研流程從臨時問答推進到可組合、可複用、能留下過程記錄的自動化。

求職流程收進命令列

AI Job Search 是本地求職自動化流水線，把你的資料、職位搜尋和申請材料生成交給 Claude Code 跑。流程分三步：Setup 填資料、Scrip 找職位、Apply 評估匹配度。Apply 這步有多個 agent 分工，一個寫草稿，一個檢查問題，再編譯 PDF 並確認 ATS 能讀到文字層。它把簡歷、求職信、崗位匹配、PDF 驗證這些零散動作收進一條命令列工作流，適合 AI 程式設計工具使用者把求職當成可重複執行、可審查輸出的本地專案。

值得下載嗎

如果你在做前端、OSINT 或想玩本地 agent 工作流，這五個都值得點進去看；但影片本身只是每項兩三分鐘的快速導覽，想直接抄來用的人建議還是開 repo 讀檔案。