skills.sh

介绍

skills.sh 是 AI Agent 的技能管理器，通过命令行一键管理 Skills。

安装

npm install -g skills

常用命令

# 查看帮助
skills --help

Examples:
  $ skills add vercel-labs/agent-skills
  $ skills use vercel-labs/agent-skills@vercel-optimize | claude
  $ skills use vercel-labs/agent-skills --skill vercel-optimize --agent claude-code
  $ skills add vercel-labs/agent-skills -g
  $ skills add vercel-labs/agent-skills --agent claude-code cursor
  $ skills add vercel-labs/agent-skills --skill pr-review commit
  $ skills remove                         # 交互式删除
  $ skills remove web-design              # 删除指定技能
  $ skills rm --global frontend-design    # 删除全局技能
  $ skills list                           # 列出项目技能
  $ skills ls -g                          # 列出全局技能
  $ skills ls -a claude-code              # 按 agent 过滤
  $ skills ls --json                      # JSON 输出
  $ skills find <keyword>                  # 按关键词搜索
  $ skills find typescript                 # 按关键词搜索
  $ skills update                         # 更新所有技能
  $ skills update my-skill                # 更新单个技能
  $ skills update -g                      # 更新全局技能
  $ skills experimental_install           # 从 skills-lock.json 恢复
  $ skills init my-skill                  # 初始化技能
  $ skills experimental_sync              # 从 node_modules 同步
  $ skills experimental_sync -y           # 无提示同步

目录规范

大部分 Agent Skills 生态约定

• Global：~/.agents/skills/
• Project：<project-root>/.agents/skills/

Claude Code 官方 Skills 路径

• Global：~/.agents/skills/claude-code/
• Project：<project-root>/.agents/skills/claude-code/

为避免全局 Skills 重复安装，可采用软链接：

ln -s ~/.agents/skills ~/.claude/skills

如何验证？

1. 启动 Claude Code
2. 执行 /skills 命令查看

常用 Skills

必备

# 搜索 skills
npx skills add https://github.com/vercel-labs/skills --skill find-skills
# Agent
npx skills add https://github.com/vercel-labs/agent-browser --skill agent-browser

开发类

# 前端设计
npx skills add https://github.com/anthropics/skills --skill frontend-design

# react
npx skills add https://github.com/vercel-labs/agent-skills
# vercel-composition-patterns
# vercel-react-best-practices

# shadcn
npx skills add https://github.com/shadcn/ui --skill shadcn

# vue 系列
npx skills add hyf0/vue-skills
# vue-best-practices
# vue-jsx-best-practices
# vue-options-api-best-practices
# vue-pinia-best-practices
# vue-router-best-practices

# vitepress
npx skills add https://github.com/antfu/skills --skill vitepress

# nestjs
npx skills add https://github.com/kadajett/agent-nestjs-skills --skill nestjs-best-practices

PPT

# PPT 文件
# 读取、修改已有 .pptx
npx skills add https://github.com/anthropics/skills --skill pptx
# 生成可编辑 .pptx（PowerPoint）
npx skills add https://github.com/hugohe3/ppt-master --skill ppt-master

# PPT 设计
# 生成 HTML PPT / Web Deck（不生成 .pptx，仅生成 HTML）
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
# 生成中文风格的 HTML PPT / Web Deck（不生成 .pptx，仅生成 HTML）
npx skills add https://github.com/alchaincyf/huashu-design --skill huashu-design

提示词范例：

使用 huashu-design 设计一份中文科技风 HTML PPT，再使用 ppt-master 生成可编辑的 .pptx。

使用 guizang-ppt-skill 设计一份 Web Deck，确认视觉效果后，再使用 ppt-master 生成 PowerPoint（.pptx）。

使用 pptx 修改这份已有的 .pptx，保持内容不变；再使用 huashu-design 重新设计页面风格。

使用 pptx 分析这份 .pptx 的内容和结构，再使用 guizang-ppt-skill 重新设计为 HTML PPT。

使用 guizang-ppt-skill 设计页面布局和动画效果，最后使用 ppt-master 输出最终的 .pptx。

视频制作

# remotion
npx skills add remotion-dev/skills
# remotion-best-practices
# remotion-captions
# remotion-create
# remotion-docs
# remotion-render