代理程式入門套件
當你開啟一個新代理程式時,值得立即安裝的技能、外掛和 MCP 伺服器 — 全部打包在一次安裝中。無需逐一尋找,執行安裝器後,你的代理程式就能擁有真正的能力:它可以按需求尋找並安裝更多技能、操控瀏覽器、在有護欄的情況下推理、設計乾淨的 UI(含阿拉伯文)、審查自己的程式碼,並自動化瀏覽器操作與 GitHub。
它會安裝什麼
第一層 — 技能(可透過 npx skills 在超過 70 種代理程式上運作:Claude Code、Codex、Cursor……):
| 技能 | 賦予代理程式的功能 |
|---|---|
find-skills | 按需求發現並安裝任何其他技能 — 元技能 |
agent-browser | 代理程式自己控制的真實瀏覽器(開啟、點擊、填寫、驗證) |
karpathy-guidelines | 行為規則:不做出沉默假設、提供最小化解決方案、先驗證再行動 |
ui-ux-pro-max | 設計系統智慧 — 樣式、色板、字型搭配 |
caveman | 當你想要直接信號而非禮貌時,提供簡潔直白的回答 |
arabic-design | 在 AI 生成的設計中提供乾淨的阿拉伯文(修正文字間距/RTL 陷阱) |
design-taste-frontend | 適用於登陸頁面、作品集和 redesign 的設計品味 — 停止模板化、通用的 UI(tasteskill) |
remotion-best-practices | 使用 Remotion 在 React 中製作影片 — 官方技能,一個路由承載 11 個巢狀參考(create · markup · captions · render · studio · maps · …) |
第二層 — 外掛 / MCP(僅限 Claude Code):
| 外掛 / MCP | 賦予 Claude Code 的功能 |
|---|---|
frontend-design | Anthropic 的設計指導,打造精緻、不模板化的 UI |
superpowers | TDD + 子代理程式編排工作流程(腦力激盪 → 設計 → 建置 → 審查) |
code-review | 對任何分支/PR 執行 /code-review — 附評分的可行動審查 |
playwright (MCP) | 瀏覽器自動化與端到端測試 |
github (MCP) | 從代理程式中讀取/管理 GitHub 儲存庫、PR 和議題 |
claude-md-management | 保持你的 CLAUDE.md 檔案有條理且保持最新 |
如何執行
從技能目錄中執行:
bash install.sh # Claude Code — 安裝所有項目
bash install.sh --agent cursor # Cursor — 安裝第一層技能
bash install.sh --agent codex # Codex — 安裝第一層技能
bash install.sh --agent '*' # 所有偵測到的代理程式
bash install.sh --skills-only # 跳過僅限 Claude Code 的外掛/MCP
此腳本為盡力而為且可安全重複執行:每個項目都獨立安裝,任何無法自動安裝的項目都會印出確切的手動指令供你完成。
當做為技能呼叫時
如果代理程式載入此技能來設定環境:請使用適合當前代理程式的 --agent 參數執行 install.sh。然後確認安裝了哪些項目,並提供腳本印出的任何手動降級指令。在 Claude Code 中,提醒使用者重新啟動(或執行 /plugin),以便載入新的外掛。
誠實的範圍說明
- 第一層技能確實是跨代理程式的 —
npx skills的目標是超過 70 種代理程式。 design-taste-frontend由其原作者限定範圍為登陸頁面、作品集和 redesign — 不包含儀表板、資料表格或多步驟產品 UI。它也很龐大(約 87KB),啟動時會消耗大量上下文。如果專案的 UI 是儀表板,或已經有鎖定的視覺系統,請將其排除在迴圈之外,而不是讓它與你已決定的系統爭論。remotion-best-practices是一個條目,不是十二個。 官方儲存庫提供了 12 個技能,但路由安裝器會將其他 11 個巢狀包含在內,且所有相對連結都能解析(已驗證)。安裝單一路由器可保持代理程式的技能列表簡潔,且不會遺失任何功能 — 請勿透過將兄弟技能作為獨立條目新增來「修正」此問題。- 第二層僅限 Claude Code。 Codex/Cursor 沒有等同的「外掛」。它們的兩個 MCP 項目(
playwright、github)仍然可以透過該代理程式自己的 MCP 設定加入到 Codex/Cursor 中 — 當你傳遞非 Claude 的--agent時,腳本會顯示相關說明。