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
