技能是 AI 智能体可复用的能力。只需一条命令即可安装，让你的智能体获得流程性知识，从而实现能力增强。

官网：https://skills.sh

Skill优点

Skill大致做了如下功能：预定义脚本、工具调用、外部 API 等能力，让模型具备：

• 网页搜索、实时信息获取
• 前端设计、代码生成与美化
• 文档读写（docx、pdf、excel）
• 浏览器自动化、接口测试
• 本地文件操作、批量处理

Skill缺点

注意，不能只看到Skill的好处，也需要了解缺点：

技能过多会增加上下文负担，建议：

• 只保留常用技能
• 定期清理不使用的插件
• 不安装来源不明、代码未开源的技能

安装技能Cli

似乎需要node版本比较高，Node.js 18 LTS 及以上版本（建议 20.x）

npx skills add vercel-labs/agent-skills

通过 技能Cli 找技能

具体技能清单在官网：https://skills.sh

我们可以网站上找到我们需要的Skill

比如：https://skills.sh/anthropics/skills/frontend-design

安装命令

npx skills add https://github.com/anthropics/skills --skill frontend-design

选择你的AI IDE，回车、选择Global、选择Yes、

npx skills add https://github.com/anthropics/skills --skill frontend-design

███████╗██╗  ██╗██╗██╗     ██╗     ███████╗
██╔════╝██║ ██╔╝██║██║     ██║     ██╔════╝
███████╗█████╔╝ ██║██║     ██║     ███████╗
╚════██║██╔═██╗ ██║██║     ██║     ╚════██║
███████║██║  ██╗██║███████╗███████╗███████║
╚══════╝╚═╝  ╚═╝╚═╝╚══════╝╚══════╝╚══════╝

┌   skills 
│
◇  Source: https://github.com/anthropics/skills.git
│
◇  Repository cloned
│
◇  Found 18 skills
│
●  Selected 1 skill: frontend-design
│
◇  45 agents
◇  Which agents do you want to install to?
│  Amp, Antigravity, Cline, Codex, Cursor, Deep Agents, Firebender, Gemini CLI, GitHub Copilot, Kimi Code CLI, OpenCode, Warp
│
◇  Installation scope
│  Global

│
◇  Installation Summary ────────────────────────────────────╮
│                                                           │
│                                                           │
│  Example Skills                                           │
│                                                           │
│  ~/.agents/skills/frontend-design                         │
│    copy → Amp, Antigravity, Cline, Codex, Cursor +7 more  │
│    overwrites: Cline, Codex, Warp                         │
│                                                           │
├───────────────────────────────────────────────────────────╯
│
◇  Security Risk Assessments ─────────────────────────────────────╮
│                                                                 │
│                   Gen               Socket            Snyk      │
│  frontend-design  Safe              0 alerts          Low Risk  │
│                                                                 │
│  Details: https://skills.sh/anthropics/skills                   │
│                                                                 │
├─────────────────────────────────────────────────────────────────╯
│
◇  Proceed with installation?
│  Yes
│
◇  Installation complete

│
◇  Installed 1 skill ────────────────────╮
│                                        │
│                                        │
│  Example Skills                        │
│  ✓ frontend-design (copied)            │
│    → ~/.agents/skills/frontend-design  │
│    → ~/.agents/skills/frontend-design  │
│    → ~/.agents/skills/frontend-design  │
│    → ~/.agents/skills/frontend-design  │
│    → ~/.agents/skills/frontend-design  │
│    → ~/.agents/skills/frontend-design  │
│    → ~/.agents/skills/frontend-design  │
│    → ~/.agents/skills/frontend-design  │
│    → ~/.agents/skills/frontend-design  │
│    → ~/.agents/skills/frontend-design  │
│    → ~/.agents/skills/frontend-design  │
│    → ~/.agents/skills/frontend-design  │
│                                        │
├────────────────────────────────────────╯

│
└  Done!  Review skills before use; they run with full agent permissions.

重启AI IDE才可使用

重启你的AI-IDE 例如 CodeX、Cursor等等 。重启后就可以使用了对应的Skill了

你输入”/“ 会弹窗让你回车选择。选择后，后续AI的IDE就会使用此Skill

推荐的热门Skill

兄弟们，我Mac爽了之后，在Windows的CodeX使用，一个都不行。但是别急，😎没人比AI更懂AI。

告诉你的CodeX或者任何的AI IDE：给我安装如下Skill。

它就会自动帮你安装的

万能类

Pua Skill 「聪明人必装」

# Pua（避免AI耍滑头）
npx skills add https://github.com/tanweai/pua --skill pua

Brainstorming「将创意头脑风暴转化为设计」

npx skills add https://github.com/obra/superpowers --skill brainstorming

