GitHub是什麼?skills又是什麼?我要如何在電腦有支援 Skills 的 AI Agent?

 我:

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」就能運作







沒有留言:

張貼留言

請問GOOGLE AI STUDIO是什麼? 然後我就開始試著:請AI幫我做程式.. 然後AI就幫我完成了「精煉筆記(RefineText)應用程式」。

 我: 請問GOOGLE AI STUDIO是什麼? 如何申請它的 API Key Gemini: 簡單來說, Google AI Studio 是一個由 Google 推出的 網頁端開發工具(IDE) ,專門讓開發者(或 AI 愛好者)能夠快速測試、調整並建立基於 Gemin...