大家好,这期视频教大家用AI开发工具: Trae CN 和 XIUNOX 应用开发Skill 开发技能,快速开发 Xiuno X 插件。
不用从零手写大量代码,借助 AI 辅助,完成XIUNOX完整插件开发。
【因为昨天录制视频忘了保存,所以插件是实际已经完成的,今天的视频是带大家走一下流程。】
首先是前期准备,一共三步。
第一步, 在本地部署一套 Xiuno X,这是最推荐的方式。
不推荐单纯把源码包直接解压就用,很容易出现路径、权限各种奇怪的问题,尽量走完整本地部署流程。
源码可以去【XiunoX官网地址】下载,也可以到 GitHub 获取。
我这里是使用ServBay本地部署的,环境是PHP8.5+Apache+Mysql8.4 大家根据自己本地环境选择即可。
第二步,下载并登录 Trae CN并登录,需要有积分,或者配置自己的自定义 API。
这里我们选择code—新建任务
模型这里,我推荐选择glm5.3
文件夹这里,一定要选中本地部署的 XiunoX 的根目录,这一步千万不要选错。
第三步,安装开发 Skill。
将安装指令 ” 请根据 https://skillhub.cn/install/skillhub.md,安装 @user_13ae462a/xiunox-plugin-dev-skill “发送给TRAE,
trae软件智能体会自己完成 xiunox‑plugin‑dev‑skill 这个开发技能的安装。
准备工作完成,
我们就可以开始开发插件,开发一共三步。
第一步,明确你的插件需求。
举个例子:我们想在后台登录页面,密码输入框下方,增加邮箱验证码验证。
这个需求看着简单,实际上要处理 SMTP 邮件发送、验证码生成、校验逻辑。而且这里没有现成 Hook 用来插入页面,是靠 JS 动态插入 DOM,还要处理安全防刷、频率阈值,细节非常多。
第二步,优化你的需求,生成规范 Prompt。
可以参考官方帖子:Xiuno X 插件开发需求分析师 。将提示词发给自己经常使用的AI对话工具:豆包、千问、deepseek、智谱等,让AI成为你的开发需求生成师,帮你把原始需求整理成 AI 能看懂的完整描述。
我这里用智谱作为案例给大家讲解,首先复制提示词,新建对话,粘贴输入。
然后输入自己的个性前缀如:xiaopu ,还有需求:我们想在后台登录页面,密码输入框下方,增加邮箱验证码验证。
等待一会便会返回优化好的提示词,将这个提示词复制下,一会用。如果觉得有不满意的,也可以继续对话进行修改。
以后有需求就用这个对话,他会越来越懂你。
第三步,新建对话,粘贴整理好的 Prompt。输入 /spec 命令做需求拆解,再调用开发技能命令 /xiunox‑pludev‑skill。
你还可以追加自定义规则,比如遇到不确定点先主动提问,或者提供已有类似插件作为参考,让 AI 输出更贴合 XiunoX 规范。
可以看到,Trae已经开始分析需求和代码,进行规划了。
过一会如果有需要你确认的问题,trae会弹窗让你选择方案,根据自己的需求选择后,他会输出规划好的spec.md、task.md和checklist.md
这里是他已经完成规划spec.md、task.md和checklist.md,需要我们确认后执行。
第四步,AI 输出完代码之后,回到我们本地部署的 XiunoX 后台。
进入插件管理,找到新开发的插件,点击安装,配置参数之后保存。
然后我们退出登录重新登录后台看看, 因为这里要用到邮箱smpt,本地环境测试不了,所以我们用的线上环境测试。大家可以看到这里已经出现邮箱验证了。
我们试一下发送,收到了验证码,我们输入看看,正确。
测试全部没问题,插件就可以发布。如果出现 BUG,直接把问题丢回 Trae CN,让 AI 帮你修复迭代。
这里如果遇到有问题,有两种排错手段:
第一种开启 Debug 模式,编辑 index.php,修改代码!defined ('DEBUG') AND define ('DEBUG', 2);,就能在前台看到详细报错信息。
第二种查看日志,调试前建议先删除 log 文件夹。插件运行出错之后,log 目录会生成错误日志文件,直接把日志发给 AI,修复效率很高。
第五步:安全审计
直接跟trae对话发送:进行代码规范和安全审计,遇到问题它会自己修复或者提供方案让你选择。
功能、安全审计全部调试通过之后,最后给插件配上图标,整个插件就开发完成。
好的,今天的教程就到这里了,如果大家有不懂的或者在开发中遇到问题都可以留言给我,有时间我会录制新的视频教程进行解答。感谢大家的收看,我们下次见。



