Agent Skills

什么是 Skills？

在 AI 领域，“Skills”通常是指赋予 AI 处理特定任务的“外挂”能力。比如：

• 数据分析技能 ：让 AI 能够运行代码、处理复杂的 Excel 表格。

• 图像生成技能 ：让 AI 可以根据文字描述画图。

• 实时搜索技能 ：让 AI 能够访问互联网获取最新信息。

• 应用协作技能 ：让 AI 直接连接你的 Google Drive、Slack 或 GitHub。

简单来说,Skills就是给AI赋予特定能力的工具包,然后AI会在生成代码前扫描skills中的--name和--description按需加载

目录结构

my-skill/
├── SKILL.md          # 必需：指令和元数据
├── scripts/          # 可选：可执行脚本
├── references/       # 可选：参考文档
└── assets/           # 可选：模板和资源

Skill.md模板

---
name: 我的技能名称
description: 清晰描述此技能的作用以及在什么情况下应该使用它
---

# 我的技能名称

[在此处添加具体指令，当此技能被激活时，Claude 将会遵循这些指令]

## 示例
- 使用示例 1
- 使用示例 2

## 准则
- 准则 1
- 准则 2

示例

---
name: vue3-expert
description: 当用户询问有关 Vue 3、Composition API 或 TypeScript 组件的问题时使用
---

# Vue 3 专家模式

你现在是一名资深的 Vue 3 前端开发专家。在回答代码问题时，请始终优先使用 Composition API 和 `<script setup>` 语法。

## 示例
- 如何在组件之间传递 props？
- 将这个 Options API 组件重构为 Composition API。

## 准则
- 始终使用 TypeScript 类型声明。
- 优先使用 Tailwind CSS 进行样式编写。
- 避免使用 jQuery 或过时的 Vue 2 语法。
- 代码必须包含简洁的中文注释。

获取Skill

Claude Skills

通常你可以直接使用 Anthropic官方推出的技能

源码链接

https://github.com/anthropics/skills.git

总览

• algorithmic-art: 算法艺术创作
• brand-guidelines: 品牌指南生成
• canvas-design: Canvas 画布设计
• doc-coauthoring: 文档协同编写
• docx: Word 文档处理
• frontend-design: 前端设计与开发
• internal-comms: 内部沟通辅助
• mcp-builder: MCP 服务器构建
• pdf: PDF 文件处理
• pptx: PPT 演示文稿处理
• skill-creator: Skill 技能创建工具
• slack-gif-creator: Slack GIF 制作
• theme-factory: 主题工厂
• web-artifacts-builder: Web Artifacts 构建
• webapp-testing: Web 应用测试
• xlsx: Excel 表格处理

网站

当然你也可以访问一些网址获取现成的skill

例如:

https://skillsmp.com/zh

github上面也有现成的技能

https://github.com/ComposioHQ/awesome-claude-skills.git

自定义

当然你也可以自己自定义技能

cursor中你可以使用/create-skill并输入你的提示词让cursor帮你创建技能

你也可以直接输入请帮我创建一个关于XXX的技能

快速使用

安装

Claude Code

/plugin marketplace add anthropics/skills

Cursor

全局安装OpenSkills

 npm install -g openskills

在cursor中安装官方Skills

openskills install anthropics/skills

在cursor中让cursor能够发现你安装的技能

openskills sync

Antigravity

在项目目录中使用

git clone https://github.com/anthropics/skills.git

也可以复制粘贴到workflow里面,支持全局和项目级别的

Trae

直接下载skills压缩包或者Skill.md文件等导入,另外Trae的技能可以选择技能类型为项目或者全局,这就意味着你不用在新项目重复加载技能即可使用

使用

cursor,claude code和antigravity等支持Skills的软件会根据你的提示词和Skill.md中的--name和--description按需加载,你也可以指定你要使用的技能 例如 /frontend-design

antigravity虽然不能直接显示skills,但是ai也是能够识别的到里面Skill.md文件的

UI/UX Pro Max

介绍

UI/UX Pro Max 是一个专为追求极致视觉效果和开发者体验（DX）而设计的开源 UI 框架。它不仅提供了高质量的 UI 组件库，更通过深度集成的 AI 工具链，试图重新定义“从设计到代码”的开发流程。

github地址

https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git

快速上手

前置条件

# 检查 Python 是否已安装
python3 --version

# macOS
brew install python3

# Ubuntu/Debian
sudo apt update && sudo apt install python3

# Windows
winget install Python.Python.3.12

全局安装

# 全局安装 CLI 工具
npm install -g uipro-cli

进入你的项目目录

cd /path/to/your/project

为指定 AI 助手安装技能

Claude Code

uipro init --ai claude

Cursor

uipro init --ai cursor

Windsurf

uipro init --ai windsurf

Antigravity 

uipro init --ai antigravity

GitHub Copilot

uipro init --ai copilot 

Kiro

uipro init --ai kiro

所有 AI 助手

uipro init --ai all

使用方法

只需要在你的提示词前面加一句,即可使用这个UI框架来美化你的界面

/ui-ux-pro-max-skill