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