Communitygithub.com

JamalMohafil/claude-skills

一鍵設定全新的 AI 程式碼助手。為超過 70 種代理程式安裝必備的入門技能(find-skills、agent-browser、karpathy-guidelines、ui-ux-pro-max、caveman、arabic-design、design-taste-frontend、remotion-best-practices),以及核心 Claude Code 外掛/MCP(frontend-design、superpowers、code-review、playwright、github、claude-md-management)。當使用者正在設定新專案或全新的代理程式,並要求「我該從哪些技能/MCP 開始」、「入門包」或「設定我的代理程式」時使用。

claude-skills 是什麼?

此技能包提供一個統一的安裝器,能在開啟全新 AI 代理程式(如 Claude Code、Codex、Cursor 等 70 多種)後立即安裝最實用的技能與外掛。它分為兩層:第一層是跨代理程式的技能,讓代理程式具備按需安裝技能、控制瀏覽器、遵循行為準則、設計美觀 UI(含阿拉伯文支援)、生成直接答案以及使用 Remotion 製作影片的能力;第二層則是僅限 Claude Code 的外掛與 MCP 伺服器,提供前端設計指引、TDD 開發流程、程式碼審查、Playwright 與 GitHub 自動化,以及 CLAUDE.md 檔案管理。安裝腳本可安全重複執行,並會對無法自動安裝的項目提供手動指令。此技能包特別適合需要快速啟動新專案或希望一次性獲得完整開發工具鏈的使用者。

相容平台✓Claude Code✓Codex CLI✓Cursor
npx skills add https://github.com/JamalMohafil/claude-skills/tree/HEAD/agent-starter-kit

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

代理程式入門套件

當你開啟一個新代理程式時,值得立即安裝的技能、外掛和 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-designAnthropic 的設計指導,打造精緻、不模板化的 UI
superpowersTDD + 子代理程式編排工作流程(腦力激盪 → 設計 → 建置 → 審查)
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 時,腳本會顯示相關說明。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相關技能