讓你的 AI 編程助手戰(zhàn)斗力翻倍的終極指南

什么是 Skills？

Skills（技能）是 Agent 的能力擴(kuò)展模塊，就像給 AI 裝上專(zhuān)業(yè)技能包。通過(guò)安裝不同的 Skills，你的 OpenCode 可以：

• ?? 掌握特定領(lǐng)域的最佳實(shí)踐
• ?? 獲得專(zhuān)業(yè)工具的操作能力
• ?? 執(zhí)行標(biāo)準(zhǔn)化的工作流程
• ?? 擁有外部記憶和規(guī)劃能力

一、安裝方式總覽

方式一：skills CLI（推薦）

Vercel 官方提供的命令行工具，最簡(jiǎn)單直接：

# 查看已安裝的技能
npx skills list
# 安裝技能（-y 自動(dòng)確認(rèn)）
npx skills add <owner/repo> -y
# 安裝指定分支
npx skills add <owner/repo>#main -y
# 安裝本地技能
npx skills add ./path/to/skill

方式二：Agent Reach

專(zhuān)為信息獲取設(shè)計(jì)的工具，支持 RSS、網(wǎng)頁(yè)、GitHub 倉(cāng)庫(kù)等多渠道：

# 安裝
pip install https://github.com/Panniantong/agent-reach/archive/main.zip
# 配置（自動(dòng)檢測(cè)環(huán)境）
agent-reach install --env=auto --safe

支持的信息源：

• ? RSS/Atom 訂閱源
• ? 任意網(wǎng)頁(yè)（通過(guò) Jina Reader）
• ? GitHub 倉(cāng)庫(kù)（需安裝 gh CLI）
• ? YouTube/B站視頻（需安裝 yt-dlp）

二、必裝 Skills 推薦

?? 項(xiàng)目開(kāi)發(fā)（程序員必備）

1. superpowers - 完整 AI 編程框架

npx skills add obra/superpowers -y 

包含 14 個(gè)技能：

適用場(chǎng)景： 大型項(xiàng)目開(kāi)發(fā)、高質(zhì)量代碼產(chǎn)出、團(tuán)隊(duì)協(xié)作

2. planning-with-files - 最強(qiáng)外部記憶

npx skills add OthmanAdi/planning-with-files -y 

核心能力：

• ?? 使用 Markdown 文件作為外部記憶
• ?? 解決 AI 上下文丟失問(wèn)題
• ?? 任務(wù)規(guī)劃與進(jìn)度追蹤
• ?? 復(fù)雜項(xiàng)目不跑偏

工作原理： 借鑒 Manus AI 的核心模式，創(chuàng)建 task_plan.md、findings.md、progress.md 三個(gè)文件，讓 AI 始終保持項(xiàng)目全局視圖。

適用場(chǎng)景： 復(fù)雜多步驟任務(wù)、長(zhǎng)周期項(xiàng)目、研究分析

3. vercel-labs/agent-skills - React/Next.js 最佳實(shí)踐

npx skills add vercel-labs/agent-skills -y 

包含技能：

• vercel-react-best-practices - React 性能優(yōu)化規(guī)范
• web-design-guidelines - Web 界面設(shè)計(jì)規(guī)范
• vercel-deploy - 一鍵部署到 Vercel

適用場(chǎng)景： 前端開(kāi)發(fā)、React/Next.js 項(xiàng)目、Web 應(yīng)用部署

?? 內(nèi)容創(chuàng)作（博主/創(chuàng)作者必備）

4. remotion-dev/skills - 視頻動(dòng)畫(huà)生成

npx skills add remotion-dev/skills -y 

核心能力：

• ?? 一句話生成專(zhuān)業(yè)動(dòng)畫(huà)
• ?? 可編輯的 React 組件
• ?? 程序化視頻制作
• ?? 音樂(lè)可視化

適用場(chǎng)景： 教程視頻、產(chǎn)品演示、社交媒體內(nèi)容

5. baoyu-skills - 寶玉老師自用合集

npx skills add JimLiu/baoyu-skills -y 

包含 18 個(gè)技能：

適用場(chǎng)景： 內(nèi)容創(chuàng)作者完整工作流、自媒體運(yùn)營(yíng)

?? Skills 管理

6. anthropics/skills - 官方技能創(chuàng)建工具

npx skills add anthropics/skills -y 

包含技能：

