我：

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/skills 或 skills/ 目錄。

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