#03 Codex 新手非常值得裝的 10 個插件部署Codex 新手教程TOOL LIST · 實用清單2026.07 · 操作 · 開發 · 辦公 · 視頻4 個工作場景 · 10 個工具 · 1 套選擇方法裝得越多效率越高未必。Codex 真正拉開使用體驗差距的往往不是提示詞寫得多復雜而是工具有沒有選對、權限有沒有管好、工作流有沒有跑通。工具裝得太多會帶來更多權限、更多配置和更多排錯成本。更實用的做法是先按照自己的工作場景選擇一組工具跑通一個最小流程再逐步增加能力。作為一份面向新手的實用清單本文從四類高頻場景中挑出 10 個值得優先了解的工具操作與連接、設計與開發、文檔辦公、視頻制作。名詞說明下文統一稱它們為“插件”。嚴格來說其中既有插件、連接器也有 Codex 的內置能力和 Skills。不同賬戶、地區和客戶端版本入口名稱與可用范圍可能不同請以當前界面和授權頁為準。顏色標注說明藍色核心能力這個工具能做什么橙色使用建議什么時候值得用、怎么用更穩綠色適用場景適合拿來解決什么問題先看結論按工作流選不要按數量裝你的主要任務建議先看推薦理由操作網頁、填寫表單Chrome適合處理登錄態網頁和重復網頁操作跨網頁、文件夾和桌面軟件Computer Use覆蓋更完整的桌面流程找開源項目、維護代碼GitHub把搜索、協作和版本記錄接進工作流做網站或內部工具Build Web Apps Figma從視覺參考到前端實現更連貫寫報告、方案、說明書Documents面向正式文檔交付做匯報、課程或路演Presentations把資料整理、敘事和頁面制作串起來清洗 Excel、生成報表Spreadsheets適合數據整理、公式和可視化做信息型動效HyperFrames擅長標題、圖表和網頁感動畫批量生成完整視頻Remotion用 React 組件化管理畫面和時間軸最小起步組合如果你剛開始用 Codex可以先試Chrome GitHub。一個負責“讓它動起來”一個負責“讓它找到現成方案”不需要一上來安裝全部工具。01操作與連接先讓 Codex 真正動起來CONTROL · CONNECT · COLLABORATE這一組工具解決的是最基礎、也最容易感知的問題讓 Codex 能在真實瀏覽器、桌面應用和項目倉庫里完成工作而不只是停留在聊天窗口里。TOOL 01Chrome核心能力在獲得授權、且當前版本支持的前提下Chrome 連接器可以讓 Codex 操作你正在使用的瀏覽器并在部分場景中復用當前瀏覽器會話。它適合打開頁面、整理網頁資料、填寫重復表單以及在多個頁面之間對比信息。使用建議涉及登錄態網站時先確認當前打開的是哪個賬號、哪個頁面涉及提交、付款、刪除和發布保留最后一步人工確認。純網頁任務通常優先從 Chrome 開始比跨桌面操作更直接。適用場景登錄態網站、網頁資料整理、重復網頁操作、后臺信息錄入。TOOL 02Computer Use核心能力Computer Use 的覆蓋范圍不局限于網頁還可以處理文件窗口、原生 App 和部分系統界面。當任務需要在瀏覽器、文件夾和桌面軟件之間來回切換時它能把這些步驟放進同一條流程。使用建議先讓 Codex 列出計劃和將要操作的窗口再允許它執行。不要把“刪除、覆蓋、發送、發布”這類不可逆動作設置成無人確認的最后一步。適用場景跨應用操作、原生軟件、文件整理、系統界面操作和完整桌面流程。TOOL 03GitHub核心能力GitHub 連接器可以把代碼倉庫帶進 Codex讀取項目結構、查看提交和改動、整理 Issue并在具備相應權限時參與分支、代碼評審或 Pull Request 流程。它的價值不只是“讓 AI 幫你寫代碼”而是把 Codex 放進項目協作鏈路。每次修改有記錄出了問題更容易定位也更容易回退。使用建議第一次授權優先選擇只讀權限能指定單個倉庫就不要開放全部倉庫。讓 Codex 修改代碼時先看差異diff再決定是否合并。適用場景開源項目調研、代碼倉庫管理、版本協作、Issue 與項目維護。這一組怎么選只處理網頁先選 Chrome需要跨網頁、文件和桌面軟件考慮 Computer Use只要涉及現有代碼、開源項目或版本記錄GitHub 幾乎是最值得優先接入的基礎工具。02設計與開發從“能運行”推進到“能交付”DESIGN · BUILD · DELIVER很多 AI 生成的頁面“功能能跑”但視覺上容易有模板感。設計與開發工具的作用是把參考圖、組件規范和代碼實現放到同一條工作流里。TOOL 04Build Web Apps核心能力Build Web Apps 提供面向網頁設計與開發的 Skills幫助 Codex 把視覺參考、頁面結構和前端實現連接起來。它可以用于生成新頁面也可以用于優化已有的 React、Next.js 等前端項目。使用建議不要只說“做得高級一點”。先提供參考圖、品牌色、字體、頁面結構和組件要求再讓 Codex 通過 image-to-code 或明確的界面規格還原。這樣比單純依賴文字描述更穩定。適用場景落地頁、工具站、內部管理界面、React / Next.js 項目和前端視覺優化。TOOL 05Figma核心能力在啟用 Figma 集成的情況下Codex 可以圍繞設計稿、組件信息、變量和頁面結構完成設計理解、原型迭代與前端還原。使用建議Figma 最適合已經有設計稿或視覺規范的項目。把頁面、組件和交互狀態說清楚Codex 就不必憑空猜測界面交付前仍要人工核對字體、間距、響應式斷點和交互細節。適用場景設計稿轉代碼、組件整理、原型迭代、設計師與前端協作。一個更穩的設計開發鏈路Figma 定義視覺與組件→Build Web Apps 負責實現與迭代→GitHub 記錄改動并交付這條鏈路的重點不是“一鍵生成一個網站”而是讓設計決策、代碼實現和版本管理彼此對應后續修改才不會越改越亂。03文檔與辦公讓 Codex 不只會寫代碼DOCUMENT · SLIDES · DATA如果你的工作核心是報告、匯報和數據Codex 同樣可以成為一套辦公生產力工具。關鍵是給它明確的輸入、樣例和交付格式而不是只說“幫我寫得專業一點”。TOOL 06Documents核心能力Documents 面向正式文檔交付。除了撰寫內容還可以協助整理章節結構、統一樣式、檢查表達并生成更接近成品的長文檔。使用建議先提供受眾、用途、字數、參考范文和必須保留的事實生成后重點檢查數據、引用、合同條款和敏感信息不要把格式漂亮等同于內容已經準確。適用場景項目方案、調研報告、產品說明書、會議紀要、合同草稿和規范格式的長文檔。TOOL 07Presentations核心能力Presentations 可以協助梳理大綱、拆分頁面、提煉每頁重點并進一步完成版式、圖表和視覺呈現。它真正好用的地方不是單純“一鍵生成 PPT”而是把資料整理、故事線設計和頁面制作放進同一條工作流。使用建議先告訴 Codex 匯報對象、時間限制和希望對方做出的決定再讓它設計頁面。交付前逐頁核對數據來源、圖表單位、頁碼和品牌規范。適用場景工作匯報、課程課件、路演、方案提案和內容型演示文稿。TOOL 08Spreadsheets核心能力Spreadsheets 可以幫助處理結構化數據包括清洗字段、補充公式、整理表格、生成圖表和解釋結果。面對結構復雜的表格時比在對話框里反復粘貼數據更容易核對最終文件。使用建議開始前先說明字段含義、計算口徑和輸出樣例涉及工資、客戶或財務數據時先脫敏并確認文件保存位置。生成公式后抽查邊界值、空值和合計數。適用場景Excel / CSV 數據清洗、公式處理、報表分析、圖表生成和結果解釋。辦公場景的共同原則讓 Codex 負責整理和加速讓人負責事實核驗、權限判斷和最終簽發。正式成果尤其要保留人工復核。04視頻制作從動效到完整視頻MOTION · VIDEO · AUTOMATION視頻工具可以分成兩條路線一條偏網頁感動效和信息動畫另一條偏完整的視頻工程和批量生成。選對路線比同時安裝很多工具更重要。TOOL 09HyperFrames核心能力HyperFrames 適合用 HTML、CSS 和動畫代碼制作信息型視頻與網頁動效。標題動畫、數據圖表、產品界面展示和動態文字都可以通過可復用的組件完成。使用建議先固定字體、顏色、尺寸、轉場和動畫節奏再替換內容。把視覺規則寫成模板后同類視頻不必每次從頭設計。適用場景AI 教程、產品介紹、數據動畫、知識類視頻包裝和網頁式動效。TOOL 10Remotion核心能力Remotion 的核心思路是用 React 代碼制作視頻把畫面、字幕、動畫和時間軸變成可以編程和復用的組件。使用建議先定義視頻的時長、分鏡、素材比例、字幕規則和輸出規格再開始寫組件。需要批量生成時把標題、圖片、數據和配音等內容做成可替換參數。適用場景批量視頻、模板化內容、程序化剪輯、數據視頻和完整視頻工程。HyperFrames 和 Remotion怎么選對比維度HyperFramesRemotion更偏向網頁感動效、信息動畫完整視頻工程、批量生成常見內容標題、圖表、界面展示分鏡、字幕、素材、時間軸復用方式固定視覺模板替換內容React 組件和參數化數據適合的起點想快速做出有動感的片段想長期維護一套視頻生產線選擇建議如果目標是“做一個漂亮的信息動畫”先看 HyperFrames如果目標是“持續批量生產結構穩定的視頻”優先研究 Remotion。兩者也可以組合先用 HyperFrames 做視覺片段再把成熟片段納入 Remotion 的完整工程。結論真正值得留下的不一定是 10 個這 10 個工具不是“全部安裝清單”而是一張按需求選擇的地圖。工作流入門組合適合的第一步網頁和電腦任務Chrome Computer Use先完成一個可回退的重復操作開源項目和網站開發GitHub Build Web Apps Figma先調研現成項目再做一個頁面 MVP文檔和匯報Documents Presentations先用一份真實但已脫敏的資料測試數據和報表Spreadsheets Documents先定義字段、口徑和輸出樣例內容和視頻HyperFrames Remotion先做一條 30 秒模板視頻推薦的安裝順序先裝一個“操作工具”Chrome 或 Computer Use確認 Codex 能完成一個小動作。再接一個“協作工具”GitHub把項目、版本和修改記錄管起來。按工作選擇“交付工具”網站選 Build Web Apps / Figma辦公選 Documents / Presentations / Spreadsheets視頻選 HyperFrames / Remotion。最后再擴展只有當現有工作流確實遇到瓶頸再增加新的插件或 Skill。安裝前的 4 個檢查先確認工具來源、維護狀態和當前版本是否匹配。能只讀就不要一開始開放寫入能授權單個項目就不要授權全部項目。涉及刪除、付款、登錄、發布和發送時保留人工確認。先用測試數據跑通確認結果和保存位置后再接入真實資料。最后一句話高手和新手的差距很多時候不在于誰裝得更多而在于誰能把少數幾個工具組合成穩定的工作流。先選對再用熟最后把有效的方法沉淀成自己的 Skill。藍色看能力橙色看方法綠色看場景。這就是這份清單最簡單的閱讀方式。