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

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

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

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

在 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 安装说明
  • 免费图片AI生成工具免费生成了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 免费图片视频在线生成30秒,将你的创意变成现实开始设计
  • X/Twitter免费视频下载器免登陆无限额度免费视频解析下载了解详情
  • 100+免费在线小游戏爽一把
极客日志微信公众号二维码

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

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

更多推荐文章

查看全部
  • 数据结构:快速排序非递归实现、优化及内省排序详解
  • 网络安全入门指南:行业分支与系统学习路线
  • llama.cpp CUDA 编译与性能优化实战指南
  • 2026 年实测好用 AI 写作平台推荐:中文、学术、职场及国际场景
  • llama.cpp 大模型本地部署与推理指南
  • 基于 SpringBoot 与多版本 YOLO 的行人车辆检测系统
  • FastGPT 结合 MCP 协议构建工具增强型智能体实战指南
  • 华南理工大学开源中文主动健康大模型扁鹊(BianQue)
  • Python 通过 ctypes 调用 C++ DLL 的原理与实战
  • Kiro 安装与使用指南:AWS 新一代 AI IDE 两种部署方式
  • VMware 虚拟机安装 macOS 指南:镜像转换与工具优化
  • Stable Diffusion WebUI 云服务器部署实战
  • Python 获取卫星 TLE 数据及轨道六根数预测教程
  • 视觉 - 骨架双模态框架用于帕金森病步态的泛化评估
  • GitHub Copilot 网络配置与代理部署指南
  • PyCharm 中 Copilot 插件 Claude 模型不可用解决方案
  • 动态规划时间复杂度和空间复杂度计算方法
  • 基于 KSWEB 与 cpolar 在安卓手机部署 Typecho 博客并实现外网访问
  • Win10 升级后 Copilot 弹窗如何彻底关闭与禁用
  • 基于 STM32F103C8T6 的二轮平衡车 LQR 控制器设计

相关免费在线工具

  • 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