GitHub是什麼?skills又是什麼?我要如何在電腦有支援 Skills 的 AI Agent?(文長5108字)

更新 發佈閱讀 13 分鐘

 我:

GitHub是什麼?

vercel 上線了一個skills又是什麼?

如果我想在我的電腦內運行Skills,我須要從無到有的步驟是什麼?

你需要一個支援 Skills 的 AI Agent(例如 Claude Code / Cursor / Copilot 等)。我要如何在電腦有這些:

Chatgpt:

GitHub 是一個以 Git 版本控制系統為核心的「程式碼託管與協作平台」。簡單說,它是讓開發者可以存放程式碼、追蹤修改紀錄、多人協作開發的網站。

一句話理解Git 是工具;

GitHub 是把這個工具放到網路上,讓大家一起用的地方。


它由誰創立?

GitHub 於 2008 年創立,2018 年被 Microsoft 收購。


核心概念(用白話說)

1️⃣ Git(版本控制)

由 Linus Torvalds(也是 Linux 之父)開發。

它的功能是:

  • 記錄每一次修改
  • 可以回到舊版本
  • 多人同時開發不衝突

就像「程式碼的時光機 + 修改履歷表」。


2️⃣ Repository(儲存庫)

一個專案的資料夾。

裡面有:

  • 程式碼
  • 修改紀錄
  • 文件說明

3️⃣ Fork(分叉)

把別人的專案複製一份到自己帳號下,自己改。


4️⃣ Pull Request(合併請求)

改完後請原作者看看,要不要合併進正式版本。


GitHub 能做什麼?

✔ 儲存程式碼

✔ 開源專案分享✔ 團隊協作✔ 問題追蹤(Issue)✔ 自動化部署✔ 建立作品集(很多公司會看)



它為什麼重要?

全球大部分開源專案都在 GitHub 上,例如:

  • TensorFlow
  • React
  • Vue.js

幾乎所有現代軟體開發者都會使用。


用生活比喻

如果:

  • Word 是寫文章的工具
  • Google Drive 是放文件的地方

那麼:

  • Git 是記錄「每次改了什麼」的工具
  • GitHub 是讓大家一起寫、一起改、一起管理版本的網路空間

如果你看到 Vercel 最近上线了一个叫 “skills”/“skills.sh” 的東西,这不是指某個網頁技能或前端框架,而是它推出的一種 為 AI 智能體(Agents)擴展能力的生態系統。簡單說,它就像是 AI 的「插件商店」或「工具包」。(Vercel)


🧠 Skills 是什麼?

Skills(技能)是一些可重複使用、可被 AI 智能體呼叫的 功能模組或指令集


每個 Skill 都定義了一組輸入、輸出和執行行為,讓 AI 在執行任務時能靠它來完成特定工作,而不是自己亂想怎麼做。(InfoQ)


這些技能可以做很多事,例如:

  • 在程式碼中執行特定的分析或修正
  • 查詢資料庫或 API
  • 生成圖表、解析 PDF
  • 協助程式最佳化、部署等工程流程

它不是 AI 模型本身,而是給 AI 一組明確能執行的能力模塊。(Skills)


📦 Skills 生態包括什麼?

🛠️ 1) 技能安裝工具(CLI)

你可以用命令行安裝某個 Skill 模組,例如:

npx skills add vercel-labs/agent-skills

安裝完後,你的 AI 智能體就可以使用這個 Skill 的功能。(Vercel)


📚 2) skills.sh — 技能目錄與排行榜

Vercel 同時推出了 skills.sh 這個網站 — 就像是一個 AI 技能的“商店/目錄”

  • 可以瀏覽和搜索各種 Skills
  • 按人氣或類別排序技能
  • 看到技能下載和使用統計

這有點像 npm、App Store 的結構,但是給 AI 使用的技能。(Vercel)


🤖 Skills 的用途

