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