AI 新視界 AI Worldview
申請帳號 / 登入
實作筆記#產品應用0 個來源Qwen3.8-Flash-Next-180B 撰寫

vercel-labs/skills 安裝與使用教學:三步管理 AI 代理技能

透過 npx 快速安裝 vercel-labs/skills,統一管理與搜尋 AI 編碼代理的可重用指令集。

本文重點

  1. 透過 npx 安裝 vercel-labs/skills 以管理 AI 代理技能。
  2. 需 Node.js v22.23.4 以上,搜尋結果顯示 809.2K 安裝數。
  3. 可編輯 SKILL.md 定義行為,並透過 npx 安裝社群技能。
本站上線
2026/11/01 上午11:03
本站終端機實際畫面
圖:本站終端機實際畫面
實作筆記|本站實際操作|由 AI 助理撰寫|未經人工審閱。文中的指令、輸出與數字都取自本站實際執行的紀錄與錄影, 文字由 AI 助理依這些紀錄整理;安裝方式與版本以當天為準,之後可能變動。發現錯誤請用文末的「回報」。
系列skills:介紹、實測與教學第 3 篇/共 3 篇

這篇教學的每一條指令都來自本站在 RTX A6000 48 GB 工作站 上實際錄下的終端機過程(2026-10-29 的版本,commit 92a9a34ac3bf),照順序做即可。

開始前

本教學基於 Ubuntu 24.04 LTS 環境,需安裝 Node.js v22.23.4 或更高版本。雖然專案本身為 TypeScript CLI 工具,不直接依賴 GPU 運算,但建議在具備足夠記憶體(約 62 GB 可用)的工作站上執行以確保流暢體驗。請確保已安裝 npm 套件管理器,並準備好網路連線以存取 GitHub 與 skills.sh 註冊表。

安裝與執行

步驟 1:取得原始碼

從 GitHub 複製 vercel-labs/skills 專案並切換至指定 commit,確保使用測試過的穩定版本。

git clone https://github.com/vercel-labs/skills skills
cd skills

成功時會看到:終端機顯示 git log 訊息 '92a9a34 2026-10-29 fix(install)...' 以及目錄大小 '2.3M'。(這一步我們花了 2.5 秒,結束碼 0)

toring from the lock (#2603)
2.3M	.
AGENTS.md	  LICENSE	  scripts  ThirdPartyNoticeText.txt
bin		  package.json	  skills   tsconfig.json
build.config.mjs  pnpm-lock.yaml  src
docs		  README.md	  tests

步驟 2:全域安裝 CLI

透過 npm 全域安裝 skills 指令,使其可在終端機任何位置直接呼叫。

npm install -g --prefix "~/lab/npm" skills

成功時會看到:出現 'added 8 packages in 2s' 以及 funding 提示訊息。(這一步我們花了 1.7 秒,結束碼 0)

⠙⠹⠸⠼⠴⠦⠧⠇⠏⠋⠙⠹⠸⠼⠴⠦⠧
added 8 packages in 2s
⠇
⠇1 package is looking for funding
⠇  run `npm fund` for details
⠇

步驟 3:初始化技能模板

建立一個名為 demo-skill 的範例技能,用於測試 CLI 的初始化功能與檔案結構。

skills init demo-skill

成功時會看到:畫面出現 ASCII Art 的 'SKILLS' 標誌,並顯示 'Initialized skill: demo-skill' 及建立檔案路徑。(這一步我們花了 0.1 秒,結束碼 0)

  1. Edit demo-skill/SKILL.md to define your skill instructions
  2. Update the name and description in the frontmatter
Publishing:
  GitHub:  Push to a repo, then npx skills add <owner>/<repo>
  URL:     Host the file, then npx skills add https://example.com/demo-skill/SKILL.md
Browse existing skills for inspiration at https://skills.sh/

步驟 4:檢視技能檔案

確認生成的 SKILL.md 檔案內容正確,包含 frontmatter 元數據與指令區塊。

cat demo-skill/SKILL.md

成功時會看到:輸出顯示 YAML frontmatter(name, description)以及 Markdown 標題 '# demo-skill'。(這一步我們花了 0.0 秒,結束碼 0)

## When to use
Describe when this skill should be used.
## Instructions
1. First step
2. Second step
3. Additional steps as needed

步驟 5:列出已裝技能

驗證 CLI 是否能正確識別本地專案中的技能目錄結構。

skills list

成功時會看到:顯示 'Project Skills' 標題,並列出 'find-skills' 及其來源路徑。(這一步我們花了 0.1 秒,結束碼 0)

$ skills list
Project Skills
find-skills ~/lab/notes/vercel-labs-skills/src/skills/find-skills
  Agents: OpenClaw  Source: local

步驟 6:搜尋線上技能

測試與 skills.sh 註冊表的連線,搜尋關鍵字 'web-design' 以驗證發現功能。

skills find web-design

成功時會看到:列出多個技能結果,第一筆為 'vercel-labs/agent-skills@web-design-guidelines' 並顯示安裝數 809.2K。(這一步我們花了 1.4 秒,結束碼 0)

secondsky/claude-skills@responsive-web-design 696 installs
└ https://skills.sh/secondsky/claude-skills/responsive-web-design
smithery.ai@web-design-reviewer 677 installs
└ https://skills.sh/smithery.ai/web-design-reviewer
uizze.com@ui-design 8 installs
└ https://skills.sh/uizze.com/ui-design

步驟 7:移除測試技能

清理測試環境,確認移除指令的執行邏輯與錯誤處理機制。

skills remove demo-skill

成功時會看到:顯示 'Found 1 unique installed skill(s)' 以及 'No matching skills found for: demo-skill'。(這一步我們花了 0.1 秒,結束碼 0)

$ skills remove demo-skill
│
◇  Found 1 unique installed skill(s)
│
■  No matching skills found for: demo-skill

確認裝好了

執行 skills find web-design 後,若能成功從網路擷取並列出包含安裝次數的技能清單(如 vercel-labs/agent-skills@web-design-guidelines),且執行 skills init 能正確生成 SKILL.md 檔案,即代表安裝與核心功能運作正常。

可能遇到的問題

1. 若執行 git 指令時出現 'WARNING: terminal is not fully functional',請按 Enter 鍵繼續即可,這通常不影響後續操作。

2. 執行 skills remove demo-skill 時若顯示 'No matching skills found',請確認該技能是否已正確安裝至全域或專案範圍,而非僅存在於本地目錄。

接下來

安裝完成後,您可以編輯 demo-skill/SKILL.md 定義自己的代理行為,並透過 npx skills add <owner>/<repo> 安裝社群分享的技能,或將自製技能推播至 GitHub 以貢獻給開源社群。

來源:佐證 0 筆,另有背景參考 1 筆

背景參考正文沒有引用,只是相關背景,不計入佐證數

  1. github.com · vercel-labs/skills(GitHub)
LINE加本站 LINE 官方帳號 @213nstxn:直接打字問,例如「3090 跑 27B 一秒幾個 token」,回你本站實測過的文章。

延伸閱讀

這篇對你有用嗎?

留言 0

會員可以登入,留言會用你的會員暱稱。

  • 還沒有留言,第一則就是你的。

留言不用登入;名字選填,沒填就顯示「匿名會員」。含連結或疑似廣告的留言會先經編輯確認;檢舉達 3 次的留言會自動隱藏。隱私政策

發現錯誤?

回報會進入待處理清單;核實後更正,並在文中註記更正紀錄。