我:
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)
🚀 前置要求(必須先準備)
在開始前,你的系統應該有:
- Node.js(v16+ 或以上)
→ 這是運行 CLI(命令列工具)的基礎環境 - 一個終端 / 命令提示字元(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
- 打開瀏覽器
- 前往 https://cursor.sh
- 下載 Windows / Mac 版本
- 安裝完成後登入帳號
步驟 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
- 到 Anthropic 官網申請 API Key
- 在終端輸入:
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」就能運作
沒有留言:
張貼留言