[{"data":1,"prerenderedAt":1279},["ShallowReactive",2],{"nav-search-articles-zh":3,"page-\u002Farticles\u002Fimg2threejs-codex-test":547,"related-\u002Farticles\u002Fimg2threejs-codex-test":1168,"article-prev-next-zh-\u002Farticles\u002Fimg2threejs-codex-test":1178},[4,15,24,32,38,44,49,58,63,68,73,79,84,89,97,102,107,112,118,123,128,134,139,144,149,154,159,164,169,174,179,184,189,194,199,204,209,214,219,224,229,234,239,244,250,256,261,266,271,276,281,286,291,296,301,306,311,316,321,326,331,341,346,351,357,362,367,375,382,388,394,399,404,410,415,420,425,430,435,440,445,450,455,460,465,470,475,480,485,490,495,500,505,510,515,522,527,532,537,542],{"_path":5,"title":6,"description":7,"category":8,"tags":9},"\u002Farticles\u002Fllmfit","llmfit 實測：先看這台 Mac 適合跑哪些本機模型","我拿 Apple M4、16GB RAM 的乞丐版 Mac mini 實測 llmfit 1.1.12，示範硬體偵測、Score 與 tok\u002Fs 排序、模型詳細資料，以及新版的社群 benchmark 分享功能。","AI & Tools",[10,11,12,13,14],"Open Source","CLI","Local AI","LLM","Rust",{"_path":16,"title":17,"description":18,"category":8,"tags":19},"\u002Farticles\u002F100-days-10-essential-apps","每日更新 100 天後，我留下來的 10 款 App","連續整理實用工具 100 天後，我選出 Zen Browser、Mos、Handy、Kando、Recordly、Zed、MarkText、Syncthing、MOLE 與 LuLu。前八款已經進入每天的工作流，後兩款則是實用度點滿的 Mac 工具。",[10,20,21,22,23],"Productivity","Automation","Network","Security",{"_path":25,"title":26,"description":27,"category":8,"tags":28},"\u002Farticles\u002Fmoshi-vs-termius","Moshi 與 Termius 實測：手機接手 Claude Code、Codex、Grok Build 的兩種做法","我用 iPhone 透過 Tailscale 網路以 SSH 連回 Mac mini，實測 Moshi 與 Termius 怎麼接手終端機裡的 CLI Agent。真正讓工作不怕斷線的是 tmux。",[29,30,31,11,20,22],"AI Agents","Claude Code","Codex",{"_path":33,"title":34,"description":35,"category":8,"tags":36},"\u002Farticles\u002Fsharex","ShareX 21.0 實測：Windows 老牌截圖工具，老、可靠、實用","我在 Windows 實測 ShareX 21.0 的區域截圖、圖片標記、截圖後排程與 OCR。介面不新，但從快捷鍵到輸出動作都能自己決定，免費開源而且夠可靠。",[10,20,37,21],"Image Processing",{"_path":39,"title":40,"description":41,"category":8,"tags":42},"\u002Farticles\u002Fvhs","VHS 實測：把終端機錄影寫成可以重播的程式碼","Charmbracelet VHS 能用 .tape 腳本控制終端機輸入、等待、主題、尺寸與輸出格式。我實際用 662 bytes 的 Tape 產生 16.92 秒中英 Demo，並從 MP4 擷取 PNG 截圖。",[10,11,43,21,20],"Video Processing",{"_path":45,"title":46,"description":47,"category":8,"tags":48},"\u002Farticles\u002Fzen-browser","Zen Browser 實測四個月：除了 Netflix，我已經不用 Chrome","我把 Zen Browser 當主力瀏覽器用了四個月。這篇整理自動伸縮側邊欄、Workspaces、Glance、Split View、Firefox 擴充套件與我正在使用的 Zen Mods，也說明為什麼 Netflix 還是得開其他瀏覽器。",[10,20,23],{"_path":50,"title":51,"description":52,"category":53,"tags":54},"\u002Farticles\u002Flucide-animated","lucide-animated：把 Lucide Icon 變成會動的 React 元件","lucide-animated 是一套以 Lucide 與 Motion 製作的開源動態圖示。這篇整理互動預覽、shadcn CLI 安裝方式，以及如何交給 Agent 使用。","Web Dev",[10,55,56,57,29],"Web Development","React","Animation",{"_path":59,"title":60,"description":61,"category":8,"tags":62},"\u002Farticles\u002Fanydoc","AnyDoc 實測：不到 1 秒把 Word 轉成 Markdown，還能直接交給 Agent 使用","我用 AnyDoc 高速把文件轉成 Markdown。這篇整理 CLI 與 Agent Skill 的完整用法、實際保留的文件結構，以及它和 Marker、MinerU 的差別。",[29,10,11,20,14],{"_path":64,"title":65,"description":66,"category":8,"tags":67},"\u002Farticles\u002Fwitr","witr 實測：一條指令查出誰占用 Port，以及它為什麼在跑","我在 Mac 實際開了一個占用 5173 Port 的 Node 服務，再用 witr 追查程序、啟動來源與 Socket，也整理了 TUI、常用指令和公開畫面前要注意的隱私資訊。",[10,11,22,20],{"_path":69,"title":70,"description":71,"category":8,"tags":72},"\u002Farticles\u002Fsyncthing","Syncthing 實測：Mac 和 Windows 不靠雲端硬碟，自動同步資料夾","我用 Syncthing 連接 Mac 與 Windows，實際測試共享資料夾的雙向檔案同步，也記錄了加密設定錯誤與同步衝突。",[10,22,20],{"_path":74,"title":75,"description":76,"category":8,"tags":77},"\u002Farticles\u002Flosslesscut","LosslessCut 實測：5 分鐘 600 MB 影片，幾乎按下就剪完","LosslessCut 能用 FFmpeg 直接複製影音串流，不必重新編碼。我實測剪一支約 5 分鐘、600 MB 的影片，並整理免費下載方式、I／O 快捷鍵與關鍵影格限制。",[10,20,43,78],"Audio Processing",{"_path":80,"title":81,"description":82,"category":8,"tags":83},"\u002Farticles\u002Flulu","LuLu 實測：Mac App 第一次往外連時，先讓你看一眼再決定","LuLu 是免費開源的 macOS 出站防火牆。它會在沒有規則的程式建立對外連線時顯示程式、目的地與簽章資訊；本文整理安裝後該保留的預設選項，以及警示該怎麼判斷。",[10,23,22],{"_path":85,"title":86,"description":87,"category":8,"tags":88},"\u002Farticles\u002Fsnapzy","Snapzy 實測：比 Mac 內建截圖更完整的免費原生工具","Snapzy 是免費開源的 macOS 原生截圖工具，支援截圖即時標記、長截圖、OCR、螢幕錄影與內建編輯器。我實測截圖並標記功能，也整理了避免快捷鍵衝突的設定方式。",[10,20,37],{"_path":90,"title":91,"description":92,"category":8,"tags":93},"\u002Farticles\u002Fimg2threejs-codex-test","img2threejs 實測：丟一張圖片給 Codex，真的能做成 Three.js 3D 模型嗎？","我用 GPT-5.6 SOL、medium 推理測試 img2threejs。F1 賽車這類複雜物件很容易翻車，換成紅白機手把後，按鈕、視角切換與爆炸圖都有做出來。這篇整理實測結果、適用範圍與 Codex 安裝方式。",[29,10,55,94,95,31,96,37],"JavaScript","WebGL","Agent Workflow",{"_path":98,"title":99,"description":100,"category":8,"tags":101},"\u002Farticles\u002Fpake","Pake 實測：一行指令把 Threads 網站打包成約 10MB 的 Mac App","Pake 是以 Rust／Tauri 製作的開源工具，可以把網站打包成 macOS、Windows 或 Linux 桌面 App。我實測將 Threads 網站做成獨立 App，從終端機輸入網址到拖進 Applications 就能使用。",[10,11,20,14],{"_path":103,"title":104,"description":105,"category":8,"tags":106},"\u002Farticles\u002Fmole","MOLE 實測：讓 AI Agent 先分析，再幫 Mac 清出 15GB 空間","MOLE 是 macOS 的開源終端機維護工具。我實測用 mo analyze、mo status 和 mo clean --dry-run 檢查硬碟與快取，最後清出 15.29GB；它也很適合交給 AI Agent 先分析、由人確認後再清理。",[29,10,11,20],{"_path":108,"title":109,"description":110,"category":8,"tags":111},"\u002Farticles\u002Ftwinkle-tray","Twinkle Tray：在 Windows 工作列直接調整多螢幕亮度","Twinkle Tray 是一套免費的 Windows 小工具，可以從系統匣直接調整多台外接螢幕的亮度，也支援快捷鍵、排程與 DDC\u002FCI 顯示器控制。",[20,10],{"_path":113,"title":114,"description":115,"category":8,"tags":116},"\u002Farticles\u002Fmarker","Marker 實測：比 MinerU 好上手的 PDF 轉 Markdown 工具？","我在 Apple Silicon Mac 上實測 Marker 的 fast 模式。一般文字型 PDF 轉 Markdown 已經很夠用，但公式與表格仍會失手；也整理了它和 MinerU 的實際分工。",[117,10,11,12,20],"AI Tools",{"_path":119,"title":120,"description":121,"category":8,"tags":122},"\u002Farticles\u002Fzed","Zed 實測：最近試到一個很順的 AI 程式編輯器","最近把專案放進 Zed 用了一下。它的操作感很輕快，AI 又能直接接 ChatGPT、Codex 和 MCP；不是要取代 VS Code，但很適合當成另一個選擇。",[117,29,10,20,31,14],{"_path":124,"title":125,"description":126,"category":8,"tags":127},"\u002Farticles\u002Fwhatcable","WhatCable 實測：Mac 的 USB-C 線到底跑多快、能不能帶螢幕，一打開就知道","WhatCable 是 macOS 選單列工具，能直接讀出 USB-C 線材、連接埠與裝置的實際協商狀態。我用它看到 USB4／Thunderbolt 40 Gbps、240W、e-marker，以及 4K 144Hz 螢幕連線的細節。",[20,10,11],{"_path":129,"title":130,"description":131,"category":8,"tags":132},"\u002Farticles\u002Fdbx","DBX：支援 70+ 種資料庫的輕量管理工具，連 Supabase 也能直接看表格、跑 SQL","DBX 是一款約 20 MB 的輕量開源資料庫工具。我這次實際連上 Supabase，也看了它的多資料庫管理、編輯器主題、AI 助理與 MCP 整合。",[133,10,20,29,14],"Database",{"_path":135,"title":136,"description":137,"category":8,"tags":138},"\u002Farticles\u002Fopenlogi","OpenLogi 實測：免費開源的 Logitech Options+ 本機替代工具，macOS 權限與 HID 排錯","OpenLogi 是支援特定 Logitech HID++ 周邊的本機開源工具，可調整按鍵、DPI 與 SmartShift。本文整理 macOS 的 Homebrew 安裝、必要權限與一次 HID transport error 的個案排錯；Windows 則是下載後直接可用。",[10,20,14],{"_path":140,"title":141,"description":142,"category":8,"tags":143},"\u002Farticles\u002Fmos","Mos 實測：讓 macOS 外接滑鼠滾輪變得平順","Mos 是一款免費的 macOS 滑鼠工具，能把外接滑鼠滾輪的跳動補成平滑移動，也能分別設定捲動方向與各個應用程式的捲動參數。",[20,11],{"_path":145,"title":146,"description":147,"category":8,"tags":148},"\u002Farticles\u002Flively-wallpaper","Lively Wallpaper 實測：免費開源的 Windows 動態桌布，音樂同步與全螢幕自動暫停","我實測 Lively Wallpaper：一款免費開源的 Windows 動態桌布工具。可以直接放入影片、GIF、網頁與網址，也能做系統音訊視覺化；更重要的是，玩遊戲或開全螢幕程式時能自動暫停桌布。",[10,20,43,78],{"_path":150,"title":151,"description":152,"category":8,"tags":153},"\u002Farticles\u002Ftrex-ocr","TRex 實測：macOS 選取螢幕文字就複製，QR Code、Raycast 與自動化都能用","我實測 TRex：一款 macOS 選取螢幕區域後直接把文字放進剪貼簿的開源 OCR 工具。它也能讀 QR Code、條碼、支援 Raycast、快捷鍵、CLI、Shortcuts 與 Watch Mode。",[37,10,20,21,11],{"_path":155,"title":156,"description":157,"category":8,"tags":158},"\u002Farticles\u002Ftranslucenttb","TranslucentTB 實測：幾 MB 記憶體，讓 Windows 工作列變得更順眼","TranslucentTB 是一款免費開源的 Windows 工作列外觀工具，只用幾 MB 記憶體、幾乎不吃 CPU，就能在透明、模糊、壓克力與一般模式間切換。我把最大化視窗設成一般模式，其餘工作時維持模糊，兼顧閱讀性與桌面質感。",[10,20,11],{"_path":160,"title":161,"description":162,"category":8,"tags":163},"\u002Farticles\u002Fheyclicky","HeyClicky 實測：比語音輸入更進一步的螢幕感知 AI","HeyClicky 是一款住在 macOS 游標旁的 AI 助手。它會結合螢幕畫面與語音指令，協助理解目前工作內容；我實測了它的功能、免費額度與多螢幕問題。",[117,29,20,21],{"_path":165,"title":166,"description":167,"category":8,"tags":168},"\u002Farticles\u002Fmac-stats","Stats 實測：把 Mac 的 CPU、記憶體與網路狀態放進選單列","Stats 是免費開源的 macOS 選單列系統監控工具。我實測它的安裝、預設選單列配置，以及 CPU、記憶體面板；想隨時看 CPU、RAM、網路或 SSD 狀態，這款很實用。",[10,20],{"_path":170,"title":171,"description":172,"category":8,"tags":173},"\u002Farticles\u002Fwinhance","Winhance 實測：一鍵安裝後管理、移除 Windows 內建軟體","實測 Winhance 的 PowerShell 一鍵安裝、繁體中文介面與 Windows 內建 App 批次移除流程。它把常見的 debloat、系統調整和外部軟體安裝集中到同一個圖形介面。",[10,20,11],{"_path":175,"title":176,"description":177,"category":8,"tags":178},"\u002Farticles\u002Ffile-converter","File Converter 實測：Windows 右鍵直接把 PNG／JPG 轉成 WebP","File Converter 是整合進 Windows 檔案總管右鍵選單的開源轉檔工具。我實測把 PNG、JPG 圖片轉成 WebP；不必打開主程式，選檔後右鍵就能完成，也支援影片、音訊與更多圖片格式。",[10,20,37,43],{"_path":180,"title":181,"description":182,"category":8,"tags":183},"\u002Farticles\u002Ffinetune","FineTune：補上 macOS 缺少的單一 App 音量控制","FineTune 是一個免費開源的 macOS 選單列音量工具，可以針對不同 App 調整音量、切換輸出設備，還能把不同 App 指到不同音訊設備。這篇簡單記錄它解決的問題與安裝方式。",[20,10],{"_path":185,"title":186,"description":187,"category":8,"tags":188},"\u002Farticles\u002Flatest","Latest：macOS 上一眼檢查 App 更新的小工具","Latest 是一個免費開源的 macOS App 更新檢查工具，可以集中查看哪些 App 有新版本，支援 Mac App Store 與使用 Sparkle 更新框架的應用程式。功能很單純，但對想定期整理 Mac 軟體版本的人很方便。",[20,10],{"_path":190,"title":191,"description":192,"category":8,"tags":193},"\u002Farticles\u002Fmarktext","MarkText：我目前用過最順手的所見即所得 Markdown 編輯器","MarkText 是一個開源 Markdown 編輯器，最大的特色是所見即所得：不用在原始碼與預覽視窗之間來回切換，而是在同一個畫面直接寫、直接看結果。這篇記錄 macOS 與 Windows 下載方式、Apple Silicon 要選哪個檔案，以及 macOS 遇到「已損毀，無法打開」時怎麼用 xattr 解決。",[20,10],{"_path":195,"title":196,"description":197,"category":8,"tags":198},"\u002Farticles\u002Fquicklook","QuickLook 實測：把 macOS 空白鍵預覽帶到 Windows，速度比 PowerToys Peek 更順","我實測 QuickLook 這款 Windows 檔案快速預覽工具，可以用空白鍵預覽 PDF、Markdown、圖片、影片、3D 模型與多種文件格式。它像 macOS Quick Look，但在 Windows 上支援格式更廣，也比我用 PowerToys Peek 時更順手。",[20,10],{"_path":200,"title":201,"description":202,"category":8,"tags":203},"\u002Farticles\u002Fumi-ocr","Umi-OCR 實測：免費開源離線 OCR 工具，截圖、批次圖片與 PDF 都能本地辨識","我實測 Umi-OCR 這款免費開源的離線 OCR 工具，支援截圖 OCR、批次圖片辨識、PDF 文件 OCR、二維碼掃描與命令列\u002FAPI 呼叫。它不用上傳檔案，Windows 還能依照電腦效能選 Paddle 或 Rapid 引擎版本。",[37,10,20],{"_path":205,"title":206,"description":207,"category":8,"tags":208},"\u002Farticles\u002Fpicsharp","PicSharp 實測：跨平台開源圖片壓縮工具，拖進去就能批次壓縮","我實測 PicSharp 這款跨平台圖片壓縮工具，支援 macOS、Windows 與 Linux，可以直接拖曳圖片或資料夾進去批次壓縮，也能在本地壓縮與 TinyPNG 之間切換，適合整理網站圖片與文章素材。",[37,10,20],{"_path":210,"title":211,"description":212,"category":8,"tags":213},"\u002Farticles\u002Fmeetily","Meetily 實測：本地 AI 會議轉錄、逐字稿與繁體中文摘要工具","Meetily 是一款開源、隱私優先的 AI 會議助理，可以在本機錄音、轉錄並產生摘要。我實測 v0.4.0，整理安裝方式、中文轉錄模型設定、繁體中文摘要與適合使用的情境。",[117,10,12,78,20],{"_path":215,"title":216,"description":217,"category":8,"tags":218},"\u002Farticles\u002Fbuhocleaner","BuhoCleaner 實測：我在 Mac 上用了超過一年的清理與 App 移除工具","我實測 BuhoCleaner 這套 Mac 清理工具，分享用了超過一年的心得、免費版限制、付費版價格、選單列監控、垃圾檔案清理、App 完整移除與日常使用情境。",[20],{"_path":220,"title":221,"description":222,"category":8,"tags":223},"\u002Farticles\u002Ffancontrol","Fan Control 實測：Windows 上超細緻的風扇曲線與硬體溫度控制工具","我實測 Fan Control 這套 Windows 風扇控制工具，從 GitHub Releases 下載 installer、安裝後切換繁體中文、自動校正風扇、建立曲線，到實際調整監控卡片與風扇策略的使用心得。",[20],{"_path":225,"title":226,"description":227,"category":8,"tags":228},"\u002Farticles\u002Fupscayl","Upscayl 實測：免費開源的本機 AI 圖片放大工具","我實測 Upscayl 這套免費開源 AI 圖片放大工具，從 GitHub Releases 與 Homebrew 安裝、第一次選語言、選模型，到用 Digital Art 模型把 He-Man 圖片放大 4 倍的實際效果。",[37,10,12,20],{"_path":230,"title":231,"description":232,"category":8,"tags":233},"\u002Farticles\u002Fappports","AppPorts 實測：把大型 Mac App 搬到外接硬碟，還能像原本一樣啟動","我實測 AppPorts 在 macOS 上把應用程式遷移到外接 SSD 的流程，包含 GitHub Releases 下載、Gatekeeper 隔離解除、語言切換、鎖定遷移與非鎖定遷移，以及實際搬移後的使用感受。",[20,10],{"_path":235,"title":236,"description":237,"category":8,"tags":238},"\u002Farticles\u002Fmac-fan","Macs Fan Control 實測：用了超過一年還留在 Mac 上的免費風扇控制工具","我在 macOS 上長期使用 Macs Fan Control 超過一年，這篇記錄它的下載方式、GitHub README 要先看的重點、溫度感測器設定、風扇曲線邏輯，以及我自己會注意的使用界線。",[20],{"_path":240,"title":241,"description":242,"category":8,"tags":243},"\u002Farticles\u002Fmarkdown-preview","Markdown Preview：macOS 上更輕量的 .md 預覽工具","Markdown Preview 是一個專門用來打開與預覽 .md 檔案的 macOS 小工具，可以設定成 Markdown 預設開啟 App，支援 Quick Look、搜尋、字體大小、外觀切換，以及 Preview \u002F Edit \u002F Split 模式。",[20,55],{"_path":245,"title":246,"description":247,"category":8,"tags":248},"\u002Farticles\u002Fcodebase-memory","Codebase Memory MCP 實測：把整個程式碼庫變成 AI Agent 可查詢的知識圖譜","Codebase Memory MCP 是一個本機運行的程式碼知識圖譜引擎，能讓 Claude Code、Codex、Cursor 等 AI Agent 直接查詢函式、呼叫鏈、架構與影響範圍。本文實測安裝、索引、3D Graph UI 與 CLI 查詢流程。",[117,29,10,11,249,31],"Data Visualization",{"_path":251,"title":252,"description":253,"category":254,"tags":255},"\u002Farticles\u002Fdeskreen","Deskreen 同網域臨時螢幕分享工具實測：用手機或另一台電腦看你的畫面","Deskreen 可以把電腦畫面分享給同一個區域網路內的手機、平板或另一台電腦。這篇紀錄實際使用流程、適合場景，以及內網 IP 和隱私注意事項。","Tools",[10,22,20],{"_path":257,"title":258,"description":259,"category":8,"tags":260},"\u002Farticles\u002Frustdesk","RustDesk 開源遠端桌面實測：用 Windows 串流控制 macOS","RustDesk 是一款開源遠端桌面工具，可以跨平台遠端控制電腦，也支援自建伺服器。這篇記錄我從 GitHub 下載、登入帳號、開啟權限、設定固定密碼，到第一次接受連線的實測流程。",[10,22,20,14],{"_path":262,"title":263,"description":264,"category":8,"tags":265},"\u002Farticles\u002Fhandbrake","HandBrake 實測：老牌開源影片壓縮工具到現在還是很穩","HandBrake 是一款老牌開源影片轉檔與壓縮工具。我這次用 4K 影片簡單實測，原始 106.1 MB 壓到 16.6 MB，畫質保留得比我預期好，這篇記錄我的基本用法與 preset 選擇心得。",[10,43,20],{"_path":267,"title":268,"description":269,"category":8,"tags":270},"\u002Farticles\u002Fsmartsub","SmartSub 妙幕實測：我目前用過最省事的本機影片字幕翻譯工具","SmartSub 妙幕是一款本地優先的桌面字幕工具，可以完成影片轉字幕、字幕翻譯、雙語字幕與字幕燒錄。這篇記錄我實測 DeepSeek 翻譯、faster-whisper、CUDA 加速，以及它和 VideoLingo 的差異。",[117,10,43,12],{"_path":272,"title":273,"description":274,"category":8,"tags":275},"\u002Farticles\u002Fkando","Kando 實測：我近期最喜歡的跨平台開源圓盤快捷選單","Kando 是一款免費開源、支援 macOS\u002FWindows\u002FLinux 的 Pie Menu 工具，可以用 Ctrl + Space 叫出圓盤選單，用滑鼠手勢快速開啟 App、網站、檔案、熱鍵與巨集。這篇分享我的實際使用體驗與設定方式。",[10,20,21],{"_path":277,"title":278,"description":279,"category":8,"tags":280},"\u002Farticles\u002Fhorizon","Horizon 實測：讓 Codex 自動整理每日 AI 新聞","我把 Horizon 接進部落格新聞流程，讓它負責抓資料來源，再交給 Codex 寫成每日 AI 新聞摘要。這篇記錄安裝方式、基本使用流程，以及我實際測完後的想法。",[117,29,10,21,11],{"_path":282,"title":283,"description":284,"category":8,"tags":285},"\u002Farticles\u002Fmaccy","Maccy 實測：輕量、鍵盤優先的 macOS 開源剪貼簿管理工具","自己在 macOS 整理資料或開發時最常遇到的問題是頻繁複製貼上造成的視窗切換。本文實測開源的 Maccy 剪貼簿工具，分享其快捷鍵喚醒、快速搜尋、安全過濾等實際使用體驗。",[10,20],{"_path":287,"title":288,"description":289,"category":8,"tags":290},"\u002Farticles\u002Fstirling-pdf","Stirling PDF 實測：離線跑的開源 PDF 神器，免上傳雲端直接搞定 50+ 種處理需求","我最近實測了開源的 Stirling PDF。這是一款可以完全在本地運行的 PDF 編輯平台，支援合併、壓縮、簽名等多達 50 多種功能，不用擔心敏感文件被上傳到第三方雲端伺服器。",[10,20,23],{"_path":292,"title":293,"description":294,"category":254,"tags":295},"\u002Farticles\u002Faerospace","AeroSpace 實測：讓 macOS 擁有平鋪視窗管理","分享這款 AeroSpace 平鋪視窗管理工具，以及我如何透過鍵盤快捷鍵解決 macOS 視窗混亂的問題。",[10,20],{"_path":297,"title":298,"description":299,"category":8,"tags":300},"\u002Farticles\u002Fpowertoys","Microsoft PowerToys 實測：4 個用過就回不去的 Windows 效率工具","自己在 Windows 工作最常遇到的問題是缺少類似 macOS 的預覽與快速啟動功能。本文實測微軟官方推出的 PowerToys 中實用的四個工具：空白鍵預覽 Peek、快速截圖 OCR 複製、視窗永久置頂與快捷搜尋框，分享我實際的使用體驗。",[10,20],{"_path":302,"title":303,"description":304,"category":8,"tags":305},"\u002Farticles\u002Frecord-replay","Codex Record & Replay 實測：演示一遍，教 AI 學會你的本地工作流","OpenAI Codex 最近新增了 Record & Replay 功能。我實測了在本地環境下，如何透過一次演示，讓 Codex 錄製並自動執行影片壓縮等腳本工作流。",[31,21,20,117],{"_path":307,"title":308,"description":309,"category":8,"tags":310},"\u002Farticles\u002Frecordly","Recordly 實測：開源螢幕錄影與自動 Zoom-in 編輯器（macOS\u002FWindows\u002FLinux）","我最近實測了開源的 Recordly。這是一款結合錄影與後製的工具，能自動根據滑鼠活動生成變焦建議，並提供滑鼠平滑、陰影邊框等美化功能，讓製作軟體 Demo 影片變得很省時。",[10,20,43],{"_path":312,"title":313,"description":314,"category":8,"tags":315},"\u002Farticles\u002Fcodexbar","CodexBar 實測：macOS 選單列一次監控 53 個 AI 編碼服務額度","CodexBar 是一款開源的 macOS 選單列工具，可即時追蹤 Codex、Claude、Cursor、Copilot 等 AI 編碼服務的使用視窗、信用餘額與重設倒數。本文實測安裝流程、權限授權與提供者設定教學。",[117,31,30,11,10,20],{"_path":317,"title":318,"description":319,"category":8,"tags":320},"\u002Farticles\u002Foptimizerduck","optimizerDuck 實測：開源 Windows 效能與隱私最佳化工具，拒絕背景無用遙測","optimizerDuck 是一款基於 .NET 10 與 WPF 開發的開源 Windows 系統最佳化工具。本文實測其效能調校、隱私遙測封鎖、GPU 電源優化等功能，並提供 Windows SmartScreen 封鎖警告的排解步驟與繁體中文語系設定教學。",[10,20,21],{"_path":322,"title":323,"description":324,"category":8,"tags":325},"\u002Farticles\u002Fhandy","Handy 離線語音輸入法實測：搭配 Breeze ASR 25，專為台灣人設計的中英混用輸入方案","Handy 是一款免費、開源且完全離線運作的桌面語音輸入工具。本文實測在 macOS\u002FWindows\u002FLinux 環境下安裝配置，並搭配專為台灣日常中英混用情境優化的 Breeze ASR 25模型，為您打造極致隱私的語音輸入體驗。",[117,10,12,78,20],{"_path":327,"title":328,"description":329,"category":8,"tags":330},"\u002Farticles\u002F5live","Gemini 3.5 Live Translate 實測：全新雙向即時語音翻譯與 Live API 開發指南","Google 推出全新的 Gemini 3.5 Live Translate 模型，支援超過 70 種語言的雙向低延遲即時語音翻譯。本文將帶你實測 Google AI Studio 的網頁體驗、了解其運作機制，並提供 Live API 開發範例與 WebSocket 連接設定。",[117,78,13],{"_path":332,"title":333,"description":334,"category":254,"tags":335},"\u002Farticles\u002Fmap3d","Map3D 實測：一鍵生成 3D 城市地圖與 GLB 匯出指南","想要快速獲取真實城市的 3D 建築與道路模型？Map3D 基於 React-Three-Fiber 與 OpenStreetMap，提供網頁一鍵框選與直接匯出 GLB，讓 3D 地形建模變得太簡單了！",[336,337,338,339,340,95],"React-Three-Fiber","Three.js","OpenStreetMap","GLB","3D Map",{"_path":342,"title":343,"description":344,"category":254,"tags":345},"\u002Farticles\u002Flocalsend","LocalSend 跨平台開源局域網檔案傳輸工具免設定使用指南","免網路、免註冊，在 macOS、Windows、Linux、iOS 與 Android 之間以 HTTPS 局域網高速安全互傳檔案。",[10,22,20],{"_path":347,"title":348,"description":349,"category":8,"tags":350},"\u002Farticles\u002Fllmwiki","LLM Wiki 實測：用大模型打造能自動整理與更新的個人離線知識庫","每次整理筆記都覺得繁瑣？LLM Wiki 是一款基於 Andrej Karpathy 理念開發的個人知識庫工具。它能自動讀取文檔、進行兩階段思維鏈分析、生成互相連結的 Wiki 頁面，並完美兼容 Obsidian 與本地 AI 模型。",[12,117,10,13,20,29],{"_path":352,"title":353,"description":354,"category":254,"tags":355},"\u002Farticles\u002Fvibe","Vibe 實測：最適合小白的跨平台離線 AI 語音轉文字工具，簡潔直覺一鍵搞定！","嫌 Whisper 命令行太難、其他工具設定太複雜？Vibe 是一款極簡、無痛上手的離線語音轉字幕工具。功能雖然精簡，但介面清爽、極易上手，是電腦小白與新手的最佳選擇！",[78,356,12,10],"Whisper",{"_path":358,"title":359,"description":360,"category":8,"tags":361},"\u002Farticles\u002Flottie","Text-To-Lottie 實測：用 AI Agent 本地生成與即時預覽 Lottie 動畫","本文介紹如何透過 Skia CanvasKit (Skottie) 搭配 React 與 shadcn\u002Fui 控制介面，讓本地 AI 代理直接編寫 lottie.json，並透過開發伺服器即時熱重載預覽動畫。",[117,29,10,55],{"_path":363,"title":364,"description":365,"category":8,"tags":366},"\u002Farticles\u002Fhermes-desktop","Nous Hermes Desktop 桌面版原生安裝與設定教學：跨平台 AI 助理與統一記憶體實測","Nous Research 旗下的 Hermes 智慧代理從終端機走向 GUI！本文帶您實測原生三平台桌面版，詳細拆解舊用戶一鍵搬遷步驟、API 供應商配置，以及如何串接 Telegram 與 Line 打造個人 AI 助理。",[117,29,10],{"_path":368,"title":369,"description":370,"category":254,"tags":371},"\u002Farticles\u002Fmineru","MinerU 實測：超強開源 PDF 與多格式文檔解析利器（macOS\u002FWindows\u002FLinux）","面臨複雜版面、掃描件或公式時，傳統 PDF 轉文字工具總是力不從心？開源框架 MinerU 結合佈局分析與視覺語言模型 (VLM)，能一鍵將 PDF、圖片及 Office 檔案轉換為精準的 Markdown、表格與 LaTeX 公式。本文實測線上 Web 版與本地 CLI\u002FAPI 部署流程。",[372,373,374,12,10],"PDF Parser","Markdown","OCR",{"_path":376,"title":377,"description":378,"category":10,"tags":379},"\u002Farticles\u002Fheadroom","Headroom 實測：AI Agent 的上下文壓縮層，節省高達 60–95% Token 成本","專為 AI Agent 設計的開源上下文優化工具 Headroom，整合多種壓縮演算法，支援本地逆向解壓 (CCR)，大幅降低 LLM 運算開銷並提升反應速度。",[10,380,13,381],"AI Agent","Context Optimization",{"_path":383,"title":384,"description":385,"category":53,"tags":386},"\u002Farticles\u002Ftegaki","Tegaki 手寫文字動畫庫安裝與實測：網頁手寫字動態特效輕鬆實現","想要在網頁中加入自然流暢的手寫字動畫嗎？Tegaki 是一個輕量且易用的 JavaScript 庫，能將任何字型轉換成手寫筆劃動畫。",[10,55,387,94],"Frontend",{"_path":389,"title":390,"description":391,"category":8,"tags":392},"\u002Farticles\u002Fccswitch2","CC Switch 延伸應用：手機遠端控制電腦與 Codex 增強模式實測","如何利用 CC Switch v3.16.1+ 獨家功能，在保留 Codex 官方行動端登入態與遠端操控能力的同時，將實際模型請求路由至 DeepSeek 等第三方 API？手把手帶你實現手機控制電腦的 AI Agent 體驗。",[117,30,31,393,13],"CC Switch",{"_path":395,"title":396,"description":397,"category":8,"tags":398},"\u002Farticles\u002Fccswitch","CC Switch 實測：自備 API Key 一鍵切換 AI CLI 模型的本機路由神器","在終端機使用 Claude Code 或 Codex 時，如何自由切換模型、自備 API Key 或使用 DeepSeek？本篇實測 CC Switch 路由工具，手把手教學如何代理 AI CLI 並進行花費與 MCP 管理。",[117,30,31,393,13],{"_path":400,"title":401,"description":402,"category":8,"tags":403},"\u002Farticles\u002Fremoverized","Removerized：離線可用的瀏覽器端 AI 去背與畫質增強工具","Removerized 讓你在瀏覽器中直接完成去背、放大與批次處理，資料不需上傳雲端，兼顧速度與隱私。",[117,37,12],{"_path":405,"title":406,"description":407,"category":8,"tags":408},"\u002Farticles\u002Fopen-design","Open Design 實測：用本地 CLI 快速做出作品集首頁","這次我把作品集首頁的大部分畫面交給 Open Design 處理。從選本地 Coding Agent、挑設計系統、輸入 brief，到生成設計稿與交付給 VS Code，整個流程比我預期順很多。",[409,96,55],"AI Design",{"_path":411,"title":412,"description":413,"category":254,"tags":414},"\u002Farticles\u002Fpot","Pot (派了個萌的翻譯器) 實測：最完美的跨平台劃詞翻譯與 OCR 工具","尋找一款流暢、不打斷工作流的翻譯工具？Pot 支援多譯文並行比對、精準的截圖 OCR 與豐富的翻譯\u002F大模型接口，是 macOS, Windows 與 Linux 用戶的極致效率利器。",[20,117,10],{"_path":416,"title":417,"description":418,"category":254,"tags":419},"\u002Farticles\u002Frtk","RTK 終端機 Token 殺手安裝與實測：省下 70% 以上 Claude Code 費用","RTK (Rust Token Killer) 是一個基於 Rust 的高效能 CLI 代理工具，能自動過濾與壓縮終端機輸出，為 AI 輔助開發節省 60-90% 的 Token 消耗。",[29,30,20,14],{"_path":421,"title":422,"description":423,"category":254,"tags":424},"\u002Farticles\u002Ffreedomain","Digiplat 免費 DNS 二級域名申請與 Cloudflare 解析配置教學","想將個人專案或測試網站部署上線，卻不想花錢購買網域？本文將教你如何使用 Digiplat 免費申請包含 .US.KG、.DPDNS.ORG 等多種後綴的免費二級域名。",[55],{"_path":426,"title":427,"description":428,"category":8,"tags":429},"\u002Farticles\u002Fmodly","Modly 本地端 AI 圖像轉 3D 網格生成工具安裝與實測","想將 2D 圖片快速轉換為高精度的 3D 模型，又不想付費或將隱私上傳雲端？Modly 讓你在本機 GPU 上直接進行 AI 3D 生成。",[117,95,10,12],{"_path":431,"title":432,"description":433,"category":53,"tags":434},"\u002Farticles\u002Fopenvid","OpenVid 瀏覽器免安裝產品 Demo 錄影與 3D 鏡頭後製工具教學","想要為你的產品錄製精美的演示影片？OpenVid 讓你直接在瀏覽器中套用 3D 鏡頭、縮放與精美背景，一鍵導出高質感的 Demo 影片。",[10,55,43],{"_path":436,"title":437,"description":438,"category":8,"tags":439},"\u002Farticles\u002Fomnivoice","OmniVoice Studio 本地端 AI 影音配音工具實測與 macOS 安裝避坑指南","最近測試了開源版 ElevenLabs + HeyGen：OmniVoice Studio。它支援 646 種語言、本地自動影片配音，且連 Mac mini 都跑得動！本文分享實測心得、macOS 隔離區排除教學，以及繁中\u002F簡中輸入產生的語音對比。",[117,78],{"_path":441,"title":442,"description":443,"category":23,"tags":444},"\u002Farticles\u002Fshannon","Shannon AI Pentest Agent 安裝與實測指南（macOS\u002FLinux）","我用 10 個 AI agents 打自己的網站，2 小時後交出完整資安報告。Shannon 比我想像的成熟。",[29,23,21],{"_path":446,"title":447,"description":448,"category":53,"tags":449},"\u002Farticles\u002Fpretext","Pretext 高效多行文字 Canvas 排版庫優化與防 DOM 重繪技術","想精準計算段落高度、做出更自由的文字排版，卻不想一直碰 getBoundingClientRect？Pretext 提供了一條很聰明的路。",[55,387,94],{"_path":451,"title":452,"description":453,"category":254,"tags":454},"\u002Farticles\u002Faltsendme","AltSendme 跨平台 P2P 極速檔案互傳工具免伺服器部署指南","不用雲端、不用註冊，Windows 與 macOS 直接對傳。",[117,22,20],{"_path":456,"title":457,"description":458,"category":53,"tags":459},"\u002Farticles\u002Fdeckgl","Deck.gl 大規模 3D 地理數據視覺化框架與 MapLibre 整合實戰","想要在網頁上渲染數以萬計的數據點，同時保持流暢的 3D 互動？Deck.gl 是處理地理空間資料視覺化的絕佳利器。",[95,55,249,94],{"_path":461,"title":462,"description":463,"category":254,"tags":464},"\u002Farticles\u002Fantigravity-manager","Antigravity Manager 管理工具安裝教學：多帳號與 Token 額度即時監控","如果你只在意兩件事：配額看得清楚、帳號切得快速，Antigravity Manager 其實就很值得裝。",[117,20,11],{"_path":466,"title":467,"description":468,"category":10,"tags":469},"\u002Farticles\u002Fvideolingo","VideoLingo 本地 AI 影片翻譯字幕與中文配音工具部署指南","我實測了 VideoLingo，從原始影片到中文字幕與中配影片都能自動化完成。這篇整理功能、實際效果和我建議的模型設定。",[10,43,78,117],{"_path":471,"title":472,"description":473,"category":254,"tags":474},"\u002Farticles\u002Farnis","Arnis 地理 GIS 數據轉換工具安裝與 Minecraft 3D 真實地圖生成實戰","如果你曾經想過把自己的家鄉、城市甚至整片地形直接生成到 Minecraft 裡，Arnis 真的很誇張。",[10,21],{"_path":476,"title":477,"description":478,"category":10,"tags":479},"\u002Farticles\u002Flog-lottery-tw","log-lottery 開源網頁抽獎系統自定義配置與尾牙活動實用部署","支援自訂名單、獎項、圖片、背景與音樂的開源抽獎工具。我也整理了繁體中文版本，部署後打開瀏覽器就能直接使用。",[10,55,387],{"_path":481,"title":482,"description":483,"category":8,"tags":484},"\u002Farticles\u002Fhermes-hyperframes-self-intro-video","Hermes Agent x HyperFrames 實戰：AI 助理自介影片自動生成指南","叫 Hermes 自己拍一支自我介紹影片。從文案發想、HTML 動畫編寫、到渲染輸出 MP4 全部自動化。HyperFrames 是什麼？為什麼比 Remotion 更適合 AI Agent？",[29,43,21],{"_path":486,"title":487,"description":488,"category":8,"tags":489},"\u002Farticles\u002Fhermes-deepseek-v4","DeepSeek V4 Pro x Hermes Agent 自動寫自我介紹評測與部署指南","我叫 Hermes 自己寫這篇。1M context、0.87 鎂\u002F百萬 token、跨平台部署、自主截圖寫文 git push。這篇文章由 AI 從研究到發布全部自己來。",[29,13,21],{"_path":491,"title":492,"description":493,"category":254,"tags":494},"\u002Farticles\u002Fbarkod","Barkod Studio 個性化條碼與發票載具圖樣生成器安裝與設計指南","全網頁版免安裝，高質感自訂樣式。結帳時拿出鯊魚或大便造型載具，絕對是全場焦點。",[55,387,94],{"_path":496,"title":497,"description":498,"category":254,"tags":499},"\u002Farticles\u002Fstacher","Stacher 萬能影音下載器安裝教學與 yt-dlp GUI 圖形化配置指南","告別繁瑣的指令，yt-dlp 最強圖形化介面，4K 影片、音樂下載一次搞定！",[117,43],{"_path":501,"title":502,"description":503,"category":254,"tags":504},"\u002Farticles\u002Fpetdex","Petdex 點陣圖桌面電子寵物安裝指南：讓開發環境更有趣","一行 npx 指令秒裝，完全免註冊登入，給工程師帶來滿滿的心靈祥和！",[117,11],{"_path":506,"title":507,"description":508,"category":53,"tags":509},"\u002Farticles\u002Fcobe","Cobe 輕量 WebGL 地球儀配置教學與 Vue 專案整合指南","想要在網頁上放一個酷炫的 3D 地球，但又不想載入沉重的 Three.js？COBE 是你的最佳選擇。",[95,55,387,94],{"_path":511,"title":512,"description":513,"category":10,"tags":514},"\u002Farticles\u002Fsupercmd","SuperCmd 開源 Mac 快捷啟動器安裝與自定義指令配置指南","整合 Raycast 擴充、語音輸入與 AI 助手，這款開源工具能成為你的新寵嗎？",[10,20],{"_path":516,"title":517,"description":518,"category":519,"tags":520},"\u002Farticles\u002Fopenstock","OpenStock 開源股票市場回測系統安裝與 AI 策略整合教學","OpenStock 是一個由社群驅動的開源股票平台，昂貴的市場的平替工具。","AI & Finance",[10,521,133],"FinTech",{"_path":523,"title":524,"description":525,"category":8,"tags":526},"\u002Farticles\u002Fworld-monitor","World Monitor 全球即時情報監控系統本地部署與 AI 分析流整合教學","這是一篇關於 World Monitor 的深度介紹。從本地端快速部署到整合 AI 分析，教你如何打造一個包含地緣政治、軍事、金融與基礎設施的即時監控平台。",[117,22,133],{"_path":528,"title":529,"description":530,"category":8,"tags":531},"\u002Farticles\u002Fpi-mono-coding-agent","Pi Coding Agent 輕量級終端機 AI 助手安裝與工作流實戰","如果你覺得市面上的 AI 開發工具太過笨重，或是強迫你改變習慣，那你一定要試試完全由你掌控的 Pi。",[29,11],{"_path":533,"title":534,"description":535,"category":8,"tags":536},"\u002Farticles\u002Fwarp-terminal-ux-revolution","Warp Terminal 新一代 IDE 級智慧終端機安裝與開發效率優化配置","從可視化補全、滑鼠編輯到 Blocks 區塊輸出，Warp 正在把傳統終端機那套難用又反直覺的體驗，整個翻新。",[11,20],{"_path":538,"title":539,"description":540,"category":8,"tags":541},"\u002Farticles\u002Fvoicebox-local-ai-voice-studio","Voicebox 本地端 AI 語音工作室安裝指南與核心配置教學","這是一篇針對開發者設計的 Voicebox 指南。從 macOS\u002FWindows 安裝到 Voice Cloning 實作，並教你如何透過 MCP 讓 AI Agent 開口說話。",[117,78,21],{"_path":543,"title":544,"description":545,"category":8,"tags":546},"\u002Farticles\u002Fnvidia-nim-free-api","NVIDIA NIM 免費 DeepSeek-V4-Pro API 申請與多框架整合指南","不綁信用卡、沒有試用期！教你如何透過 NVIDIA NIM 無痛串接剛上市的最強開源模型 DeepSeek-V4-Pro 與 Flash 版本。",[117,13],{"_path":90,"_dir":548,"_draft":549,"_partial":549,"_locale":550,"title":91,"description":92,"date":551,"updated":552,"category":8,"image":553,"tags":554,"series":555,"readingTime":556,"difficulty":557,"local":558,"platforms":559,"gpu":563,"draft":549,"body":564,"_type":1162,"_id":1163,"_source":1164,"_file":1165,"_stem":1166,"_extension":1167},"articles",false,"","2026-07-29","2026-07-31","\u002Fday_assets\u002Fimg2threejs-codex-test\u002Fnes-controller-demo.png",[29,10,55,94,95,31,96,37],"github-tech","7 min read","Medium",true,[560,561,562],"macOS","Windows","Linux","None",{"type":565,"children":566,"toc":1153},"root",[567,575,588,593,613,618,653,658,1147],{"type":568,"tag":569,"props":570,"children":572},"element","h2",{"id":571},"前言",[573],{"type":574,"value":571},"text",{"type":568,"tag":576,"props":577,"children":578},"p",{},[579,586],{"type":568,"tag":580,"props":581,"children":583},"code",{"className":582},[],[584],{"type":574,"value":585},"img2threejs",{"type":574,"value":587}," 這個名字很直白：給 Agent 一張參考圖片，讓它用程式重建成可以在瀏覽器裡操作的 Three.js 3D 模型。",{"type":568,"tag":576,"props":589,"children":590},{},[591],{"type":574,"value":592},"它不是把照片直接轉成 Mesh，也不是攝影測量。Agent 會先拆解圖片裡的輪廓、零件、材質與細節，再用 Three.js 的幾何圖形、材質和程式碼把物件重新做出來。理論上還會經過 blockout、結構、外型、材質、燈光、互動與最佳化等階段。",{"type":568,"tag":576,"props":594,"children":595},{},[596,598,604,606,611],{"type":574,"value":597},"我這次用 ",{"type":568,"tag":599,"props":600,"children":601},"strong",{},[602],{"type":574,"value":603},"GPT-5.6 SOL",{"type":574,"value":605},"，推理強度選 ",{"type":568,"tag":599,"props":607,"children":608},{},[609],{"type":574,"value":610},"medium",{"type":574,"value":612},"。前面先拿 F1 賽車這種複雜物件測，結果很直接：翻車。曲面、車身比例、輪胎與空力套件只要幾個地方沒抓準，最後看起來就不像同一台車。",{"type":568,"tag":576,"props":614,"children":615},{},[616],{"type":574,"value":617},"後來我換成結構比較簡單的紅白機手把，只跑一次完整任務，沒有再叫 Agent 針對成品反覆人工精修。這次至少有做出手把外殼、十字鍵、Select／Start、A／B 按鈕和電線，也能切換視角、點選零件與打開爆炸圖。效果稱不上精緻，但拿來做粗略 Demo 已經可以接受。",{"type":568,"tag":619,"props":620,"children":629},"div",{"className":621},[622,623,624,625,626,627,628],"my-8","rounded-xl","overflow-hidden","shadow-2xl","border","border-slate-200","dark:border-slate-800",[630,632,640,641],{"type":574,"value":631},"\n  ",{"type":568,"tag":633,"props":634,"children":639},"img",{"src":553,"alt":635,"className":636},"Codex 使用 img2threejs 依照參考圖片重建的紅白機手把 Three.js 模型",[637,638],"w-full","h-auto",[],{"type":574,"value":631},{"type":568,"tag":576,"props":642,"children":650},{"className":643},[644,645,646,647,648,649],"text-center","text-sm","text-slate-500","py-2","bg-slate-50","dark:bg-slate-900\u002F50",[651],{"type":574,"value":652},"這是我用 GPT-5.6 SOL、medium 推理跑出來的紅白機手把",{"type":568,"tag":576,"props":654,"children":655},{},[656],{"type":574,"value":657},"下面是這次實測的完整操作畫面，可以直接看到 Agent 產生模型後的旋轉、按鈕互動和爆炸圖效果。",{"type":568,"tag":659,"props":660,"children":662},"fullscreen-video",{"src":661},"\u002Fday_assets\u002Fimg2threejs-codex-test\u002Fimg2threejs-nes-controller-demo.mp4",[663,700,706,742,747,752,758,763,768,773,801,819,824,829,834,839,844,849,854,860,881,894,962,974,979,994,999,1039,1044,1049,1078,1083,1088,1116,1121,1126,1132,1137,1142],{"type":568,"tag":664,"props":665,"children":666},"ul",{},[667,680,690],{"type":568,"tag":668,"props":669,"children":670},"li",{},[671],{"type":568,"tag":672,"props":673,"children":677},"a",{"href":674,"rel":675},"https:\u002F\u002Fgithub.com\u002Fimg2threejs\u002Fimg2threejs",[676],"nofollow",[678],{"type":574,"value":679},"img2threejs GitHub 專案",{"type":568,"tag":668,"props":681,"children":682},{},[683],{"type":568,"tag":672,"props":684,"children":687},{"href":685,"rel":686},"https:\u002F\u002Fimg2threejs.github.io\u002Fimg2threejs-showcase\u002F",[676],[688],{"type":574,"value":689},"官方 Live Demo Gallery",{"type":568,"tag":668,"props":691,"children":692},{},[693],{"type":568,"tag":672,"props":694,"children":697},{"href":695,"rel":696},"https:\u002F\u002Fgithub.com\u002Fimg2threejs\u002Fimg2threejs\u002Fblob\u002Fmain\u002Fdocs\u002FARCHITECTURE.md",[676],[698],{"type":574,"value":699},"專案架構與處理流程",{"type":568,"tag":569,"props":701,"children":703},{"id":702},"它不是圖片轉-3d而是-agent-用程式重建",[704],{"type":574,"value":705},"它不是圖片轉 3D，而是 Agent 用程式重建",{"type":568,"tag":576,"props":707,"children":708},{},[709,711,716,718,724,726,732,734,740],{"type":574,"value":710},"這個差別很重要。",{"type":568,"tag":580,"props":712,"children":714},{"className":713},[],[715],{"type":574,"value":585},{"type":574,"value":717}," 不會從照片裡抽出一個現成模型，而是讓 Agent 觀察圖片，再產生一個 ",{"type":568,"tag":580,"props":719,"children":721},{"className":720},[],[722],{"type":574,"value":723},"THREE.Group",{"type":574,"value":725}," 工廠。模型本身由 primitive、程序材質和生成幾何組成，所以最後拿到的是程式碼，不是下載回來的 ",{"type":568,"tag":580,"props":727,"children":729},{"className":728},[],[730],{"type":574,"value":731},".glb",{"type":574,"value":733}," 或 ",{"type":568,"tag":580,"props":735,"children":737},{"className":736},[],[738],{"type":574,"value":739},".obj",{"type":574,"value":741},"。",{"type":568,"tag":576,"props":743,"children":744},{},[745],{"type":574,"value":746},"官方流程會先判斷圖片是否適合重建，接著建立 detail inventory，把倒角、接縫、按鈕、刻字、材質差異等特徵列出來。之後再建立規格，分階段完成模型，每一個階段都應該拿瀏覽器截圖和參考圖比較。",{"type":568,"tag":576,"props":748,"children":749},{},[750],{"type":574,"value":751},"這套流程最有意思的地方不是「AI 幫我畫出一個 3D 物件」，而是它連模型結構也想一起處理。零件有名稱、階層、pivot、socket 和 collider，理論上比較容易繼續做動畫、互動或拆解，而不是只有一坨看起來像的靜態 Mesh。",{"type":568,"tag":569,"props":753,"children":755},{"id":754},"我的實測f1-賽車翻車紅白機手把比較合理",[756],{"type":574,"value":757},"我的實測：F1 賽車翻車，紅白機手把比較合理",{"type":568,"tag":576,"props":759,"children":760},{},[761],{"type":574,"value":762},"我一開始選錯題目，拿 F1 賽車去測。",{"type":568,"tag":576,"props":764,"children":765},{},[766],{"type":574,"value":767},"F1 的辨識度不只來自車身輪廓。前翼、後翼、側箱、Halo、輪胎比例和各種空力曲面只要少一塊，整台車就會變成「看得出來是賽車，但不是照片裡那台」。這種物件對單張圖片也不友善，很多結構被遮住，Agent 只能猜。",{"type":568,"tag":576,"props":769,"children":770},{},[771],{"type":574,"value":772},"紅白機手把就簡單很多。它的主體接近扁平長方體，正面零件也很清楚：",{"type":568,"tag":664,"props":774,"children":775},{},[776,781,786,791,796],{"type":568,"tag":668,"props":777,"children":778},{},[779],{"type":574,"value":780},"白色外殼與黑色面板",{"type":568,"tag":668,"props":782,"children":783},{},[784],{"type":574,"value":785},"左側十字鍵",{"type":568,"tag":668,"props":787,"children":788},{},[789],{"type":574,"value":790},"中間 Select、Start 按鈕",{"type":568,"tag":668,"props":792,"children":793},{},[794],{"type":574,"value":795},"右側紅色 B、A 按鈕",{"type":568,"tag":668,"props":797,"children":798},{},[799],{"type":574,"value":800},"後方連接線",{"type":568,"tag":619,"props":802,"children":804},{"className":803},[622,623,624,625,626,627,628],[805,806,812,813],{"type":574,"value":631},{"type":568,"tag":633,"props":807,"children":811},{"src":808,"alt":809,"className":810},"\u002Fday_assets\u002Fimg2threejs-codex-test\u002Fnes-controller-reference.jpg","這次交給 img2threejs 重建的紅白機手把參考圖片",[637,638],[],{"type":574,"value":631},{"type":568,"tag":576,"props":814,"children":816},{"className":815},[644,645,646,647,648,649],[817],{"type":574,"value":818},"原始參考圖的輪廓與按鈕配置很清楚，適合做程序式重建",{"type":568,"tag":576,"props":820,"children":821},{},[822],{"type":574,"value":823},"這次 Agent 有把主要按鈕做成獨立零件。A、B 鍵可以點擊，畫面也提供 Reference、Top、Front、Side 等視角。按下 Explode parts 後，外殼、面板和控制零件會分層拉開；再按一次就能組回去。",{"type":568,"tag":576,"props":825,"children":826},{},[827],{"type":574,"value":828},"這些互動比單純輸出一張 3D 截圖更有價值，因為它真的能拿來錄一段 Demo，或繼續接進其他 Three.js 場景。",{"type":568,"tag":576,"props":830,"children":831},{},[832],{"type":574,"value":833},"不過外型還是有明顯落差。我的成品外殼偏厚，按鍵高度和材質反光也沒有完全貼近參考圖，標籤位置只能算大致接近。若要拿去當正式遊戲資產或產品展示，我不會直接用這一版。",{"type":568,"tag":569,"props":835,"children":837},{"id":836},"為什麼官方展示比我的結果好",[838],{"type":574,"value":836},{"type":568,"tag":576,"props":840,"children":841},{},[842],{"type":574,"value":843},"官方 Gallery 裡的 Glock-18、BMX、刀具、耳機和場景模型，完成度都比我這次跑出來的手把高。",{"type":568,"tag":576,"props":845,"children":846},{},[847],{"type":574,"value":848},"我沒辦法從 README 判斷作者展示時用了哪個模型，也不知道每個案例實際修了幾輪，所以不能直接說差距來自模型能力。比較確定的是，官方流程本來就設計了逐階段比對與 self-correction；如果每一次畫面檢查後都繼續修輪廓、零件和材質，結果當然會比「丟一次任務，看到可以動就停」更完整。",{"type":568,"tag":576,"props":850,"children":851},{},[852],{"type":574,"value":853},"我這次比較接近一般人第一次安裝後的使用方式：放一張圖、指定物件，讓 Agent 自己跑完。以這個前提來看，簡單物件有機會得到可用的雛形，複雜物件則很吃模型、參考圖、推理強度和後續修正次數。",{"type":568,"tag":569,"props":855,"children":857},{"id":856},"在-codex-安裝-img2threejs",[858],{"type":574,"value":859},"在 Codex 安裝 img2threejs",{"type":568,"tag":576,"props":861,"children":862},{},[863,865,871,873,879],{"type":574,"value":864},"官方安裝與原始碼都在 ",{"type":568,"tag":672,"props":866,"children":868},{"href":674,"rel":867},[676],[869],{"type":574,"value":870},"img2threejs GitHub",{"type":574,"value":872},"。安裝本身確實很簡單，核心就是 ",{"type":568,"tag":580,"props":874,"children":876},{"className":875},[],[877],{"type":574,"value":878},"git clone",{"type":574,"value":880},"，不是「Geek Clone」。",{"type":568,"tag":576,"props":882,"children":883},{},[884,886,892],{"type":574,"value":885},"目前 Codex 官方文件建議把個人 skill 放在 ",{"type":568,"tag":580,"props":887,"children":889},{"className":888},[],[890],{"type":574,"value":891},"~\u002F.agents\u002Fskills",{"type":574,"value":893},"。先建立資料夾，再把專案 clone 進去：",{"type":568,"tag":895,"props":896,"children":900},"pre",{"className":897,"code":898,"language":899,"meta":550,"style":550},"language-bash shiki shiki-themes one-dark-pro","mkdir -p ~\u002F.agents\u002Fskills\ngit clone https:\u002F\u002Fgithub.com\u002Fimg2threejs\u002Fimg2threejs.git \\\n  ~\u002F.agents\u002Fskills\u002Fimg2threejs\n","bash",[901],{"type":568,"tag":580,"props":902,"children":903},{"__ignoreMap":550},[904,928,953],{"type":568,"tag":905,"props":906,"children":909},"span",{"class":907,"line":908},"line",1,[910,916,922],{"type":568,"tag":905,"props":911,"children":913},{"style":912},"--shiki-default:#61AFEF",[914],{"type":574,"value":915},"mkdir",{"type":568,"tag":905,"props":917,"children":919},{"style":918},"--shiki-default:#D19A66",[920],{"type":574,"value":921}," -p",{"type":568,"tag":905,"props":923,"children":925},{"style":924},"--shiki-default:#98C379",[926],{"type":574,"value":927}," ~\u002F.agents\u002Fskills\n",{"type":568,"tag":905,"props":929,"children":931},{"class":907,"line":930},2,[932,937,942,947],{"type":568,"tag":905,"props":933,"children":934},{"style":912},[935],{"type":574,"value":936},"git",{"type":568,"tag":905,"props":938,"children":939},{"style":924},[940],{"type":574,"value":941}," clone",{"type":568,"tag":905,"props":943,"children":944},{"style":924},[945],{"type":574,"value":946}," https:\u002F\u002Fgithub.com\u002Fimg2threejs\u002Fimg2threejs.git",{"type":568,"tag":905,"props":948,"children":950},{"style":949},"--shiki-default:#56B6C2",[951],{"type":574,"value":952}," \\\n",{"type":568,"tag":905,"props":954,"children":956},{"class":907,"line":955},3,[957],{"type":568,"tag":905,"props":958,"children":959},{"style":924},[960],{"type":574,"value":961},"  ~\u002F.agents\u002Fskills\u002Fimg2threejs\n",{"type":568,"tag":576,"props":963,"children":964},{},[965,967,972],{"type":574,"value":966},"Codex 通常會自動偵測 skill 變更；如果清單裡沒看到 ",{"type":568,"tag":580,"props":968,"children":970},{"className":969},[],[971],{"type":574,"value":585},{"type":574,"value":973},"，重新啟動 Codex。",{"type":568,"tag":576,"props":975,"children":976},{},[977],{"type":574,"value":978},"之後把參考圖片拖進任務，直接指定 skill 和物件名稱即可：",{"type":568,"tag":895,"props":980,"children":983},{"className":981,"code":982,"language":574,"meta":550,"style":550},"language-text shiki shiki-themes one-dark-pro","$img2threejs 紅白機手把\n",[984],{"type":568,"tag":580,"props":985,"children":986},{"__ignoreMap":550},[987],{"type":568,"tag":905,"props":988,"children":989},{"class":907,"line":908},[990],{"type":568,"tag":905,"props":991,"children":992},{},[993],{"type":574,"value":982},{"type":568,"tag":576,"props":995,"children":996},{},[997],{"type":574,"value":998},"也可以把要求寫得更明確：",{"type":568,"tag":895,"props":1000,"children":1002},{"className":981,"code":1001,"language":574,"meta":550,"style":550},"$img2threejs\n請依照這張參考圖重建成可在瀏覽器操作的 Three.js 模型。\n先鎖定外殼比例、按鈕配置與電線方向。\n完成後提供正面、俯視與爆炸視圖，並列出仍不符合參考圖的地方。\n",[1003],{"type":568,"tag":580,"props":1004,"children":1005},{"__ignoreMap":550},[1006,1014,1022,1030],{"type":568,"tag":905,"props":1007,"children":1008},{"class":907,"line":908},[1009],{"type":568,"tag":905,"props":1010,"children":1011},{},[1012],{"type":574,"value":1013},"$img2threejs\n",{"type":568,"tag":905,"props":1015,"children":1016},{"class":907,"line":930},[1017],{"type":568,"tag":905,"props":1018,"children":1019},{},[1020],{"type":574,"value":1021},"請依照這張參考圖重建成可在瀏覽器操作的 Three.js 模型。\n",{"type":568,"tag":905,"props":1023,"children":1024},{"class":907,"line":955},[1025],{"type":568,"tag":905,"props":1026,"children":1027},{},[1028],{"type":574,"value":1029},"先鎖定外殼比例、按鈕配置與電線方向。\n",{"type":568,"tag":905,"props":1031,"children":1033},{"class":907,"line":1032},4,[1034],{"type":568,"tag":905,"props":1035,"children":1036},{},[1037],{"type":574,"value":1038},"完成後提供正面、俯視與爆炸視圖，並列出仍不符合參考圖的地方。\n",{"type":568,"tag":576,"props":1040,"children":1041},{},[1042],{"type":574,"value":1043},"專案裡的驗證腳本只需要 Python 3.10 以上，不必另外安裝一堆 Python 套件。不過如果 Agent 同時幫你建立 Vite／Three.js 預覽專案，還是需要 Node.js 和 npm 來安裝前端相依套件與啟動瀏覽器預覽。",{"type":568,"tag":576,"props":1045,"children":1046},{},[1047],{"type":574,"value":1048},"如果已經安裝過，更新可以直接拉最新版：",{"type":568,"tag":895,"props":1050,"children":1052},{"className":897,"code":1051,"language":899,"meta":550,"style":550},"git -C ~\u002F.agents\u002Fskills\u002Fimg2threejs pull\n",[1053],{"type":568,"tag":580,"props":1054,"children":1055},{"__ignoreMap":550},[1056],{"type":568,"tag":905,"props":1057,"children":1058},{"class":907,"line":908},[1059,1063,1068,1073],{"type":568,"tag":905,"props":1060,"children":1061},{"style":912},[1062],{"type":574,"value":936},{"type":568,"tag":905,"props":1064,"children":1065},{"style":918},[1066],{"type":574,"value":1067}," -C",{"type":568,"tag":905,"props":1069,"children":1070},{"style":924},[1071],{"type":574,"value":1072}," ~\u002F.agents\u002Fskills\u002Fimg2threejs",{"type":568,"tag":905,"props":1074,"children":1075},{"style":924},[1076],{"type":574,"value":1077}," pull\n",{"type":568,"tag":569,"props":1079,"children":1081},{"id":1080},"哪些物件比較適合第一次測",[1082],{"type":574,"value":1080},{"type":568,"tag":576,"props":1084,"children":1085},{},[1086],{"type":574,"value":1087},"我會優先選輪廓清楚、零件分明、表面不用照片級還原的物件，例如：",{"type":568,"tag":664,"props":1089,"children":1090},{},[1091,1096,1101,1106,1111],{"type":568,"tag":668,"props":1092,"children":1093},{},[1094],{"type":574,"value":1095},"遊戲手把、復古相機、收音機",{"type":568,"tag":668,"props":1097,"children":1098},{},[1099],{"type":574,"value":1100},"寶箱、木桶、販賣機",{"type":568,"tag":668,"props":1102,"children":1103},{},[1104],{"type":574,"value":1105},"簡單家具與工業設備",{"type":568,"tag":668,"props":1107,"children":1108},{},[1109],{"type":574,"value":1110},"低多邊形汽車、無人機、機器人",{"type":568,"tag":668,"props":1112,"children":1113},{},[1114],{"type":574,"value":1115},"劍、盾牌、頭盔等遊戲道具",{"type":568,"tag":576,"props":1117,"children":1118},{},[1119],{"type":574,"value":1120},"先不要從 F1 賽車、真人、動物或高度依賴細緻曲面的消費性電子產品開始。不是完全不能做，而是單張圖片藏掉的資訊太多，而且外型只要偏一點就很明顯。",{"type":568,"tag":576,"props":1122,"children":1123},{},[1124],{"type":574,"value":1125},"參考圖也會直接影響結果。乾淨背景、主體完整、解析度夠高，再補正面、側面和背面，成功率會比只丟一張斜角照片高很多。",{"type":568,"tag":569,"props":1127,"children":1129},{"id":1128},"我目前怎麼看-img2threejs",[1130],{"type":574,"value":1131},"我目前怎麼看 img2threejs",{"type":568,"tag":576,"props":1133,"children":1134},{},[1135],{"type":574,"value":1136},"如果期待它把任何照片一鍵變成可以直接上線的 3D 資產，我這次的答案是否定的。",{"type":568,"tag":576,"props":1138,"children":1139},{},[1140],{"type":574,"value":1141},"如果需求是快速做出一個可旋轉、可點擊、能拆解的 Three.js 雛形，它就有意思了。紅白機手把這種簡單物件，雖然細節和材質還不到精緻，但已經足以錄 Demo、確認互動方向，或當作後續人工調整的起點。",{"type":568,"tag":576,"props":1143,"children":1144},{},[1145],{"type":574,"value":1146},"我不會用這次結果證明它能取代 3D 建模，也不會因為 F1 翻車就說它完全沒用。至少目前看起來，它比較像「讓 Agent 幫忙搭出程序式 3D 初稿」的工具；物件越簡單，這個初稿越可能省到時間。",{"type":568,"tag":1148,"props":1149,"children":1150},"style",{},[1151],{"type":574,"value":1152},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":550,"searchDepth":930,"depth":930,"links":1154},[1155,1156,1157,1158,1159,1160,1161],{"id":571,"depth":930,"text":571},{"id":702,"depth":930,"text":705},{"id":754,"depth":930,"text":757},{"id":836,"depth":930,"text":836},{"id":856,"depth":930,"text":859},{"id":1080,"depth":930,"text":1080},{"id":1128,"depth":930,"text":1131},"markdown","content:articles:img2threejs-codex-test.md","content","articles\u002Fimg2threejs-codex-test.md","articles\u002Fimg2threejs-codex-test","md",[1169,1172,1175],{"_path":50,"title":51,"description":52,"date":1170,"category":53,"tags":1171,"score":955},"2026-08-11",[10,55,56,57,29],{"_path":119,"title":120,"description":121,"date":1173,"category":8,"tags":1174,"score":955},"2026-07-24",[117,29,10,20,31,14],{"_path":245,"title":246,"description":247,"date":1176,"category":8,"tags":1177,"score":955},"2026-06-29",[117,29,10,11,249,31],[1179,1180,1181,1182,1183,1184,1185,1186,1187,1188,1189,1190,1191,1192,1193,1194,1195,1196,1197,1198,1199,1200,1201,1202,1203,1204,1205,1206,1207,1208,1209,1210,1211,1212,1213,1214,1215,1216,1217,1218,1219,1220,1221,1222,1223,1224,1225,1226,1227,1228,1229,1230,1231,1232,1233,1234,1235,1236,1237,1238,1239,1240,1241,1242,1243,1244,1245,1246,1247,1248,1249,1250,1251,1252,1253,1254,1255,1256,1257,1258,1259,1260,1261,1262,1263,1264,1265,1266,1267,1268,1269,1270,1271,1272,1273,1274,1275,1276,1277,1278],{"_path":5,"title":6},{"_path":16,"title":17},{"_path":25,"title":26},{"_path":33,"title":34},{"_path":39,"title":40},{"_path":45,"title":46},{"_path":50,"title":51},{"_path":59,"title":60},{"_path":64,"title":65},{"_path":69,"title":70},{"_path":74,"title":75},{"_path":80,"title":81},{"_path":85,"title":86},{"_path":90,"title":91},{"_path":98,"title":99},{"_path":103,"title":104},{"_path":108,"title":109},{"_path":113,"title":114},{"_path":119,"title":120},{"_path":124,"title":125},{"_path":129,"title":130},{"_path":135,"title":136},{"_path":140,"title":141},{"_path":145,"title":146},{"_path":150,"title":151},{"_path":155,"title":156},{"_path":160,"title":161},{"_path":165,"title":166},{"_path":170,"title":171},{"_path":175,"title":176},{"_path":180,"title":181},{"_path":185,"title":186},{"_path":190,"title":191},{"_path":195,"title":196},{"_path":200,"title":201},{"_path":205,"title":206},{"_path":210,"title":211},{"_path":215,"title":216},{"_path":220,"title":221},{"_path":225,"title":226},{"_path":230,"title":231},{"_path":235,"title":236},{"_path":240,"title":241},{"_path":245,"title":246},{"_path":251,"title":252},{"_path":257,"title":258},{"_path":262,"title":263},{"_path":267,"title":268},{"_path":272,"title":273},{"_path":277,"title":278},{"_path":282,"title":283},{"_path":287,"title":288},{"_path":292,"title":293},{"_path":297,"title":298},{"_path":302,"title":303},{"_path":307,"title":308},{"_path":312,"title":313},{"_path":317,"title":318},{"_path":322,"title":323},{"_path":327,"title":328},{"_path":332,"title":333},{"_path":342,"title":343},{"_path":347,"title":348},{"_path":352,"title":353},{"_path":358,"title":359},{"_path":363,"title":364},{"_path":368,"title":369},{"_path":376,"title":377},{"_path":383,"title":384},{"_path":389,"title":390},{"_path":395,"title":396},{"_path":400,"title":401},{"_path":405,"title":406},{"_path":411,"title":412},{"_path":416,"title":417},{"_path":421,"title":422},{"_path":426,"title":427},{"_path":431,"title":432},{"_path":436,"title":437},{"_path":441,"title":442},{"_path":446,"title":447},{"_path":451,"title":452},{"_path":456,"title":457},{"_path":461,"title":462},{"_path":466,"title":467},{"_path":471,"title":472},{"_path":476,"title":477},{"_path":481,"title":482},{"_path":486,"title":487},{"_path":491,"title":492},{"_path":496,"title":497},{"_path":501,"title":502},{"_path":506,"title":507},{"_path":511,"title":512},{"_path":516,"title":517},{"_path":523,"title":524},{"_path":528,"title":529},{"_path":533,"title":534},{"_path":538,"title":539},{"_path":543,"title":544},1788741523482]