跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
Shell / BashNode.jsAI大前端

在 Cursor 和 Trae 等 AI 编程工具中使用 Skills 的方法

综述由AI生成OpenSkills 是一个通用的技能加载器和管理工具,允许在 Cursor、Trae 等非 Claude Code 项目中启用和管理 Skills 功能。通过安装 Node.js 环境及 OpenSkills CLI,用户可导入官方或自定义技能包。核心步骤包括全局或项目级安装 Anthropic Skills,运行 sync 命令生成 AGENTS.md 文件,并在 AI 编辑器中调用特定技能关键词。此外还提及了 UI/UX Pro 技能包的集成方法,旨在提升 AI 编程助手的任务执行能力与规范性。

晚风告白发布于 2026/2/8更新于 2026/6/25.4K 浏览

在 Cursor、Trae 等非 Claude Code 项目使用 Skills

在 Cursor、Trae 等非 Claude Code 项目使用 Skills,需要用到 OpenSkills 这个开源项目。 Skills = 可复用、可调用、可组合的'能力模块',它是有规则的。 你可以理解为:我让 AI 怎么干活的一整套方法论 + 操作步骤。

在这里插入图片描述

OpenSkills GitHub

OpenSkills 介绍

OpenSkills 是一个通用的技能(skill)加载器和管理工具,让你可以发现、安装、管理和在各种智能体或脚本中运行 Skills,而不受具体 AI 工具限制。

  • 类型:通用技能管理器/加载器(open-source CLI 工具)
  • 作用:把 AI "Skill" 格式(Claude Code 的 SKILL.md)变成任何 AI 编程 Agent 都能使用的统一机制。
  • 核心定位:技能的统一安装、管理和跨平台共享机制(团队共享,发生在 Git / Repo / 规范层)。

步骤一:安装 OpenSkills 项目

需要 Node.js 20+ 以上的版本,再运行下面的指令。

npm i -g openskills

这就将 OpenSkills 安装到系统全局位置了。

验证一下:

openskills --version

步骤二:安装 Anthropic 官方 Skills

这一步可以选择将官方 Skills 安装到当前项目还是全局。

推荐安装到当前项目,可以使用 GitLab 托管代码团队协作使用。

如果选择将官方 Skills 安装到当前项目,就在终端输入这条命令:

openskills install anthropics/skills

如果希望在全局生效,就用这条命令(个人使用):

openskills install anthropics/skills --global

这里以当前项目生效为例,当运行指令后,OpenSkills 就会将 Anthropic 官方 Skills 项目给克隆下来。默认全选,你也可以通过 Space 键自主选择自己想要安装的 Skills。

在这里插入图片描述

安装成功后,你就会在 Cursor、Trae 等工具的文件管理区看到 .claude/skills 的文件夹。

在这里插入图片描述

如果你想安装其它非官方 Skills,也是可以的,只需要将安装的仓库地址替换成对应仓库地址:

openskills install your-org/custom-skills

比如 ui-ux-pro-max-skill 就可以使用 OpenSkills 进行管理:

openskills install nextlevelbuilder/ui-ux-pro-max-skill

OpenSkills 同样支持本地路径安装 Skill(先讲 Skill 离线包下载下来)然后执行:

openskills install ./ui-ux-pro-max-skill

步骤三:创建 AGENTS.md 文件并写入 Skills

前两步只是将 Skills 安装到本地,如果想要让 Cursor、Trae 这些 Coding Agent 都能发现和使用这些 Skills,那就必须运行第三步,否则前面都是在做无用功。

运行下面指令将会在项目根目录创建一个 AGENTS.md 文件:

openskills sync

确认后按回车键,会将你选择的 Skills 写进 AGENTS.md 文档中。它将作为 Cursor、Trae 等 Coding Agent 接下来使用 Skills 的指导文件。

在这里插入图片描述

步骤四:在 Cursor、Trae 中调用 Skills 项目

Skills 是可以被自动调用的,如果你想手动调用(让 AI 智能体主动读取 AGENTS.md 文件),AI 智能体读取成功以后可以直接在提示词中指定要调用的具体 Skills,比如 (frontend-design 就是和智能体交流的关键字):

调用 frontend-design skills,用 HTML 开发一个视频剪辑软件的 SaaS 介绍页。

在这里插入图片描述

其他 Skills 集成示例

另一个 Skills 开源项目 ui-ux-pro-max-skill 的本质一样,相当于给你的 AI(Cursor、Trae 等)装了一个'资深设计师的脑子'或者'高级技能包'。

UI/UX Pro 安装说明

第一步安装 UI/UX Pro,根据页面步骤安装。 全局安装 CLI 工具,是把这个叫 uipro 的工具下载到你电脑里:

npm install -g uipro-cli

第二步进入你的项目目录:

cd /path/to/your/project

第三步选择你的 AI 助手进行安装,你需要根据你正在使用的 AI 软件选择其中一行输入。

我用的是 Trae,所以输入:uipro init --ai all

在这里插入图片描述

软件的基础功能和常见设置见官方文档:https://docs.trae.com.cn/docs/general-settings

看到下图说明你安装成功了:

在这里插入图片描述

用法和上面的一样,让 AI 智能体主动先后读取 ui-ux-pro-max.md 文件和 search.py 文件,按稳定的 Skills 工作流风格设计你的项目啦。

在这里插入图片描述

在这里插入图片描述

目录

  1. 在 Cursor、Trae 等非 Claude Code 项目使用 Skills
  2. OpenSkills 介绍
  3. 步骤一:安装 OpenSkills 项目
  4. 步骤二:安装 Anthropic 官方 Skills
  5. 步骤三:创建 AGENTS.md 文件并写入 Skills
  6. 步骤四:在 Cursor、Trae 中调用 Skills 项目
  7. 其他 Skills 集成示例
  8. UI/UX Pro 安装说明
  • 💰 8折买阿里云服务器限时8折了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • VSCode Copilot 配置文件提示未知工具警告
  • C++ 异步网络请求设计与实现:高并发架构核心实践
  • web3是什么,业务应用
  • pyproject.toml 完全指南:Python 项目配置现代化
  • Stable Diffusion v1.5 创意设计师指南:嵌入 Figma/PS 工作流
  • 量化、算子融合与内存映射:C 语言实现 AI 推理优化
  • C# 开发系列教程
  • Python 核心技术点汇总:装饰器、拷贝及数据结构
  • Spring IoC 与依赖注入(DI)核心机制解析
  • Vivado 许可证文件获取与配置指南
  • Discord 机器人创建与配置流程
  • Xilinx PCIe IP 核详解、FPGA 实现及仿真全流程 (Virtex-7 Gen3)
  • SAM 掩码生成原理与算法深度解析
  • JavaScript 运算符与流程控制详解
  • Java 算法面试基础:语法、容器与工具类总结
  • 微信小程序跳转外部链接:WebView 与复制链接方案
  • OpenClaw 多 Agent 多 Discord 频道配置实战指南
  • LangChain 消息处理详解:缓存、过滤、合并与流式输出
  • NewBie-image-Exp0.1 动漫 AI 绘画镜像快速入门
  • 车辆监控管理系统:后端 API、Web 后台与移动端应用

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online