业力指南

一个“编码行为准则”技能。它会让模型在写代码、改代码、做 review、重构时更像一个保守的 senior engineer，少犯 LLM 常见错误。

npx skills add https://github.com/forrestchang/andrej-karpathy-skills --skill karpathy-guidelines

文档类

Docx

# Docx （创建、阅读、编辑和操作 Word 文档（.docx 文件），并可完全控制格式。）
npx skills add https://github.com/anthropics/skills --skill docx

XLSX

npx skills add https://github.com/anthropics/skills --skill xlsx

PDF

npx skills add https://github.com/anthropics/skills --skill pdf

PPTX

npx skills add https://github.com/anthropics/skills --skill pptx

前端设计类

web-design-guidelines

# 前端设计
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines

frontend-design

npx skills add https://github.com/anthropics/skills --skill web-artifacts-builder

联网搜索类

tavily-search

# tavily 搜索（使用 LLM 优化结果、内容摘要和相关性评分进行网络搜索。 应该挺不错的，注意使用的时候，你需要准备Tavity的ApiKey，咸鱼一般1块钱个。1个能用1000次/月，只要不封就可以一直用）这个我建议单独开个回话，输入你的秘钥，让AI帮你调试好。例如：避免重复登录等。
npx skills add https://github.com/tavily-ai/skills --skill tavily-search

agent-browser

# Agent 浏览器（让AI IDE更好的调用浏览器。    注意：使用的时候 可以让AI帮你调试好此Skill！你在安装一个Chrome Canary，然后配置AGENT_BROWSER_EXECUTABLE_PATH 等这个Skill所需要使用的系统变量）
npx skills add https://github.com/vercel-labs/agent-browser --skill agent-browser

测试类

webapp-testing

# webapp-testing（用于测试具有服务器生命周期管理的本地 Web 应用程序的原生 Python Playwright 脚本。 搞网页测试的）
npx skills add https://github.com/anthropics/skills --skill webapp-testing

「后话」Codex安装Skill会遇到问题

skills.sh 的插件（Agent Skills）并非完全不支持 Codex，而是因为 Codex 有严格的原生格式、路径和长度限制，导致 skills.sh 的通用安装逻辑经常安装失败、不显示、或直接被 Codex 忽略。

Codex的Skill比较特殊，使用--host codex：直接生成 Codex 兼容格式，--force：强制覆盖，解决权限问题

npx skills add frontend-design --host codex --force

还有一个办法就是：你丢给skill的项目链接，让Codex自己安装Skill。

让AI进行检查Skill可高效使用「大范围检测电脑Skill」

必须让你Ai IDE检查相关Skill是否可用。

因为你安装，不见得你的Agent真的能用，能好用，能用好！

检查提示词

帮我检查如下：skill是否正确的安装到了电脑上。
以及是否可正常运行，有没有因为配置或者其他的导致性能问题。
（这里附上你的安装命令）
npx skills add https://github.com/tanweai/pua --skill pua
npx skills add https://github.com/anthropics/skills --skill docx
等等，你自行修改！

检查结果

现在这批 skill 基本都修好了，而且我已经做过真实冒烟，不是只看目录。

结果

web-design-guidelines：正常。已确认能拉取最新规范源。
frontend-design：安装正常、引用完整。这个 skill 仍然会依赖设计上下文，这是它本身的工作方式，不是安装问题。
pua：正常。引用资料完整，我还把本地持久化目录补齐了。
agent-browser：正常。已实际执行 open about:blank -> snapshot -i -> close 成功。
docx：已修好。现在能生成 .docx、通过校验、解包、再转 pdf/jpg。
tavily-search：正常。已实际搜索成功；我还补装了 tavily-cli、tavily-extract、tavily-research，原来的断链引用也修好了。
webapp-testing：已装好并修到可运行。with_server.py --help 正常，Playwright 也已能真实启动浏览器并读页面内容。
我实际修了什么

安装了缺失 skill：
/Users/XXXXX/.agents/skills/webapp-testing
/Users/XXXXX/.agents/skills/tavily-cli
/Users/XXXXX/.agents/skills/tavily-extract
/Users/XXXXX/.agents/skills/tavily-research
补齐了 docx 依赖：
Python 包：defusedxml、lxml、playwright
Node 包：docx
系统工具：pandoc、poppler、LibreOffice
修了几个机器级兼容点：
加了 python shim：~/.local/bin/python
加了 playwright shim：~/.local/bin/playwright
让 Node 能直接 require('docx')：~/.node_modules/docx
去掉了 LibreOffice 的 quarantine，解决了启动即被系统杀掉的问题
给 Python 加了一个用户级 Playwright -> Chrome 兜底补丁：/Users/XXXXX/Library/Python/3.14/lib/python/site-packages/usercustomize.py
创建了 pua 的本地状态目录：/Users/zanglikun/.pua
还需要你知道的两点

