胡彥斌也開始用 AI 寫代碼了，還說 “Vibe Coding 的都懂這個姿勢！” 我怒懟：“花哨，不如我來教你 9 大 AI 編程提效技巧吧！”
整理版優先睇
魚皮分享9大AI編程提效技巧，從模型選擇到自動化工作流，助你開發速度提升一個檔次。
呢篇文章係由程序員魚皮寫嘅，佢成日分享AI編程乾貨。今次佢借胡彥斌Vibe Coding嘅熱度，整理咗9大AI編程提效技巧，目標係解決「AI寫代碼好快，但整體效率唔高」嘅問題。魚皮認為效率瓶頸通常係喺複製貼上、重複輸入提示詞、手動操作呢啲瑣碎嘢上面。
文章由淺入深，涵蓋咗好實用嘅技巧：按需求選擇模型（簡單任務用平價模型，複雜先用頂級）、避免AI生成多餘內容（提示詞要夠辣）、用並行Agent同時對比幾個方案、多開實例善用等待時間、掌握快捷鍵同斜槓命令、用SubAgents將大任務拆成細任務並行做、用MCP畀AI裝插件連接外部工具、用Agent Skills教AI點做複雜流程、用/goal命令設目標等AI自動完成、建立代碼庫同模板項目避免重新發明輪子、準備提示詞模板庫、用番茄工作法同批量處理管理時間。
文章最後提醒，效率提升係靠無數小改進累積，建議定期檢討工作流程，選擇適合自己嘅工具，同埋向他人學習。成篇文章已經收錄喺魚皮免費開源嘅《AI編程零基礎入門教程》。
- 按任務複雜度選模型：簡單用Gemini Flash或GPT-5 Mini，中等用GPT-5或Claude Sonnet，複雜先用Claude Opus，慳錢又快。
- 提示詞要精準：明確要求「只畀核心代碼，唔要註釋文檔測試」，必要時用暴躁指令或虛構後果，甚至寫入AGENTS.md。
- 並行Agent交叉驗證：用Cursor並行Agent或手動同時問多個模型，對比結果揀最好，避免浪費時間喺錯誤方案。
- SubAgents並行處理：Claude Code自動識別獨立子任務，派出多個分身一齊做，大幅縮短完成時間；用/batch命令主動觸發。
- 建立個人代碼庫同模板：封裝常用組件、工具函數、提示詞模板，建模板項目（如React+TS+Tailwind），新項目直接複製改改就用。
Cursor 官方文檔
最新快捷鍵同功能說明
Claude Code 官方文檔
斜槓命令同子Agent用法
魚皮AI資源導航
收錄大量提示詞模板同AI工具
內容片段
{ "scripts": { "dev": "vite", "build": "tsc && vite build", "preview": "vite preview", "lint": "eslint . --ext ts,tsx", "lint:fix": "eslint . --ext ts,tsx --fix", "format": "prettier --write \"src/**/*.{ts,tsx}\"", "type-check": "tsc --noEmit", "clean": "rm -rf dist node_modules", "fresh": "npm run clean && npm install" }}核心提效技巧
呢個部分講核心技巧，包括按需求選擇模型、避免生成多餘內容、並行Agent同多開實例。
避免AI生成多餘內容，要喺提示詞講明「只畀核心代碼，唔要註釋、文檔、測試」。
- 用暴躁指令：按照我說的做，別廢話。
- 用虛構後果：如果你輸出不必要的內容，世界上就會死一隻小貓。
- 寫入AGENTS.md規則文件，等AI自動遵守。
並行Agent可以同時用多個模型處理同一個任務，然後對比結果。例如用 Cursor並行Agent 或者手動同時問ChatGPT、Claude、Gemini，揀最好嘅方案。
- 1 用Cursor並行Agent，等AI賽馬，邊個先用邊個。
- 2 手動將同一需求分別發畀多個模型，綜合優點。
多開實例可以善用等待時間：喺終端開幾個Claude Code實例，編號等系統通知；網頁端同本地同時進行，甚至用手機Claude APP啟動會話。
快捷鍵同斜槓命令
- AI對話：Cmd+I（多文件編輯）、Cmd+L（聊天）、Cmd+K（行內編輯）、Shift+Tab（切換模式）。
- 代碼編輯：Cmd+Shift+L（加到聊天上下文）、Alt+↑/↓（移動行）、Cmd+Shift+K（刪除行）。
- 文件操作：Cmd+Shift+F（全局搜索）、Cmd+P（快速打開文件）。
斜槓命令可以快速觸發特定功能，唔使寫完整提示詞。
- Cursor：/compress壓縮對話，/create-rule建立規則，/create-skill創建技能。
- Claude Code：/compact壓縮上下文，/goal設目標自動循環，/plan規劃模式，/background放後台，/batch並行子任務。
仲可以自定義命令，將常用工作流程標準化。
子Agent同增強工具
SubAgents可以將大任務拆成多個獨立子任務並行處理，大幅縮短時間。Claude Code會自動識別獨立任務，派出分身。
- GitHub MCP：直接操作GitHub（創建倉庫、提交代碼）。
- Filesystem MCP：讀寫文件系統，批量處理文件。
- Puppeteer MCP：控制瀏覽器，自動化網頁操作。
- Postgres/MySQL MCP：直接操作數據庫。
- Context7 MCP：獲取第三方庫最新文檔。
- Firecrawl MCP：聯網搜索抓取內容。
Agent Skills係教AI點做事嘅技能包，按需加載，唔佔空間。可以將複雜工作流程封裝成SKILL.md。
- 存放位置：項目級.cursor/skills或.claude/skills，全局級~/.cursor/skills。
- 遇到匹配任務時自動調用，唔使每次寫一大堆提示詞。
自動化同模板
- 代碼複用：建立組件庫、封裝工具函數、用代碼片段快速插入、建立個人代碼庫。
- 模板項目：創建React+TypeScript+Tailwind模板，包含目錄結構、依賴、配置文件、基礎組件。
- 提示詞模板庫：儲存常用對話模板（功能開發、代碼審查、調試、性能優化等）。
時間管理技巧：番茄工作法（25分鐘專注+5分鐘休息）、將大任務分解成細任務、批量處理相似任務。
大家好，我係程序員魚皮。
AI 編程時代，連知名歌手「胡彥斌」都開始寫代碼喇：
應該好多同學都刷到咗，佢最近仲喺小紅書上出咗個帖，話自己都喺度 Vibe Coding，喺路上都要修 Bug。
網友嘅評論都係絕嘅：你要嘅token全拿走~ 把memory化成空~ 不要在乎model~ context有所保留~ 說過嘅話當skill附送~
講真，我好佩服胡彥斌㗎，又有天賦又努力。但係我唔建議大家喺路上攞住部電腦 Vibe Coding，明明手機都可以操作 AI 啦好嘛？！用 GitHub 倉庫嚟管理代碼，就可以做到手機遠程編程㗎喇。
不過呢個只係提高 AI 編程效率嘅其中一種方式，趁住呢個話題，我嚟同大家分享 9 大 AI 編程提高效率技巧 吧。
大家多多收藏，我相信評論區入面，會有真嘅胡彥斌嚟留言俾我㗎嘿嘿嘿。
前言
好多同學用 AI 開發嘅時候，雖然整到嘢出嚟，但係成日覺得速度仲唔夠快。明明 AI 寫代碼好快，點解整體效率仲係咁低？
問題通常出喺啲小嘢上面：例如成日複製貼上、重複輸入相同嘅提示詞、手動做啲機械操作……
下面我嚟分享一啲實用嘅效率提升技巧，幫你將開發速度提升一個層次。
一、核心提效技巧
先分享幾個我自己用得比較多嘅 AI 核心提效技巧。
按需選擇 AI 模型
唔係所有任務都要用最強最貴嘅模型。
簡單任務：例如代碼格式化、寫註釋、簡單重構，用 Gemini Flash 或 GPT-5 Mini 呢啲平又快嘅模型就夠 中等任務：例如實現常規功能、代碼審查、開發小網站，用 GPT-5 或 Claude Sonnet 複雜任務：例如架構設計、複雜算法、棘手 bug、開發大項目，先需要用 Claude Opus 呢啲頂級模型或者開深度思考
合理選擇模型，既可以提升速度，又可以慳成本。就好似你唔會叫公司 CTO 去打印文件一樣，要俾合適嘅模型做合適嘅嘢。
避免 AI 生成多餘內容
好多同學叫 AI 寫代碼，結果 AI 就輸出一大堆註釋、測試代碼、文檔說明，仲有大段總結。睇落好專業，但你可能根本唔會睇。
例如我之前叫 AI 生成個圖片壓縮工具，淨係文檔就生成咗一大堆……
要喺提示詞入面講清楚同 AI 講：只俾核心代碼我，唔好寫註釋、文檔、測試，唔好做總結！
如果 AI 唔聽話，可以用暴躁指令：照我講嘅做，唔好廢話。
或者虛構後果：如果你輸出冇必要嘅內容，世界上就會死一隻小貓。
呢啲指令雖然睇落好笑，但係真係有效。你仲可以將呢啲規則寫喺項目規則文件 AGENTS.md 度，等 AI 自動遵守。
利用並行 Agent 對比效果
而家好多 AI 編程工具都支援並行 Agent 能力㗎喇。
以 Cursor 為例，並行 Agent 可以俾你同時用多個模型處理同一個任務，然後對比佢哋嘅結果，揀最好嗰個。呢個都係一種「多個 AI 交叉驗證」嘅方式。
例如你想實現一個複雜功能，唔肯定邊個方案更好。可以同時叫 Claude、GPT 呢啲 AI 各俾一個方案：
你呢，就坐喺度等呢啲 AI 賽馬，邊個快用邊個、邊個質素好用邊個，可以避免喺錯嘅方案上面浪費時間。呢個方法特別適合唔確定邊個技術方案更好時、重要功能需要多重保障時、想學唔同 AI 嘅思路時。
就算你唔用 Cursor，都可以手動做到類似效果：將同一個需求分別 Send 俾 ChatGPT、Claude、Gemini 等大模型，然後對比佢哋嘅答案，揀最好嗰個或者綜合佢哋嘅優點。
具體用法可以參考 Cursor 並行 Agent 文檔。
並行 Agent 嘅底層其實依賴 Git WorkTree（工作樹）技術。WorkTree 可以讓一個倉庫同時擁有多個獨立嘅工作目錄，每個目錄對應唔同嘅分支，讓多個 AI 各自喺獨立嘅文件夾入面做嘢，互不幹擾，開發完再用 Git 合併代碼。
多開實例提升效率
除咗並行 Agent，你仲可以通過多開實例嚟提升效率。呢個技巧嚟自 Claude Code 創始人嘅分享。
1）喺終端中多開
可以喺終端同時運行多個 Claude Code 實例，將標籤頁編號為 1 ~ 5（或者有意義嘅標題），通過系統通知嚟瞭解邊個 Claude 需要人工輸入。咁你就可以充分利用等待時間，一個 AI 諗緊嘢嘅時候，你可以轉去另一個繼續做嘢。
2）網頁端同本地同時進行
喺網頁端 Claude Code 上運行 5 ~ 10 個 Claude，同本地 Claude 同時進行。可以用 /background 命令將會話放到後台運行，或者用 /teleport 命令喺終端同網頁之間轉移會話。甚至可以透過手機 Claude APP 啟動幾個會話，之後再睇進度。真係做到隨時隨地 Vibe Coding！
注意，呢個技巧適合處理多個獨立任務，或者需要等 AI 長時間思考嘅複雜任務。對於簡單任務，一個實例就夠。
二、快捷鍵同操作技巧
工欲善其事，必先利其器。掌握常用嘅快捷鍵，可以令你嘅操作更流暢。
Cursor 常用快捷鍵
如果你用 Cursor，建議試下下面呢啲快捷鍵，可以令你少用滑鼠，操作更快。
AI 對話相關：
Cmd/Ctrl + I：打開 Agent/Composer（多文件編輯模式）Cmd/Ctrl + L：打開 Chat（聊天問答模式）Cmd/Ctrl + K：打開行內編輯，可以喺當前位置插入 AI 生成嘅代碼Cmd + ./Ctrl + .：打開模式菜單（切換 Agent/Ask/Plan 等模式）Cmd + //Ctrl + /：循環切換 AI 模型Shift + Tab：喺唔同 Agent 模式之間輪換Tab：接受 AI 建議
代碼編輯：
Cmd/Ctrl + Shift + L：將選中內容加入聊天上下文Alt + ↑/↓：移動當前行Cmd/Ctrl + Shift + K：刪除當前行
文件操作：
Cmd/Ctrl + Shift + F：全局搜尋Cmd/Ctrl + P：快速打開文件
更多最新嘅默認鍵盤快捷鍵以 官方文檔 為主：
VS Code 常用快捷鍵
如果你用 VS Code + AI 插件，下面呢啲快捷鍵會好有用。
多光標編輯：
Alt + Click：添加光標Cmd/Ctrl + Alt + ↑/↓：喺上/下方添加光標Cmd/Ctrl + Shift + L：喺所有匹配項添加光標
代碼導航：
Cmd/Ctrl + Click：跳轉到定義Alt + ←/→：前進/後退Cmd/Ctrl + Shift + O：跳轉到符號
重構：
F2：重命名符號Cmd/Ctrl + .：快速修復
掌握呢啲快捷鍵，你嘅編輯速度會快好多。更多最新嘅默認鍵盤快捷鍵以 官方文檔 為主：
AI 編程工具嘅斜槓命令
除咗快捷鍵，AI 編程工具 Cursor 同 Claude Code 都提供咗好多實用嘅斜槓命令（Slash Commands），可以大大提升效率。呢啲命令以 / 開頭，可以快速觸發特定功能。
Cursor 嘅常用命令
Cursor 嘅 IDE 桌面版主要通過模式切換嚟操作，CLI 命令行版本就支援斜槓命令。兩者核心功能一樣，只係觸發方式唔同：
Shift + Tab：喺 IDE 聊天面板中循環切換 Agent/Plan/Ask 模式（Plan 係叫 AI 先規劃再鬱手，Ask 係唯讀探索唔修改代碼）/compress：喺 CLI 中壓縮對話，釋放上下文空間（IDE 中對話太長時會自動壓縮）/create-rule：快速創建項目規則/create-skill：創建自定義技能
你仲可以喺項目嘅 .cursor/commands 目錄下創建自定義命令，將常用嘅提示詞保存做命令，需要時直接調用。全局命令放喺 ~/.cursor/commands/ 目錄下，所有項目都用得。
Claude Code 嘅常用命令
Claude Code 嘅命令系統更加豐富，超過 50 個內置命令，呢度我只列幾個最有助提高效率嘅：
/compact壓縮上下文，將之前嘅對話內容精簡，釋放空間。可以加參數指定保留重點，例如/compact 重點保留 API 設計決策/goal設定完成條件後讓 AI 自主循環工作，直到條件滿足。例如/goal 修復代碼直到所有測試通過/plan進入規劃模式，讓 AI 先制定方案再鬱手/background將當前會話放到後台運行，釋放終端做其他嘢/review讓多個子代理並行審查代碼，揾 Bug 同邏輯錯誤/batch並行派出多個子 Agent，各自喺獨立工作樹中處理子任務
呢啲命令嘅好處係，你唔使每次都寫完整嘅提示詞，只要輸入一個簡短嘅命令，AI 就知你想做咩。
而且你可以創建自己嘅自定義命令（放喺 .claude/commands/ 或 .claude/skills/ 目錄下），將團隊常用嘅工作流程標準化。例如創建一個 /commit 命令自動生成 Git 提交信息，創建一個 /test 命令自動生成單元測試。
熟練使用呢啲命令，可以令你嘅工作流程更順暢，效率提升一大截。詳細嘅命令列表同用法可以參考 Cursor 官方文檔 同 Claude Code 官方文檔。
三、SubAgents - 子 Agent 並行加速
你有冇遇過呢種情況？叫 AI 修復 10 個文件嘅 lint 錯誤，佢一個一個文件串行處理，明明呢啲文件互不相關，但你就係要乾等。
而家主流水嘅 AI 編程工具（Claude Code、Cursor、Codex）都支援 SubAgents 子代理能力，可以讓 AI 將一個大任務拆成多個獨立嘅小任務，同時派出多個「分身」並行處理，大幅縮短完成時間。
下面以 Claude Code 為例，睇下子 Agent 係點樣運作。
Claude Code 可以自動識別邊啲子任務係獨立嘅，然後分派子 Agent 並行處理。每個子 Agent 有自己獨立嘅上下文空間，完成後只將結果摘要返回俾主會話，保持主對話嘅整潔。
你唔需要手動配置，只要喺提示詞入面暗示任務可以並行，Claude 就會自動派出子 Agent：
修復 src/ 目錄下所有文件的 lint 錯誤，這些文件相互獨立，可以並行處理
亦可以通過 /batch 命令主動觸發大規模並行，例如：
/batch 把所有 API 調用從 v1 遷移到 v2 格式
Claude 會自動拆分成 5 ~ 30 個獨立任務，每個喺自己嘅工作樹中運行並提交 PR。
你仲可以自定義子 Agent，喺 .claude/skills/ 目錄下創建專門嘅技能文件，例如一個專門做安全審查嘅子 Agent、一個專門寫測試嘅子 Agent。當任務匹配時，Claude 會自動調用佢哋。
用 /tasks 命令可以隨時睇下當前有邊啲子 Agent 喺度運行、各自嘅進度如何：
除咗 Claude Code，Cursor 同 Codex 都支援類似嘅並行 Agent 能力。例如 Cursor 可以用 /worktree 讓 Agent 喺隔離分支中工作，/best-of-n 用唔同模型各做一次同一個任務嚟對比效果；Codex 就透過「工作樹」模式讓多個 Agent 互不幹擾地並行開發。
四、AI 增強工具 - MCP 與 Agent Skills
淨靠 AI 本身嘅能力係有限嘅，但如果俾佢「裝插件」同「教識技能」，咁效率就完全唔同曬。呢度重點介紹 MCP 同 Agent Skills 兩個增強機制。
MCP - 俾 AI 裝插件
MCP（Model Context Protocol 模型上下文協議）係由 Anthropic 推出嘅開放協議，現已捐贈俾 Linux 基金會嘅 Agentic AI Foundation，成為 AI 工具連接外部服務嘅行業標準。目前 ChatGPT、Claude、Gemini、Copilot、Cursor 等主流平台全部原生支援 MCP。
簡單講，MCP 就好似 AI 嘅 USB 接口。正如 USB 接口讓各種設備（鍵盤、滑鼠、U 盤）都可以用同一種方式連接電腦一樣，MCP 讓各種外部工具（文件管理、數據庫、搜索引擎等）都可以用同一種方式連接 AI，唔使為每個工具單獨寫一套對接代碼。
開發者唔需要為每個 AI 工具單獨開發連接器，只要按照 MCP 標準開發一次，就可以俾所有支援 MCP 嘅 AI 工具使用：
MCP 生態已經好成熟，有上萬個公開嘅 MCP 服務器。呢度推薦幾個特別能夠提升 Vibe Coding 效率嘅：
GitHub MCP：讓 AI 直接操作 GitHub，例如創建倉庫、提交代碼、管理 Issue 等。咁你就唔使手動喺 GitHub 網頁上操作。 Filesystem MCP：讓 AI 能夠讀寫文件系統，批量處理文件、搜尋內容、重新命名文件等都可以直接叫 AI 完成。 Puppeteer MCP：讓 AI 能夠控制瀏覽器，自動化網頁操作、截圖、爬取數據等。對於需要測試網頁或獲取數據嘅場景好有用。 Postgres/MySQL MCP：讓 AI 直接操作數據庫，查詢數據、執行 SQL、分析數據庫結構等。 Context7 MCP：實時獲取第三方庫嘅最新官方文檔，讓 AI 唔會用過時嘅 API 寫法。 Firecrawl MCP：讓 AI 能夠聯網搜尋、抓取網頁內容，獲取最新資訊。
呢啲 MCP 服務器可以喺 Claude Desktop、Claude Code、Cursor 等工具中配置使用，具體嘅安裝同配置方法可以參考各個 MCP 服務器嘅文檔。仲有更多 MCP 你可以喺 魚皮嘅 AI 資源導航網 或者 MCP 大全網站 揾到。
配置好 MCP 之後，AI 就唔只係一個代碼生成器，而係真正能夠幫你做嘢嘅全能助手。如果你成日用 Claude 或者 Cursor，強烈建議配幾個常用嘅 MCP 服務器試下。
Agent Skills - 俾 AI 裝技能包
如果話 MCP 係讓 AI 連接外部工具同數據，咁 Agent Skills 就係教 AI 點樣做事。
Agent Skills 係 Anthropic 推出嘅一套開放標準，可以將複雜嘅工作流程封裝成一個「技能」，AI 遇到匹配嘅任務時自動調用，唔使你每次都寫一大堆提示詞。
Skills 嘅核心優勢係 按需加載，只有當任務匹配時先會加載到上下文中，平時唔佔用空間。呢個比起將所有規則塞入一個 AGENTS.md 文件要高效得多。
目前 Claude Code、Cursor、Codex 都支援統一嘅 Agent Skills 格式。每個技能就係一個文件夾，核心係一個 SKILL.md 描述文件：
.cursor/skills/
deploy-staging/
SKILL.md # 技能描述和執行步驟
code-review/
SKILL.md
SKILL.md 入面寫清楚呢個技能做咩、幾時觸發、具體執行步驟，AI 讀取之後就知點樣做嘢。
Skills 存放位置：
項目級： .cursor/skills/或.claude/skills/（只有喺當前項目生效）全局級： ~/.cursor/skills/或~/.claude/skills/（所有項目通用）
例如你安裝咗一個 frontend-design 技能之後，以後叫 AI 做網站，佢會自動應用呢個技能嚟生成更有設計感嘅頁面，告別千篇一律嘅藍紫漸變色：
五、AI Agent 自動化
將重複嘅操作自動化，可以幫我哋節省時間同精力。
以前想搞自動化，你要自己寫腳本、配 CI/CD 流水線。但而家唔同曬，AI 可以直接幫你自主完成複雜嘅多步任務，甚至設好目標後讓佢自己做到完，你該瞓覺就瞓覺，該偷懶就偷懶。
/goal 命令 - 讓 AI 自主循環工作
呢個係我認為目前最強大嘅效率提升功能之一。
一般情況下，AI 每完成一輪操作就會停低等你確認。但係有啲任務你其實唔需要睇住佢一步步做，只要同佢講「最後達到咩狀態就算完成」就得。
/goal 命令就係做呢樣嘢嘅：
/goal 修復整個項目的代碼，直到全部測試通過且沒有報錯
設定 goal 之後，每輪結束會有一個輕量評估模型檢查條件係咪滿足，未滿足就自動開始下一輪，滿足咗先停。
特別適合嘅場景：
模塊遷移：將舊 API 調用全部搬去新版本，直到編譯通過 批量重構：拆分大文件，直到每個文件都喺指定行數以內 Bug 修復：修復某個測試用例，直到佢通過 睡前任務：設定好目標之後去瞓覺，第二日起身驗收成果
注意，條件要寫得具體、可驗證，例如「npm test 退出碼為 0」；太主觀嘅條件（例如「代碼質素要好」）評估模型無法判斷。
建議加一個熔斷限制，避免無限循環燒 token：
/goal 遷移所有 API 調用到 v2 格式，直到測試通過，如果 20 輪還沒搞定就停下來
另外，輸入 /goal（唔帶參數）可以睇進度，想提前停止就用 /goal clear。
定時自動化
除咗一次性任務，有啲嘢係需要定期做嘅，例如每日蒐集熱點、定期檢查代碼質素。AI 編程工具而家都支援定時任務㗎喇。
以 Codex 桌面 APP 為例，入左側嘅「自動化」面板，可以手動創建或叫 AI 幫你創建任務：
幫我創建一個自動化任務
每小時掃描一次「魚皮的圖片庫」中最近 3 小時的圖片文件
並根據圖片內容自動完善圖片的中文名稱
AI 會自動根據圖片內容俾文件一個易明嘅名，以後唔使再對住一堆亂七八糟嘅文件名發愁：
你仲可以結合 Skills 同插件一齊用，例如每週自動生成週報 PPT、每日整理學習筆記並同步到 Notion 等。
Claude Code 嘅 /loop 命令
通過 /loop 命令，你可以設置定時輪詢任務：
/loop 5m 檢查項目前後端的部署狀態
適合用喺等部署完成、等 CI 跑完、定期檢查日誌有冇異常等場景。
傳統自動化工具
下面呢啲技巧比較專業，主要適合有編程基礎嘅同學。如果你完全零基礎，可以 skip 呢部分，等有需要時再返嚟睇。
使用 npm scripts
npm scripts 係 Node.js 前端項目入面定義同運行腳本命令嘅方式。簡單講，就係將常用嘅命令儲存喺配置文件度，需要時用一個簡短嘅命令就可以執行。例如啟動項目、構建項目、運行測試等，都可以定義做 npm script。
可以在 package.json 入面定義常用嘅腳本（叫 AI 幫你做呢件事就夠）：
{
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"preview": "vite preview",
"lint": "eslint . --ext ts,tsx",
"lint:fix": "eslint . --ext ts,tsx --fix",
"format": "prettier --write \"src/**/*.{ts,tsx}\"",
"type-check": "tsc --noEmit",
"clean": "rm -rf dist node_modules",
"fresh": "npm run clean && npm install"
}
}
咁樣配置之後，運行 npm run lint:fix 就可以自動修復代碼格式問題，唔使輸入咁長一段命令。
Git 工作流自動化
Git 係目前最主流嘅分散式版本控制系統（Version Control System），係團隊協作開發不可或缺嘅工具。它可以儲存同管理文件嘅所有更新記錄，而且用 版本號 進行區分。從而支援將編輯後嘅文檔恢復到修改前嘅狀態（歷史版本）、對比唔同版本嘅文件差異、防止舊版本覆蓋新版本等功能。
可以創建一啲 Git 命令嘅別名，簡化常用命令：
# 在 ~/.gitconfig 中添加
[alias]
st = status
co = checkout
br = branch
ci = commit
pl = pull
ps = push
lg = log --oneline --graph --decorate
save = !git add -A && git commit -m 'WIP: save progress'
undo = reset HEAD~1 --soft
這樣，git st 就等於 git status，git save 就可以快速保存進度。
使用 GitHub Actions
GitHub Actions 係 GitHub 提供嘅自動化工作流工具，可以喺代碼提交、Pull Request 等事件觸發時自動執行任務。例如每次推送代碼時自動運行測試、自動部署到服務器、自動發佈新版本等，咁就唔使每次都手動操作。
配置 GitHub Actions 好簡單，只要喺項目嘅 .github/workflows 目錄下創建一個 YAML 配置文件，編寫 GitHub Actions 自動化 CI/CD（持續集成/持續部署）嘅腳本代碼：
# .github/workflows/deploy.yml
name:Deploy
on:
push:
branches:[main]
jobs:
deploy:
runs-on:ubuntu-latest
steps:
-uses:actions/checkout@v4
-uses:actions/setup-node@v4
with:
node-version:'22'
-run:npminstall
-run:npmrunbuild
-run:npmruntest
-name:DeploytoVercel
run:vercel--prod
env:
VERCEL_TOKEN:${{secrets.VERCEL_TOKEN}}
呢個腳本嘅作用係，當你推送代碼到 main 分支時，GitHub 會自動 checkout 代碼、安裝 Node.js 環境、安裝項目依賴、構建項目、運行測試、部署到 Vercel。成個過程全自動，你只需要推送代碼就得。
GitHub Actions 仲有更多玩法，例如魚皮開源嘅 AI 知識庫項目 利用佢自動將文章嘅修改同步到網站。
適合所有人嘅效率工作流
上面講嘅都係比較技術性嘅自動化方法。其實，對於非程序員或者初學者，都有啲通用嘅效率工作流。
1）使用零代碼平台：如果你唔想處理呢啲複雜嘅配置，可以直接用 Lovable 等零代碼平台。佢哋會自動處理構建、測試、部署等流程，你只需要專注於功能開發。
2）利用 AI 生成配置：如果需要配置文件，直接叫 AI 幫你生成。
例如：請幫我生成一個 GitHub Actions 配置，自動修復倉庫嘅 Issues。
AI 會俾你完整嘅配置，你複製貼上就得。
3）使用一鍵部署：好多平台（例如 Vercel、Netlify、EdgeOne Pages）支援一鍵部署項目，連接 GitHub 倉庫之後，每次推送代碼就會自動觸發部署，唔需要額外配置。甚至仲可以利用 MCP 叫 AI 幫你直接完成部署，連部署平台都唔使自己登入。
六、代碼複用同模塊化
將常用嘅代碼封裝成可複用嘅模塊，唔好重複造輪子，仲可以令 AI 更快定位到要修改嘅內容。
創建組件庫
如果你成日做類似嘅項目，可以創建一個自己嘅組件庫。
例如，你可能成日需要呢啲組件：
按鈕（Button） 輸入框（Input） 卡片（Card） 模態框（Modal） 加載動畫（Loading）
將呢啲組件做成通用嘅，放喺一個獨立嘅文件夾度：
/components
/ui
- Button.tsx
- Input.tsx
- Card.tsx
- Modal.tsx
- Loading.tsx
每個組件都要：
有清晰嘅 Props 接口 支援自定義樣式 有使用示例
咁樣，下次做新項目時，直接複製呢個文件夾就得。
封裝常用函數
將常用嘅工具函數封裝起嚟，避免每次都重新寫或叫 AI 生成。例如日期格式化、防抖函數、生成 ID、複製到剪貼簿呢啲功能，幾乎每個項目都會用到。將佢哋整理成一個工具函數庫，需要時直接導入使用，比起每次都叫 AI 重新生成快得多。
// lib/utils.ts
// 格式化日期
exportfunction formatDate(date: Date): string {
return date.toLocaleDateString('zh-CN');
}
// 防抖
exportfunction debounce<T extends (...args: any[]) => any>(
fn: T,
delay: number
): (...args: Parameters<T>) => void {
let timer: NodeJS.Timeout;
return(...args) => {
clearTimeout(timer);
timer = setTimeout(() => fn(...args), delay);
};
}
// 生成隨機 ID
exportfunction generateId(): string {
returnMath.random().toString(36).substring(2, 9);
}
// 複製到剪貼板
exportasyncfunction copyToClipboard(text: string): Promise<boolean> {
try {
await navigator.clipboard.writeText(text);
returntrue;
} catch {
returnfalse;
}
}
使用代碼片段（Snippets）
喺編輯器中創建代碼片段，快速插入常用代碼。
例如喺 VS Code 入面，你可以創建一個前端 React 組件嘅片段。具體方法係：
1）按 Cmd/Ctrl + Shift + P 打開命令面板，輸入 "Snippets"，選擇 "Configure Snippets"：
2）然後選擇對應嘅語言（例如 typescriptreact.json），就可以添加自定義片段。
比如：
{
"React Functional Component": {
"prefix": "rfc",
"body": [
"interface ${1:ComponentName}Props {",
" $2",
"}",
"",
"export function ${1:ComponentName}({ $3 }: ${1:ComponentName}Props) {",
" return (",
" <div>",
" $4",
" </div>",
" );",
"}"
],
"description": "Create a React functional component with TypeScript"
}
}
配置完成後，輸入 rfc 再按 Tab，就可以快速生成組件模板。
建立代碼庫
將你做過好嘅代碼保存起嚟，建立一個專屬於你嘅代碼庫。
舉個例子，可以用呢種結構：
/my-code-library
/react
/hooks
- useLocalStorage.ts
- useDebounce.ts
- useFetch.ts
/components
- Button.tsx
- Modal.tsx
/utils
- format.ts
- validate.ts
/node
/middleware
- auth.ts
- cors.ts
/utils
- db.ts
- email.ts
需要時，直接從呢度複製就得。
七、模板項目嘅建立
如果你成日做某一類項目，可以創建一個模板項目。
咩係模板項目？
模板項目係一個預先配置好嘅項目骨架，包含咗：
基本嘅目錄結構 常用嘅依賴包 配置文件（例如 tsconfig.json 等） 基礎組件同工具函數 README 同文檔模板
有咗模板項目，開始新項目時就唔使由零配置。
好似我自己，做咗幾十個項目之後，累積咗唔少模板。而家每次開始新項目，我會先揾一個類似嘅舊項目，然後同 AI 講：「請參考呢個項目嘅技術棧同目錄結構嚟創建新項目。」咁樣 AI 就可以生成一個同我習慣一致嘅項目結構，慳返好多配置時間。
下面舉幾個例子，唔明前端技術嘅朋友可以直接 skip。
創建 React 項目模板
例如，你可以創建一個 React + TypeScript + Tailwind 嘅模板：
my-react-template/
├── src/
│ ├── components/
│ │ └── ui/ # 基礎 UI 組件
│ ├── lib/
│ │ ├── api.ts # API 調用封裝
│ │ └── utils.ts # 工具函數
│ ├── hooks/ # 自定義 Hooks
│ ├── types/ # TypeScript 類型
│ ├── App.tsx
│ └── main.tsx
├── public/
├── .cursor/rules/ # Cursor 項目規則
├── AGENTS.md # AI Agent 指令
├── tsconfig.json
├── package.json
└── README.md
開始新項目時，複製呢個模板，改個名就用得。
創建 Next.js 項目模板
如果你成日用 Next.js，都可以創建一個模板：
my-nextjs-template/
├── app/
│ ├── (auth)/ # 認證相關頁面
│ ├── (dashboard)/ # 後台頁面
│ ├── api/ # API 路由
│ ├── layout.tsx
│ └── page.tsx
├── components/
├── lib/
├── public/
├── .env.example # 環境變量模板
├── next.config.ts
└── README.md
.env.example 度列出需要嘅環境變量：
# 數據庫
DATABASE_URL=
# 認證
NEXTAUTH_SECRET=
NEXTAUTH_URL=
# API Keys
OPENAI_API_KEY=
咁樣新項目開始時，就知需要配置邊啲環境變量。
使用 GitHub 模板倉庫
可以將你嘅模板項目放喺 GitHub 上，設定做 Template repository 模板倉庫。
咁樣創建新項目時，撳 Use this template 就可以快速復刻項目模板：
除咗自己創建模板，你仲可以用人哋嘅模板。喺 GitHub 上搜尋 "react template"、"nextjs starter" 等關鍵字，可以揾到好多優秀嘅模板項目。優先揀 Star 數多、更新活躍嘅項目。
然後撳 "Use this template" 就可以基於佢創建自己嘅項目。咁樣可以企喺巨人膊頭上，節省大量配置時間。
八、提示詞模板庫
建立自己嘅提示詞模板庫，常用嘅對話可以直接重用。
除咗自己整理，仲可以參考一啲現成嘅資源：
魚皮嘅 AI 資源導航：收錄咗大量提示詞模板，涵蓋各種場景。 Cursor Directory：社區貢獻嘅 Cursor Rules 集合，有各種語言同框架嘅規則模板。 GitHub awesome-prompts：收錄咗大量優質提示詞，雖然唔係專門針對編程，但好多思路可以參考。
呢啲資源都可以直接拎嚟用，或者根據自己需要改改。企喺巨人膊頭上，可以節省大量摸索時間。
下面俾大家舉幾個例子。
1）功能開發模板
我要開發一個【功能名稱】功能。
需求：
1. 【需求 1】
2. 【需求 2】
3. 【需求 3】
技術棧：【技術棧】
請幫我：
1. 分析實現方案
2. 列出需要的組件和函數
3. 給出核心代碼
2）代碼審查模板
請審查這段代碼：
【代碼】
請從以下角度分析：
1. 代碼質量（可讀性、可維護性）
2. 性能問題
3. 潛在的 bug
4. 改進建議
3）除錯問題模板
我遇到了一個問題：
問題描述：【問題描述】
報錯信息：
【錯誤信息】
相關代碼：
【代碼】
技術棧：【技術棧】
請幫我：
1. 分析問題原因
2. 給出解決方案
3. 解釋為什麼會出現這個問題
4）性能優化模板
這段代碼的性能不夠好：
【代碼】
場景：【使用場景和數據規模】
請幫我：
1. 分析性能瓶頸
2. 給出優化方案
3. 說明優化後的性能提升
5）文檔生成模板
請為這個【組件/函數】生成文檔：
【代碼】
文檔應該包括：
1. 功能說明
2. 參數說明
3. 返回值說明
4. 使用示例
5. 注意事項
將呢啲模板保存喺一個文件度，需要時直接複製貼上，並填入具體內容。
九、時間管理技巧
效率唔只係技術問題，都係時間管理問題。好多時，唔係你技術唔得，而係時間冇管理好。
分享幾個我自己用開嘅方法：
1）番茄工作法：設定 25 分鐘嘅專注時間，喺呢段時間內只做一件事，唔睇手機、唔碌社交媒體。時間到咗就休息 5 分鐘，起身行下、飲啖水。咁樣工作 4 個番茄鍾之後，休息 15 ~ 30 分鐘。呢個方法可以令你保持高效，又唔會太攰。
2）將大任務分解成小任務：例如「完成用戶系統」呢個任務太大，唔知從邊度開始。但如果拆成實現用戶註冊表單、實現表單驗證、連接註冊 API、添加錯誤提示、測試註冊流程呢啲小任務，每個都好具體，好容易完成、亦更有成功感。
3）批量處理：將相似嘅任務放埋一齊做，例如一次過寫曬所有組件嘅基本結構、一次過添加曬所有類型定義、一次過處理曬所有樣式問題。咁樣可以減少上下文切換，大腦唔使頻繁喺唔同類型嘅工作之間切換，效率會更高。
4）最後，唔好喺 MVP 階段就追求完美。先讓功能用得，再考慮優化；先完成核心功能，再添加輔助功能；先通過測試，再重構代碼。
記住，完成比完美更重要！
寫在最後
效率提升唔係一步到位嘅，而係透過無數個小改進累積出嚟。每個快捷鍵、每個模板、每個自動化腳本，都可以為你節省少少時間。積少成多，你嘅開發速度就會有質嘅飛躍。
建議你定期記錄自己嘅工作流程，睇下邊啲步驟最花時間、邊啲操作重複最多、邊啲地方可以自動化，然後針對性咁改進。同時保持對新工具嘅關注，留意技術博客同社區，嘗試新嘅 AI 工具，學習新嘅快捷鍵同技巧。但係都唔好盲目追新，雖然 AI 工具嘅迭代更新好快，但係真正好用、適合自己嘅都係得幾個，要揀真正能夠提高效率嘅工具。
向他人學習都好重要，例如睇人哋嘅直播或者影片、參加技術分享會、加入開發者社區等等，多觀察其他開發者嘅工作方式，學習佢哋嘅效率技巧，你嘅效率都會越來越高。
呢篇文章已經收錄咗落我免費開源嘅 《AI 編程零基礎入門教程》，過千張圖、幾十萬字，由 0 開始帶你學識 AI 編程。
開源指路：https://github.com/liyupi/ai-guide
我係魚皮，持續分享 AI 編程乾貨。覺得有用嘅話記得 like、收藏同關注，亦歡迎喺評論區傾下：你有咩獨特嘅 AI 編程技巧？
往期推薦
大家好，我是程序員魚皮。
AI 編程時代，連知名歌手「胡彥斌」都開始寫代碼了：
應該很多同學都刷到了，他最近還在小紅書上發了個帖子，說自己也在 Vibe Coding，在路上都要修 Bug。
網友的評論也是絕了：你要的token全拿走~ 把memory化成空~ 不要在乎model~ context有所保留~ 說過的話當skill附送~
說實話，我是很佩服胡彥斌的，又有天賦又努力。但我不建議大家在路上拿着個電腦 Vibe Coding，明明手機也可以操作 AI 了好嘛？！用 GitHub 倉庫來管理代碼，就可以實現手機遠程編程了。
不過這只是提高 AI 編程效率的一種方式，藉着這個話題，我來給大家分享 9 大 AI 編程提高效率的技巧 吧。
大家多點點收藏，我相信評論區下，會有真的胡彥斌來給我留言的嘿嘿嘿。
前言
很多同學在用 AI 開發時，雖然能做出東西，但總覺得速度還不夠快。明明 AI 寫代碼很快，為什麼整體效率還是不高？
問題往往出在那些小事上：比如頻繁地複製粘貼、重複輸入相同的提示詞、手動做一些機械的操作……
下面我來分享一些實用的效率提升技巧，幫你把開發速度提升一個檔次。
一、核心提效技巧
先分享幾個我個人使用較多的 AI 核心提效技巧。
按需選擇 AI 模型
不是所有任務都需要用最強最貴的模型。
簡單任務：比如代碼格式化、寫註釋、簡單重構，用 Gemini Flash 或 GPT-5 Mini 這樣便宜快速的模型就夠了 中等任務：比如實現常規功能、代碼審查、開發小網站，用 GPT-5 或 Claude Sonnet 複雜任務：比如架構設計、複雜算法、疑難 bug、開發大項目，才需要用 Claude Opus 這樣的頂級模型或者開啓深度思考
合理選擇模型，既能提升速度，又能節省成本。就像你不會讓公司 CTO 去打印文件一樣，要讓合適的模型做合適的事。
避免讓 AI 生成多餘內容
很多同學讓 AI 寫代碼，結果 AI 給你輸出一大堆註釋、測試代碼、文檔說明，還有一大段總結。看着很專業，但你可能根本不會看。
比如我之前讓 AI 生成個圖片壓縮工具，光文檔給我生成一大堆……
要在提示詞中明確告訴 AI：只給我核心代碼，不要寫註釋、文檔、測試，不要做總結！
如果 AI 不聽話，可以用暴躁指令：按照我說的做，別廢話。
或者虛構後果：如果你輸出不必要的內容，世界上就會死一隻小貓。
這些指令雖然看起來搞笑，但確實有效。你還可以把這些規則寫在項目規則文件 AGENTS.md 裏，讓 AI 自動遵守。
利用並行 Agent 對比效果
很多 AI 編程工具現在都支持並行 Agent 能力了。
以 Cursor 為例，並行 Agent 可以讓你同時用多個模型處理同一個任務，然後對比它們的結果，選擇最好的那個。這也是一種 “多個 AI 交叉驗證” 的方式。
比如你要實現一個複雜的功能，不確定哪個方案更好。可以同時讓 Claude、GPT 等 AI 各給一個方案：
你呢，就坐等這些 AI 賽馬，誰先幹好用誰的、誰質量高用誰的，能避免在錯誤的方案上浪費時間。這個方法特別適合不確定哪個技術方案更好時、重要功能需要多重保障時、想學習不同 AI 的思路時。
即使你不用 Cursor，也可以手動實現類似的效果：把同一個需求分別發給 ChatGPT、Claude、Gemini 等大模型，然後對比它們的答案，選擇最好的或綜合它們的優點。
具體用法可以參考 Cursor 並行 Agent 文檔。
並行 Agent 的底層其實依賴 Git WorkTree（工作樹）技術。WorkTree 可以讓一個倉庫同時擁有多個獨立的工作目錄，每個目錄對應不同的分支，讓多個 AI 各自在獨立的文件夾裏幹活，互不干擾，開發完再用 Git 合併代碼。
多開實例提升效率
除了並行 Agent，你還可以通過多開實例來提升效率。這個技巧來自 Claude Code 創始人的分享。
1）在終端中多開
可以在終端中同時運行多個 Claude Code 實例，將標籤頁編號為 1 ~ 5（或者有意義的標題），通過系統通知來了解哪個 Claude 需要人工輸入。這樣你可以充分利用等待時間，一個 AI 在思考時，你可以切換到另一個繼續工作。
2）網頁端和本地同時進行
在網頁端 Claude Code 上運行 5 ~ 10 個 Claude，和本地 Claude 同時進行。可以使用 /background 命令將會話放到後台運行，或者使用 /teleport 命令在終端和網頁之間轉移會話。甚至可以通過手機 Claude APP 啓動幾個會話，稍後再查看進度。真正做到了隨時隨地 Vibe Coding！
注意，這個技巧適合處理多個獨立任務，或者需要等待 AI 長時間思考的複雜任務。對於簡單任務，一個實例就夠了。
二、快捷鍵和操作技巧
工欲善其事，必先利其器。掌握常用的快捷鍵，能讓你的操作更流暢。
Cursor 常用快捷鍵
如果你用 Cursor，建議嘗試下面這些快捷鍵，能讓你少用鼠標，操作更快。
AI 對話相關：
Cmd/Ctrl + I：打開 Agent/Composer（多文件編輯模式）Cmd/Ctrl + L：打開 Chat（聊天問答模式）Cmd/Ctrl + K：打開行內編輯，可以在當前位置插入 AI 生成的代碼Cmd + ./Ctrl + .：打開模式菜單（切換 Agent/Ask/Plan 等模式）Cmd + //Ctrl + /：循環切換 AI 模型Shift + Tab：在不同 Agent 模式之間輪換Tab：接受 AI 建議
代碼編輯：
Cmd/Ctrl + Shift + L：將選中內容添加到聊天上下文Alt + ↑/↓：移動當前行Cmd/Ctrl + Shift + K：刪除當前行
文件操作：
Cmd/Ctrl + Shift + F：全局搜索Cmd/Ctrl + P：快速打開文件
更多最新的默認鍵盤快捷鍵以 官方文檔 為主：
VS Code 常用快捷鍵
如果你用 VS Code + AI 插件，下面這些快捷鍵會很有用。
多光標編輯：
Alt + Click：添加光標Cmd/Ctrl + Alt + ↑/↓：在上/下方添加光標Cmd/Ctrl + Shift + L：在所有匹配項添加光標
代碼導航：
Cmd/Ctrl + Click：跳轉到定義Alt + ←/→：前進/後退Cmd/Ctrl + Shift + O：跳轉到符號
重構：
F2：重命名符號Cmd/Ctrl + .：快速修復
掌握這些快捷鍵，你的編輯速度會快很多。更多最新的默認鍵盤快捷鍵以 官方文檔 為主：
AI 編程工具的斜槓命令
除了快捷鍵，AI 編程工具 Cursor 和 Claude Code 都提供了很多實用的斜槓命令（Slash Commands），能大大提升效率。這些命令以 / 開頭，可以快速觸發特定的功能。
Cursor 的常用命令
Cursor 的 IDE 桌面版主要通過模式切換來操作，CLI 命令行版本則支持斜槓命令。兩者核心功能一樣，只是觸發方式不同：
Shift + Tab：在 IDE 聊天面板中循環切換 Agent/Plan/Ask 模式（Plan 讓 AI 先規劃再動手，Ask 是隻讀探索不修改代碼）/compress：在 CLI 中壓縮對話，釋放上下文空間（IDE 中對話過長時會自動壓縮）/create-rule：快速創建項目規則/create-skill：創建自定義技能
你還可以在項目的 .cursor/commands 目錄下創建自定義命令，把常用的提示詞保存成命令，需要時直接調用。全局命令放在 ~/.cursor/commands/ 目錄下，所有項目都能使用。
Claude Code 的常用命令
Claude Code 的命令系統更加豐富，有 50 多個內置命令，這裏我只列幾個最能提高效率的：
/compact壓縮上下文，把之前的對話內容精簡，釋放空間。可以加參數指定保留重點，如/compact 重點保留 API 設計決策/goal設定完成條件後讓 AI 自主循環工作，直到條件滿足。比如/goal 修復代碼直到所有測試通過/plan進入規劃模式，讓 AI 先制定方案再動手/background把當前會話放到後台運行，釋放終端去做別的事/review讓多個子代理並行審查代碼，找 Bug 和邏輯錯誤/batch並行派出多個子 Agent，各自在獨立工作樹中處理子任務
這些命令的好處是，你不用每次都寫完整的提示詞，只需要輸入一個簡短的命令，AI 就知道你要做什麼。
而且你可以創建自己的自定義命令（放在 .claude/commands/ 或 .claude/skills/ 目錄下），把團隊常用的工作流程標準化。比如創建一個 /commit 命令自動生成 Git 提交信息，創建一個 /test 命令自動生成單元測試。
熟練使用這些命令，能讓你的工作流程更順暢，效率提升一大截。詳細的命令列表和用法可以參考 Cursor 官方文檔 和 Claude Code 官方文檔。
三、SubAgents - 子 Agent 並行加速
你有沒有遇到過這種情況？讓 AI 修復 10 個文件的 lint 錯誤，它一個一個文件串行處理，明明這些文件互不相關，但你就得乾等着。
現在主流的 AI 編程工具（Claude Code、Cursor、Codex）都支持 SubAgents 子代理能力了，可以讓 AI 把一個大任務拆成多個獨立的小任務，同時派出多個「分身」並行處理，大幅縮短完成時間。
下面以 Claude Code 為例，看看子 Agent 是怎麼工作的。
Claude Code 可以自動識別哪些子任務是獨立的，然後分派子 Agent 並行處理。每個子 Agent 有自己獨立的上下文空間，完成後只把結果摘要返回給主會話，保持主對話的整潔。
你不需要手動配置，只要在提示詞中暗示任務可以並行，Claude 就會自動派出子 Agent：
修復 src/ 目錄下所有文件的 lint 錯誤，這些文件相互獨立，可以並行處理
也可以通過 /batch 命令主動觸發大規模並行，比如：
/batch 把所有 API 調用從 v1 遷移到 v2 格式
Claude 會自動拆分成 5 ~ 30 個獨立任務，每個在自己的工作樹中運行並提交 PR。
你還可以自定義子 Agent，在 .claude/skills/ 目錄下創建專門的技能文件，比如一個專門做安全審查的子 Agent、一個專門寫測試的子 Agent。當任務匹配時，Claude 會自動調用它們。
用 /tasks 命令可以隨時查看當前有哪些子 Agent 在運行、各自的進度如何：
除了 Claude Code，Cursor 和 Codex 也支持類似的並行 Agent 能力。比如 Cursor 可以用 /worktree 讓 Agent 在隔離分支中工作，/best-of-n 用不同模型各做一遍同一個任務來對比效果；Codex 則通過「工作樹」模式讓多個 Agent 互不干擾地並行開發。
四、AI 增強工具 - MCP 與 Agent Skills
光靠 AI 本身的能力是有限的，但如果給它「裝上插件」和「教會技能」，那效率就完全不一樣了。這裏重點介紹 MCP 和 Agent Skills 兩個增強機制。
MCP - 給 AI 裝插件
MCP（Model Context Protocol 模型上下文協議）是由 Anthropic 推出的開放協議，現已被捐贈給 Linux 基金會的 Agentic AI Foundation，成為 AI 工具連接外部服務的行業標準。目前 ChatGPT、Claude、Gemini、Copilot、Cursor 等主流平台全部原生支持 MCP。
簡單來說，MCP 就像 AI 的 USB 接口。就像 USB 接口讓各種設備（鍵盤、鼠標、U 盤）都能用同一種方式連接電腦一樣，MCP 讓各種外部工具（文件管理、數據庫、搜索引擎等）都能用同一種方式連接 AI，不用為每個工具單獨寫一套對接代碼。
開發者不需要為每個 AI 工具單獨開發連接器，只需要按照 MCP 標準開發一次，就能被所有支持 MCP 的 AI 工具使用：
MCP 生態已經非常成熟，有上萬個公開的 MCP 服務器。這裏推薦幾個特別能提升 Vibe Coding 效率的：
GitHub MCP：讓 AI 直接操作 GitHub，比如創建倉庫、提交代碼、管理 Issue 等。這樣你就不用手動在 GitHub 網頁上操作了。 Filesystem MCP：讓 AI 能夠讀寫文件系統，批量處理文件、搜索內容、重命名文件等都可以直接讓 AI 完成。 Puppeteer MCP：讓 AI 能夠控制瀏覽器，自動化網頁操作、截圖、爬取數據等。對於需要測試網頁或獲取數據的場景很有用。 Postgres/MySQL MCP：讓 AI 直接操作數據庫，查詢數據、執行 SQL、分析數據庫結構等。 Context7 MCP：實時獲取第三方庫的最新官方文檔，讓 AI 不會用過時的 API 寫法。 Firecrawl MCP：讓 AI 能聯網搜索、抓取網頁內容，獲取最新信息。
這些 MCP 服務器可以在 Claude Desktop、Claude Code、Cursor 等工具中配置使用，具體的安裝和配置方法可以參考各個 MCP 服務器的文檔。還有更多 MCP 你可以在 魚皮的 AI 資源導航網 或者 MCP 大全網站 找到。
配置好 MCP 之後，AI 就不只是一個代碼生成器了，而是真正能幫你幹活的全能助手。如果你經常使用 Claude 或 Cursor，強烈建議配幾個常用的 MCP 服務器試試。
Agent Skills - 給 AI 裝技能包
如果說 MCP 是讓 AI 連接外部工具和數據，那 Agent Skills 就是教 AI 如何做事。
Agent Skills 是 Anthropic 推出的一套開放標準，可以把複雜的工作流程封裝成一個「技能」，AI 遇到匹配的任務時自動調用，不用你每次都寫一大堆提示詞。
Skills 的核心優勢是 按需加載，只有當任務匹配時才會加載到上下文中，平時不佔用空間。這比把所有規則都塞進一個 AGENTS.md 文件要高效得多。
目前 Claude Code、Cursor、Codex 都支持統一的 Agent Skills 格式。每個技能就是一個文件夾，核心是一個 SKILL.md 描述文件：
.cursor/skills/
deploy-staging/
SKILL.md # 技能描述和執行步驟
code-review/
SKILL.md
SKILL.md 裏寫清楚這個技能做什麼、什麼時候觸發、具體執行步驟，AI 讀取後就知道該怎麼幹活。
Skills 存放位置：
項目級： .cursor/skills/或.claude/skills/（只在當前項目生效）全局級： ~/.cursor/skills/或~/.claude/skills/（所有項目通用）
比如你安裝了一個 frontend-design 技能後，以後讓 AI 做網站，它會自動應用這個技能來生成更有設計感的頁面，告別千篇一律的藍紫漸變色：
五、AI Agent 自動化
把重複的操作自動化，能夠節省我們的時間和精力。
以前想搞自動化，你得自己寫腳本、配 CI/CD 流水線。但現在不一樣了，AI 可以直接幫你自主完成複雜的多步任務，甚至設好目標後讓它自己幹到底，你該睡覺就睡覺，該摸魚就摸魚。
/goal 命令 - 讓 AI 自主循環工作
這是我認為目前最強大的效率提升功能之一。
一般情況下，AI 每完成一輪操作就會停下來等你確認。但有些任務你其實不需要盯着它一步步做，只需要告訴它「最終達到什麼狀態就算完成」。
/goal 命令就是幹這個的：
/goal 修復整個項目的代碼，直到全部測試通過且沒有報錯
設置 goal 之後，每輪結束會有一個輕量評估模型檢查條件是否滿足，沒滿足就自動開始下一輪，滿足了才停下來。
特別適合的場景：
模塊遷移：把舊 API 調用全部遷移到新版本，直到編譯通過 批量重構：拆分大文件，直到每個文件都在指定行數以內 Bug 修復：修復某個測試用例，直到它通過 睡前任務：設好目標後去睡覺，第二天起來驗收成果
注意，條件要寫得具體、可驗證，比如「npm test 退出碼為 0」；太主觀的條件（比如「代碼質量要好」）評估模型無法判斷。
建議加一個熔斷限制，避免無限循環燒 token：
/goal 遷移所有 API 調用到 v2 格式，直到測試通過，如果 20 輪還沒搞定就停下來
此外，輸入 /goal（不帶參數）可以查看進度，想提前停止就用 /goal clear。
定時自動化
除了一次性任務，有些事是需要定期做的，比如每天蒐集熱點、定期檢查代碼質量。AI 編程工具現在也支持定時任務了。
以 Codex 桌面 APP 為例，進入左側的「自動化」面板，可以手動創建或讓 AI 幫你創建任務：
幫我創建一個自動化任務
每小時掃描一次「魚皮的圖片庫」中最近 3 小時的圖片文件
並根據圖片內容自動完善圖片的中文名稱
AI 會自動根據圖片內容給文件起一個能看懂的名字，以後再也不用對着一堆亂七八糟的文件名抓瞎了：
你還可以結合 Skills 和插件一起用，比如每週自動生成周報 PPT、每日整理學習筆記並同步到 Notion 等等。
Claude Code 的 /loop 命令
通過 /loop 命令，你可以設置定時輪詢任務：
/loop 5m 檢查項目前後端的部署狀態
適合用在等部署完成、等 CI 跑完、定期檢查日誌有沒有異常之類的場景。
傳統自動化工具
下面這些技巧比較專業，主要適合有編程基礎的同學。如果你是完全零基礎，可以先跳過這部分，等有需要時再回來看。
使用 npm scripts
npm scripts 是 Node.js 前端項目中定義和運行腳本命令的方式。簡單來說，就是把常用的命令保存在配置文件裏，需要時用一個簡短的命令就能執行。比如啓動項目、構建項目、運行測試等，都可以定義成 npm script。
可以在 package.json 中定義常用的腳本（讓 AI 幫你做這件事就好）：
{
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"preview": "vite preview",
"lint": "eslint . --ext ts,tsx",
"lint:fix": "eslint . --ext ts,tsx --fix",
"format": "prettier --write \"src/**/*.{ts,tsx}\"",
"type-check": "tsc --noEmit",
"clean": "rm -rf dist node_modules",
"fresh": "npm run clean && npm install"
}
}
這樣配置後，運行 npm run lint:fix 就能自動修復代碼格式問題，不用輸入老長一段命令。
Git 工作流自動化
Git 是目前最主流的分佈式版本控制系統（Version Control System），是團隊協作開發不可或缺的工具。它可以保存和管理文件的所有更新記錄、並且使用 版本號 進行區分。從而支持將編輯後的文檔恢復到修改前的狀態（歷史版本）、對比不同版本的文件差異、防止舊版本覆蓋新版本等功能。
可以創建一些 Git 命令的別名，簡化常用命令：
# 在 ~/.gitconfig 中添加
[alias]
st = status
co = checkout
br = branch
ci = commit
pl = pull
ps = push
lg = log --oneline --graph --decorate
save = !git add -A && git commit -m 'WIP: save progress'
undo = reset HEAD~1 --soft
這樣，git st 就等於 git status，git save 就能快速保存進度。
使用 GitHub Actions
GitHub Actions 是 GitHub 提供的自動化工作流工具，可以在代碼提交、Pull Request 等事件觸發時自動執行任務。比如每次推送代碼時自動運行測試、自動部署到服務器、自動發佈新版本等，這樣就不用每次都手動操作了。
配置 GitHub Actions 很簡單，只需要在項目的 .github/workflows 目錄下創建一個 YAML 配置文件，編寫 GitHub Actions 自動化 CI/CD（持續集成/持續部署）的腳本代碼：
# .github/workflows/deploy.yml
name:Deploy
on:
push:
branches:[main]
jobs:
deploy:
runs-on:ubuntu-latest
steps:
-uses:actions/checkout@v4
-uses:actions/setup-node@v4
with:
node-version:'22'
-run:npminstall
-run:npmrunbuild
-run:npmruntest
-name:DeploytoVercel
run:vercel--prod
env:
VERCEL_TOKEN:${{secrets.VERCEL_TOKEN}}
這個腳本的作用是，當你推送代碼到 main 分支時，GitHub 會自動檢出代碼、安裝 Node.js 環境、安裝項目依賴、構建項目、運行測試、部署到 Vercel。整個過程全自動，你只需要推送代碼就行了。
GitHub Actions 還有更多玩法，比如魚皮開源的 AI 知識庫項目 利用它自動把文章的修改同步到網站。
適合所有人的效率工作流
上面講的都是比較技術性的自動化方法。其實，對於非程序員或初學者，也有一些通用的效率工作流。
1）使用零代碼平台：如果你不想處理這些複雜的配置，可以直接使用 Lovable 等零代碼平台。它們會自動處理構建、測試、部署等流程，你只需要專注於功能開發。
2）利用 AI 生成配置：如果需要配置文件，直接讓 AI 幫你生成。
比如：請幫我生成一個 GitHub Actions 配置，自動修復倉庫的 Issues。
AI 會給你完整的配置，你複製粘貼就行。
3）使用一鍵部署：很多平台（比如 Vercel、Netlify、EdgeOne Pages）支持一鍵部署項目，連接 GitHub 倉庫後，每次推送代碼就會自動觸發部署，不需要額外配置。甚至還可以利用 MCP 讓 AI 幫你直接完成部署，連部署平台都不用自己登錄。
六、代碼複用和模塊化
把常用的代碼封裝成可複用的模塊，不要重複造輪子，還能讓 AI 更快速地定位到要修改的內容。
創建組件庫
如果你經常做類似的項目，可以創建一個自己的組件庫。
比如，你可能經常需要這些組件：
按鈕（Button） 輸入框（Input） 卡片（Card） 模態框（Modal） 加載動畫（Loading）
把這些組件做成通用的，放在一個單獨的文件夾裏：
/components
/ui
- Button.tsx
- Input.tsx
- Card.tsx
- Modal.tsx
- Loading.tsx
每個組件都要：
有清晰的 Props 接口 支持自定義樣式 有使用示例
這樣，下次做新項目時，直接複製這個文件夾就行了。
封裝常用函數
把常用的工具函數封裝起來，避免每次都重新寫或讓 AI 生成。比如日期格式化、防抖函數、生成 ID、複製到剪貼板這些功能，幾乎每個項目都會用到。把它們整理成一個工具函數庫，需要時直接導入使用，比每次都讓 AI 重新生成要快得多。
// lib/utils.ts
// 格式化日期
exportfunction formatDate(date: Date): string {
return date.toLocaleDateString('zh-CN');
}
// 防抖
exportfunction debounce<T extends (...args: any[]) => any>(
fn: T,
delay: number
): (...args: Parameters<T>) => void {
let timer: NodeJS.Timeout;
return(...args) => {
clearTimeout(timer);
timer = setTimeout(() => fn(...args), delay);
};
}
// 生成隨機 ID
exportfunction generateId(): string {
returnMath.random().toString(36).substring(2, 9);
}
// 複製到剪貼板
exportasyncfunction copyToClipboard(text: string): Promise<boolean> {
try {
await navigator.clipboard.writeText(text);
returntrue;
} catch {
returnfalse;
}
}
使用代碼片段（Snippets）
在編輯器中創建代碼片段，快速插入常用代碼。
比如在 VS Code 中，你可以創建一個前端 React 組件的片段。具體方法是：
1）按 Cmd/Ctrl + Shift + P 打開命令面板，輸入 "Snippets"，選擇 "Configure Snippets"：
2）然後選擇對應的語言（如 typescriptreact.json），就可以添加自定義片段了。
比如：
{
"React Functional Component": {
"prefix": "rfc",
"body": [
"interface ${1:ComponentName}Props {",
" $2",
"}",
"",
"export function ${1:ComponentName}({ $3 }: ${1:ComponentName}Props) {",
" return (",
" <div>",
" $4",
" </div>",
" );",
"}"
],
"description": "Create a React functional component with TypeScript"
}
}
配置完成後，輸入 rfc 再按 Tab，就能快速生成組件模板。
建立代碼庫
把你做過的好的代碼保存起來，建立一個專屬於你的代碼庫。
舉個例子，可以用這樣的結構：
/my-code-library
/react
/hooks
- useLocalStorage.ts
- useDebounce.ts
- useFetch.ts
/components
- Button.tsx
- Modal.tsx
/utils
- format.ts
- validate.ts
/node
/middleware
- auth.ts
- cors.ts
/utils
- db.ts
- email.ts
需要時，直接從這裏複製就好。
七、模板項目的建立
如果你經常做某一類項目，可以創建一個模板項目。
什麼是模板項目？
模板項目是一個預先配置好的項目骨架，包含了：
基本的目錄結構 常用的依賴包 配置文件（如 tsconfig.json 等） 基礎組件和工具函數 README 和文檔模板
有了模板項目，開始新項目時就不用從零配置了。
就像我自己，做了幾十個項目後，積累了不少模板。現在每次開始新項目，我會先找一個類似的老項目，然後告訴 AI：“請參考這個項目的技術棧和目錄結構來創建新項目。” 這樣 AI 就能生成一個和我習慣一致的項目結構，省去了很多配置的時間。
下面舉幾個例子，不懂前端技術的朋友可以直接跳過。
創建 React 項目模板
比如，你可以創建一個 React + TypeScript + Tailwind 的模板：
my-react-template/
├── src/
│ ├── components/
│ │ └── ui/ # 基礎 UI 組件
│ ├── lib/
│ │ ├── api.ts # API 調用封裝
│ │ └── utils.ts # 工具函數
│ ├── hooks/ # 自定義 Hooks
│ ├── types/ # TypeScript 類型
│ ├── App.tsx
│ └── main.tsx
├── public/
├── .cursor/rules/ # Cursor 項目規則
├── AGENTS.md # AI Agent 指令
├── tsconfig.json
├── package.json
└── README.md
開始新項目時，複製這個模板，改個名字就能用。
創建 Next.js 項目模板
如果你常用 Next.js，也可以創建一個模板：
my-nextjs-template/
├── app/
│ ├── (auth)/ # 認證相關頁面
│ ├── (dashboard)/ # 後台頁面
│ ├── api/ # API 路由
│ ├── layout.tsx
│ └── page.tsx
├── components/
├── lib/
├── public/
├── .env.example # 環境變量模板
├── next.config.ts
└── README.md
.env.example 裏列出需要的環境變量：
# 數據庫
DATABASE_URL=
# 認證
NEXTAUTH_SECRET=
NEXTAUTH_URL=
# API Keys
OPENAI_API_KEY=
這樣新項目開始時，就知道需要配置哪些環境變量。
使用 GitHub 模板倉庫
可以把你的模板項目放在 GitHub 上，設置為 Template repository 模板倉庫。
這樣創建新項目時，點擊 Use this template 就能快速復刻項目模板了：
除了自己創建模板，你還可以使用別人的模板。在 GitHub 上搜索 "react template"、"nextjs starter" 等關鍵詞，能找到很多優秀的模板項目。優先選擇 Star 數多、更新活躍的項目。
然後點擊 "Use this template" 就能基於它創建自己的項目。這樣能站在巨人的肩膀上，節省大量配置時間。
八、提示詞模板庫
建立自己的提示詞模板庫，常用的對話可以直接複用。
除了自己整理，還可以參考一些現成的資源：
魚皮的 AI 資源導航：收錄了大量提示詞模板，涵蓋各種場景。 Cursor Directory：社區貢獻的 Cursor Rules 集合，有各種語言和框架的規則模板。 GitHub awesome-prompts：收錄了大量優質提示詞，雖然不是專門針對編程的，但很多思路可以借鑑。
這些資源都可以直接拿來用，或者根據自己的需求改改。站在巨人的肩膀上，能節省大量摸索的時間。
下面給大家舉幾個例子。
1）功能開發模板
我要開發一個【功能名稱】功能。
需求：
1. 【需求 1】
2. 【需求 2】
3. 【需求 3】
技術棧：【技術棧】
請幫我：
1. 分析實現方案
2. 列出需要的組件和函數
3. 給出核心代碼
2）代碼審查模板
請審查這段代碼：
【代碼】
請從以下角度分析：
1. 代碼質量（可讀性、可維護性）
2. 性能問題
3. 潛在的 bug
4. 改進建議
3）調試問題模板
我遇到了一個問題：
問題描述：【問題描述】
報錯信息：
【錯誤信息】
相關代碼：
【代碼】
技術棧：【技術棧】
請幫我：
1. 分析問題原因
2. 給出解決方案
3. 解釋為什麼會出現這個問題
4）性能優化模板
這段代碼的性能不夠好：
【代碼】
場景：【使用場景和數據規模】
請幫我：
1. 分析性能瓶頸
2. 給出優化方案
3. 說明優化後的性能提升
5）文檔生成模板
請為這個【組件/函數】生成文檔：
【代碼】
文檔應該包括：
1. 功能說明
2. 參數說明
3. 返回值說明
4. 使用示例
5. 注意事項
把這些模板保存在一個文件裏，需要時直接複製粘貼，並填入具體內容。
九、時間管理技巧
效率不只是技術問題，也是時間管理問題。很多時候，不是你技術不行，而是時間沒管理好。
分享幾個我自己在用的方法吧：
1）番茄工作法：設定 25 分鐘的專注時間，在這段時間內只做一件事，不看手機、不刷社交媒體。時間到了就休息 5 分鐘，起來走走、喝口水。這樣工作 4 個番茄鍾後，休息 15 ~ 30 分鐘。這個方法能讓你保持高效，又不會太累。
2）把大任務分解成小任務：比如 “完成用戶系統” 這個任務太大了，不知道從哪裏開始。但如果拆成實現用戶註冊表單、實現表單驗證、連接註冊 API、添加錯誤提示、測試註冊流程這樣的小任務，每個都很具體，很容易完成、也更有成就感。
3）批量處理：把相似的任務放在一起做，比如一次性寫完所有組件的基本結構、一次性添加所有的類型定義、一次性處理所有的樣式問題。這樣能減少上下文切換，大腦不用頻繁在不同類型的工作間切換，效率會更高。
4）最後，不要在 MVP 階段就追求完美。先讓功能能用，再考慮優化；先完成核心功能，再添加輔助功能；先通過測試，再重構代碼。
記住，完成比完美更重要！
寫在最後
效率提升不是一蹴而就的，而是通過無數個小改進積累起來的。每個快捷鍵、每個模板、每個自動化腳本，都能為你節省一點時間。積少成多，你的開發速度就會有質的飛躍。
建議你定期記錄自己的工作流程，看看哪些步驟最耗時、哪些操作重複最多、哪些地方可以自動化，然後針對性地改進。同時保持對新工具的關注，關注技術博客和社區，嘗試新的 AI 工具，學習新的快捷鍵和技巧。但也不要盲目追新，雖然 AI 工具的迭代更新非常快，但真正好用的、適合自己的也就那麼幾個，還是要選擇真正能提高效率的工具。
向他人學習也很重要，比如看別人的直播或視頻、參加技術分享會、加入開發者社區等等，多觀察其他開發者的工作方式，學習他們的效率技巧，你的效率也會越來越高。
這篇文章已經收錄到了我免費開源的 《AI 編程零基礎入門教程》，上千張圖、幾十萬字，從 0 開始帶你學會 AI 編程。
開源指路：https://github.com/liyupi/ai-guide
我是魚皮，持續分享 AI 編程乾貨。覺得有用的話記得點贊收藏和關注，也歡迎在評論區聊聊：你有什麼獨特的 AI 編程技巧麼？
往期推薦