• skill-creator - 引導(dǎo)式創(chuàng)建自定義技能
• doc-coauthoring - 協(xié)作式文檔編寫(xiě)
• brand-guidelines - 品牌規(guī)范應(yīng)用

7. vercel-labs/skills - find-skills 工具

npx skills add vercel-labs/skills -y 

核心能力：

• ?? 交互式搜索技能
• ?? 快速定位安裝
• ?? 按需求推薦

三、一站式安裝命令

# 復(fù)制以下命令，一次性安裝全部推薦技能
npx skills add obra/superpowers -y
npx skills add OthmanAdi/planning-with-files -y
npx skills add vercel-labs/agent-skills -y
npx skills add remotion-dev/skills -y
npx skills add JimLiu/baoyu-skills -y
npx skills add anthropics/skills -y
npx skills add vercel-labs/skills -y
# 驗(yàn)證安裝
npx skills list

預(yù)計(jì)安裝技能總數(shù)：41+

四、Skills 資源平臺(tái)

在線市場(chǎng)

開(kāi)源倉(cāng)庫(kù)精選

五、如何使用已安裝的 Skills

在 OpenCode 中調(diào)用

# 方式一：斜杠命令
/planning-with-files
/brainstorming
/skill-creator
# 方式二：自然語(yǔ)言描述
"幫我用 TDD 的方式開(kāi)發(fā)一個(gè)用戶(hù)登錄功能"
"給我的文章生成一張小紅書(shū)風(fēng)格的配圖"
"創(chuàng)建一個(gè)關(guān)于項(xiàng)目架構(gòu)的 planning 文件"

技能自動(dòng)激活

OpenCode 會(huì)根據(jù)你的描述自動(dòng)識(shí)別并激活相關(guān)技能：

• 說(shuō) "調(diào)試 bug" → 自動(dòng)調(diào)用 systematic-debugging
• 說(shuō) "規(guī)劃項(xiàng)目" → 自動(dòng)調(diào)用 planning-with-files
• 說(shuō) "寫(xiě)公眾號(hào)文章" → 自動(dòng)調(diào)用 blog-post-writer

六、自定義 Skills

創(chuàng)建自己的技能

# 使用官方 skill-creator
/skill-creator

Skills 目錄結(jié)構(gòu)

~/.claude/skills/
├── my-custom-skill/
│   ├── SKILL.md          # 技能說(shuō)明文檔
│   ├── commands/         # 斜杠命令
│   └── resources/        # 資源文件

SKILL.md 模板

# 技能名稱(chēng)
## 描述
一句話描述這個(gè)技能的作用
## 觸發(fā)條件
- 關(guān)鍵詞1
- 關(guān)鍵詞2
## 工作流程
1. 步驟一
2. 步驟二
3. 步驟三
## 輸出格式
描述期望的輸出格式

七、常見(jiàn)問(wèn)題

Q: Skills 安裝到哪里了？

Skills 會(huì)自動(dòng)同步到多個(gè) Agent 平臺(tái)：

• ~/.claude/skills/ - Claude Code
• ~/.openclaw/skills/ - OpenClaw
• ~/.agents/skills/ - 其他 Agent
• ~/.cursor/skills/ - Cursor

Q: 如何更新已安裝的 Skills？

npx skills update <owner/repo> 

Q: 如何刪除不需要的 Skills？

npx skills remove <skill-name> 

Q: 安裝后找不到技能？

• 重啟 OpenCode
• 檢查 npx skills list 是否顯示
• 確認(rèn) ~/.claude/skills/ 目錄存在

八、進(jìn)階推薦

瀏覽器自動(dòng)化

npx skills add browser-use/browser-use -y    # 網(wǎng)站操作、自動(dòng)化測(cè)試 

人機(jī)協(xié)同

# MapleClaw 楓爪 - 人機(jī)共生協(xié)同平臺(tái)
# https://gitee.com/hongmaple/mapleclaw

網(wǎng)站審計(jì)

npx skills add coreyhaines31/marketingskills -y  # SEO 審計(jì)

總結(jié)

一句話總結(jié)： 用 npx skills add 安裝技能，用斜杠命令或自然語(yǔ)言調(diào)用，讓 OpenCode 成為你的全能編程助手。

到此這篇關(guān)于OpenCode Skills 安裝的實(shí)現(xiàn)步驟的文章就介紹到這了,更多相關(guān)OpenCode Skills 安裝內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評(píng)論