Skills 的核心目標是 讓 AI 智能體更可靠、更專業地執行任務。它相比純 prompt(文字提示)的好處:

✔ 能定義清楚輸入、輸出與行為


✔ 能讓 AI 不靠“猜測”而是靠預定的模組來做事✔ 支持多種 AI 智能體(如 Claude Code、Cursor 等)✔ 讓開發者可以共享、重用和維護這些技能(Vercel)



🧠 一句話理解

Skills 就像是 AI 的插件或工具包,讓智能體能夠執行特定功能,而 skills.sh 是這些插件的公開市場目錄。(Vercel)


要在你的電腦上 從零開始安裝並運行 Skills.sh(也就是 Vercel 的 Skills CLI 和技能系統),可以按照下面這份「逐步教學」。Skills 是一種 CLI 工具,用來下載/管理 AI 智能體(Agents)的各種技能,並可本地執行這些功能。(Vercel)


🚀 前置要求(必須先準備)

在開始前,你的系統應該有:

  1. Node.js(v16+ 或以上)
    → 這是運行 CLI(命令列工具)的基礎環境
  2. 一個終端 / 命令提示字元(Terminal / CMD / PowerShell)

(若沒有安裝 Node.js,可先到 https://nodejs.org/ 下載安裝)


🧩 步驟 1 — 建立一個專案資料夾

在終端裡先建立專案:

mkdir my-skills-project
cd my-skills-project

這樣可以把 Skills 安裝在專案裡方便管理。


📦 步驟 2 — 初始化 Node.js 專案(可選)

雖然不是一定需要,但這樣能讓安裝更乾淨:

npm init -y

這會生成一個 package.json,方便追蹤你安裝的技能。


🛠️ 步驟 3 — 安裝 Skills CLI

Skills CLI 是用來安裝技能的工具(類似 npm 做套件管理)。你可以透過 npx 即時使用它:

npx skills

如果 CLI 沒出錯,就表示可以正常使用。


📥 步驟 4 — 安裝第一個 Skills

常見做法是直接從 GitHub 安裝官方的一整組技能,例如:

npx skills add vercel-labs/agent-skills

這會把這個技能套件下載並安裝到你的專案資料夾中。安裝完成之後,相應的技能就會放在標準目錄裡(例如 skills/.cursor/skills/ 等)。(图钉AI导航)


🔍 步驟 5 — 查看或搜尋可用技能

你也可以用 CLI 來搜尋看到底有哪些技能:

npx skills find [查詢關鍵字]

例如:

npx skills find react

這會尋找跟 React 有關的技能包。(Skills)


🧠 步驟 6 — 建立或自訂技能(可選)

如果你想讓技能更貼近你的專案,可以自己編寫技能。通常做法是:

mkdir -p .skills

然後在這個資料夾新增一個 Markdown 檔,例如:

---
name: my-awesome-skill
description:AI 了解專案特殊規則
---

這裡填入技能運作邏輯或規範內容

這些 SKILL 文件會被 Agent 索引並在運行時使用。


⚙️ 步驟 7 — 讓 AI Agent 使用這些 Skills

Skills 本身只是一套定義和可執行的描述文件,它們由支援 Skills 的 AI Agent(例如 Claude Code、Cursor、Copilot 等)讀取並在對話過程中觸發。

不同 Agent 的具體整合方式不一樣,例如:

  • 在 Claude 中上傳 Skill 設定
  • 在 Cursor 編輯器裡自動索引 .cursor/skills
  • 在其他工具用指令呼叫

目前 CLI 負責安裝與管理,而 Agent 本身決定什麼時候用到這些技能。


🧪 步驟 8 — 本地測試(如果有支援)

某些 Agent 或整合工具允許你在本地跑起來測試:

  • 在編輯器開啟該專案
  • 提問時觸發已安裝的技能
  • 觀察 AI 輸出是否根據技能規則運作

是否能「真正」本地執行取決於你選擇的 Agent 和編輯環境(例如 Claude Code、Cursor、Copilot 等)。


🧠 小結

步驟目的

建資料夾

準備專案空間

初始化 Node

管理安裝

安裝 CLI

取得技能管理工具

安裝技能

實際下載能力模組

搜尋技能

探索可用的功能

自訂技能

建立自有的能力包

讓 Agent 使用

讓 AI 智能體運用技能


📌 重點提醒

Skills 不是 AI 模型,它只是給 AI 一組可執行的能力模組。(Vercel)

✔ 你需要一個支援 Skills 的 AI Agent(例如 Claude Code / Cursor / Copilot 等) 才能真正觸發這些技能。


✔ CLI 主要用來 安裝、搜尋、更新、管理技能。(Vercel)


很好,這題才是關鍵。


Skills 本身不會「自己運行」,它需要一個支援 Skills 的 AI Agent 來讀取與觸發。


下面我用「從零到能用」的方式,分別教你如何在電腦上準備這三種常見 Agent:


方案一:安裝 Cursor(最簡單)

👉 這是目前最容易整合 Skills 的方式。

步驟 1 — 下載 Cursor

  1. 打開瀏覽器
  2. 前往 https://cursor.sh
  3. 下載 Windows / Mac 版本
  4. 安裝完成後登入帳號

步驟 2 — 建立專案

打開 Cursor

→ Open Folder→ 選擇你的 skills 專案資料夾



步驟 3 — 安裝 Skills

在專案終端機輸入:

npx skills add vercel-labs/agent-skills

安裝後通常會出現 .cursor/skillsskills/ 目錄。


步驟 4 — 使用

在 Cursor 的 AI 對話視窗中提問,

如果技能符合任務,它會自動觸發。

✔ 最簡單

✔ 視覺化操作✔ 不用太多設定

適合初學者。


方案二:使用 Claude Code

這是 Anthropic 推出的開發者 CLI。

步驟 1 — 安裝 Node.js

https://nodejs.org 安裝 LTS 版本。


步驟 2 — 安裝 Claude CLI

npm install -g @anthropic-ai/claude-cli

步驟 3 — 設定 API Key

  1. 到 Anthropic 官網申請 API Key
  2. 在終端輸入:
export ANTHROPIC_API_KEY=你的key

(Windows 用 setx)


步驟 4 — 在專案中安裝 Skills

同樣執行:

npx skills add vercel-labs/agent-skills

步驟 5 — 啟動 Claude

claude

然後在該專案中與它對話。

✔ 比較工程向

✔ CLI 操作✔ 可高度自訂


方案三:使用 GitHub Copilot

由 Microsoft 推出。

步驟 1 — 安裝 Visual Studio Code

下載並安裝 VS Code。


步驟 2 — 安裝 Copilot 外掛

在 VS Code Extensions 搜尋:

GitHub Copilot

然後登入 GitHub 帳號。


⚠ 注意:

Copilot 對 Skills 的支援程度目前不如 Cursor 明確。如果你目的是測試 Vercel Skills,建議用 Cursor。



簡單選擇建議(給你)

如果你是:

  • 🔰 初學者 → 用 Cursor
  • 🧑‍💻 想 CLI 深度整合 → Claude Code
  • 🏢 公司已用 VS Code → Copilot

核心概念整理

Skills = 插件

Agent = 會讀插件的 AI你電腦只要有「一個 Agent + Skills CLI」就能運作






留言
avatar-img
銘記星辰之下的沙龍
10會員
458內容數
2026/02/19
世界上有兩種價值觀,一是「應該怎樣才對」,二是「實際上怎麼做才行」。最好的情況是:兩邊平衡調整,「應該」像北極星,告訴我們要往哪走;「實際」像開車的人,負責看路、踩油門、轉彎。 一是理想派價值規範;一是現實派的權力現實,治理秩序。 但,不能從「事實」直接推出「應當」。不能從「應當」直接推出「事實」。
2026/02/19
世界上有兩種價值觀,一是「應該怎樣才對」,二是「實際上怎麼做才行」。最好的情況是:兩邊平衡調整,「應該」像北極星,告訴我們要往哪走;「實際」像開車的人,負責看路、踩油門、轉彎。 一是理想派價值規範;一是現實派的權力現實,治理秩序。 但,不能從「事實」直接推出「應當」。不能從「應當」直接推出「事實」。
2026/02/15
當道德與法律在一制度行動上互相矛盾時,如何才能亡羊補牢,不再重複發生兩者矛盾。 在法律規範與個人良知的拉扯中,我們常陷入秩序與人性的糾結。 要化解這種矛盾,必須整合「順向思考」(法治秩序)與「逆向思考」(道德溯源),尋求一種多贏平衡的思考。
2026/02/15
當道德與法律在一制度行動上互相矛盾時,如何才能亡羊補牢,不再重複發生兩者矛盾。 在法律規範與個人良知的拉扯中,我們常陷入秩序與人性的糾結。 要化解這種矛盾,必須整合「順向思考」(法治秩序)與「逆向思考」(道德溯源),尋求一種多贏平衡的思考。
2026/02/08
一個人想提升自己,關鍵在於學習時要廣泛涉獵,能容納不同觀點與知識,即使過程中會感到混亂與不確定。輸出觀點時,則要聚焦、深入,把重點講清楚,而不是發散延伸。很多人剛好相反:學習時嫌複雜、怕麻煩,無法承受廣博帶來的壓力;表達時卻東拉西扯,鋪陳大量細節,看似豐富,其實只是在掩飾自身輸入不夠扎實的問題。
2026/02/08
一個人想提升自己,關鍵在於學習時要廣泛涉獵,能容納不同觀點與知識,即使過程中會感到混亂與不確定。輸出觀點時,則要聚焦、深入,把重點講清楚,而不是發散延伸。很多人剛好相反:學習時嫌複雜、怕麻煩,無法承受廣博帶來的壓力;表達時卻東拉西扯,鋪陳大量細節,看似豐富,其實只是在掩飾自身輸入不夠扎實的問題。
看更多
你可能也想看
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
以前總覺得腦袋不好使,書背了就忘,後來羊羹才驚覺,原來遺忘不是學習的敵人,而是大腦為了變聰明的主動清理程序。就像張無忌忘光招式才懂太極劍,不再死記硬背,而是學會建立知識的連結網。掌握大腦的斷捨離機制,讓雜訊退去,留下的邏輯與直覺,才是真正帶得走的能力,讓學習變成了腦內的一場演化。
Thumbnail
以前總覺得腦袋不好使,書背了就忘,後來羊羹才驚覺,原來遺忘不是學習的敵人,而是大腦為了變聰明的主動清理程序。就像張無忌忘光招式才懂太極劍,不再死記硬背,而是學會建立知識的連結網。掌握大腦的斷捨離機制,讓雜訊退去,留下的邏輯與直覺,才是真正帶得走的能力,讓學習變成了腦內的一場演化。
Thumbnail
明明擁有高智商,卻常在生活中犯下離奇的低級錯誤?本文探討大腦的「雙軌制」運作,分析「理性中樞」與「直覺反射區」的能量分配,並提出三個「思維防火牆」策略:建立瑣事演算法、利用腦內模擬馴化野獸、延遲滿足後的冷靜回放,幫助讀者掌握大腦切換時機,奪回人生決策權,實現平衡人生的最高智慧。
Thumbnail
明明擁有高智商,卻常在生活中犯下離奇的低級錯誤?本文探討大腦的「雙軌制」運作,分析「理性中樞」與「直覺反射區」的能量分配,並提出三個「思維防火牆」策略:建立瑣事演算法、利用腦內模擬馴化野獸、延遲滿足後的冷靜回放,幫助讀者掌握大腦切換時機,奪回人生決策權,實現平衡人生的最高智慧。
Thumbnail
直覺不是玄學,而是大腦的高效演算法!本文結合神經科學家《直覺鍛鍊》的 SMILE 法則,從數據工程師的視角解析:為何情緒是決策的雜訊?何時該信直覺,何時該開 Excel?掌握這 5 個關鍵參數,助你在投資、職涯與副業中,達成高效率、低失誤的精準決策。
Thumbnail
直覺不是玄學,而是大腦的高效演算法!本文結合神經科學家《直覺鍛鍊》的 SMILE 法則,從數據工程師的視角解析:為何情緒是決策的雜訊?何時該信直覺,何時該開 Excel?掌握這 5 個關鍵參數,助你在投資、職涯與副業中,達成高效率、低失誤的精準決策。
Thumbnail
MIT 研究揭示,頻繁使用 AI 如 ChatGPT,會顯著降低大腦在認知、注意力和創造力方面的活動。我們天性愛走捷徑,但大腦需要「摩擦」才能學習。當科技提供「無摩擦」的舒適時,我們正將思考能力外包,陷入「連續部分注意力」的陷阱,最終可能導致「愚蠢生成社會」。別讓 AI 榨乾你大腦的靈魂
Thumbnail
MIT 研究揭示,頻繁使用 AI 如 ChatGPT,會顯著降低大腦在認知、注意力和創造力方面的活動。我們天性愛走捷徑,但大腦需要「摩擦」才能學習。當科技提供「無摩擦」的舒適時,我們正將思考能力外包,陷入「連續部分注意力」的陷阱,最終可能導致「愚蠢生成社會」。別讓 AI 榨乾你大腦的靈魂
Thumbnail
人們總是談論樂觀主義者,那些似乎總是看到事物光明面的人。你會好奇,他們腦子裡到底在想什麼?這只是一種說法,還是他們的大腦運作方式有什麼根本性的不同?與此同時,樂觀主義者往往對自己的社交關係更滿意,並擁有更廣泛的社交網路。但這是什麼原因呢? 
Thumbnail
人們總是談論樂觀主義者,那些似乎總是看到事物光明面的人。你會好奇,他們腦子裡到底在想什麼?這只是一種說法,還是他們的大腦運作方式有什麼根本性的不同?與此同時,樂觀主義者往往對自己的社交關係更滿意,並擁有更廣泛的社交網路。但這是什麼原因呢? 
Thumbnail
如果你的工作要求高功率用腦,那麼你就得對環境和心境高度敏感。大腦不是孤立的思考機器,它的功能會受到身體、周圍的環境及人的強烈影響。如果能運用外在環境所創造的條件,就能更有效發揮大腦的本能。
Thumbnail
如果你的工作要求高功率用腦,那麼你就得對環境和心境高度敏感。大腦不是孤立的思考機器,它的功能會受到身體、周圍的環境及人的強烈影響。如果能運用外在環境所創造的條件,就能更有效發揮大腦的本能。
Thumbnail
提到思考的「樣貌」,你腦中浮現的情境是什麼樣的呢? 是一個人神情嚴肅,眉頭深鎖,用手撐著下巴,就像那座知名雕像「沉思者」一樣;還是腰桿挺直,正襟危坐的在電腦前,盯著未完成的PPT或word呢? 如果這是你最先想到的「思考樣貌」,那推薦你,一定要看完這篇文章。
Thumbnail
提到思考的「樣貌」,你腦中浮現的情境是什麼樣的呢? 是一個人神情嚴肅,眉頭深鎖,用手撐著下巴,就像那座知名雕像「沉思者」一樣;還是腰桿挺直,正襟危坐的在電腦前,盯著未完成的PPT或word呢? 如果這是你最先想到的「思考樣貌」,那推薦你,一定要看完這篇文章。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News