frontend-design 以后第一次认真用时，仍可能要求你提供设计上下文或 .impeccable.md。这是正常行为，不是坏了。
pua 的“云端注册 / Pro 指令 / flavor 持久化账号态”我没有替你注册，因为它会涉及手机号和远端账号；基础本地能力已经可用。

「精细化」调试你的Skill

任何Skill安装了，不代表你能使用。我建议在你的AI IDE里面再进行调试一下。遇到复杂任务就不会因为Skill推荐的无法执行，导致整体任务阻塞、降低产出效果、浪费时间。相关提示词，我标注在下文。

你可以看到AI 使用Skill再执行任务的时候，会展示xxx执行失败。这样AI就会无尽的尝试别的方法。这种无脑尝试：浪费时间、浪费token。

所以在平时遇到一旦AI提示无法执行的时候，你需要单独开启会话，让AI进行检查，保证Skill调用的程序、命令等等 均可正常执行。

agent-browser

# Agent 浏览器

用途：
让 AI IDE / Codex 更稳定地调用浏览器自动化能力。

安装命令：
npx skills add https://github.com/vercel-labs/agent-browser --skill agent-browser

初始化要求：
1. 安装完 skill 后，必须立即重新调用并验证是否可用
2. 不要只检查是否安装成功，必须进行一次真实调用验证
3. 如果验证失败，不要报告“已完成”，要继续排查原因
4. 优先使用独立浏览器和独立 profile，避免影响用户日常浏览器

浏览器要求：
1. 优先使用 Chrome Canary 或其他专用浏览器实例
2. 不要默认使用正式版 Google Chrome
3. 不要写死浏览器可执行文件路径
4. AI 必须根据当前系统自动识别可执行文件路径并设置环境变量
5. 需要兼容不同平台，例如 macOS、Windows、Linux、鸿鹄等

环境变量要求：
AI 需要自动探测并设置以下变量：
AGENT_BROWSER_EXECUTABLE_PATH
AGENT_BROWSER_PROFILE
AGENT_BROWSER_HOME
AGENT_BROWSER_SOCKET_DIR
AGENT_BROWSER_SESSION

路径策略：
1. 不要写死固定路径
2. 先识别当前操作系统
3. 再自动查找 Chrome Canary、Chromium、或用户指定的专用浏览器
4. 如果找不到专用浏览器，再提示用户安装，而不是直接退回正式版 Chrome
5. profile、socket、state 目录应放在 agent-browser 专用隔离目录中

初始化完成后的验证步骤：
1. 检查 agent-browser 命令是否可执行
2. 检查环境变量是否已经生效
3. 执行：
   agent-browser doctor --offline --quick
4. 再执行一次最小真实调用，例如：
   agent-browser open about:blank
   agent-browser close --all
5. 只有上述验证通过，才算 skill 初始化成功

失败处理要求：
1. 如果验证失败，优先排查环境变量、浏览器路径、profile、socket、state 目录
2. 优先清理 agent-browser 自己的隔离状态
3. 不要修改正式版 Chrome 的程序包
4. 不要修改正式版 Chrome 的用户数据目录
5. 不要因为失败就默认切回正式版 Chrome

给 AI 的执行约束：
1. 初始化 skill 时，必须做真实验证
2. 路径必须自动探测，不要写死
3. 不要直接使用正式版 Chrome
4. 必须使用隔离 profile 和隔离 state 目录
5. 如果失败，继续调试并说明卡点，不要假装成功

后续让AI总结的常用技能与搭配技巧

我建议你平时这样配

• 站点获取：tavily-search + tavily-extract + agent-browser
• 前端新需求：brainstorming + frontend-design + webapp-testing
• Figma 落地：figma + figma-implement-design + webapp-testing
• 前端已有项目修补：karpathy-guidelines + webapp-testing
• 后端接口/服务开发：brainstorming + karpathy-guidelines
• OpenAI 接入开发：karpathy-guidelines + openai-docs
• 被站点风控拦住：agent-browser + cloudflare-bypass

最实用的几句触发模板

• “先用 brainstorming 帮我把这个需求设计清楚，再实现。”
• “用 karpathy-guidelines 方式修这个 bug，最小改动，先定义验证标准。”
• “用 tavily-extract 把这个 URL 提成干净 markdown。”
• “用 agent-browser 打开这个站点，帮我点一遍流程并截图。”
• “按 frontend-design 做这个页面，风格更强一点，不要模板味。”
• “参考这个 Figma，用 figma-implement-design 还原成代码。”