准备工作

简介

TIP

开发一个桌面组件，其实就是开发一个前端网页

QQ群：701784679

邮箱：rtugeek@gmail.com

安装软件

安装任意一个 AI 编程工具，用于生成代码

• Trae国际版（大陆用户推荐使用）
• ChatGPT
• Cursor
• Claude Code

安装 Node.js

• Node.js（建议 v22 及以上版本）

安装桌面组件客户端

从本站下载

从 GitHub 下载

安装 Skill

方式一：通过 AI 提示词安装（推荐）

发送下面提示词给AI

|

方式二：手动安装（访问不了GitHub时使用）

1. 下载 Skill 压缩包：skills.zip

2. 解压到全局 Skill 目录：

   • Windows：C:\Users\<你的用户名>\.agents\skills\
   • macOS / Linux：~/.agents/skills/

3. 解压完成后，确保目录结构如下：

   .agents/
   └── skills/
       └── widget/
           └── ... Skill 文件

安装成功后，重启下AI开发工具，在 AI 编程工具中输入 /widget 即可调用 Skill，辅助你完成桌面组件的开发工作。

配置MCP Server

发送下面提示词给AI

|