技术笔记

UI UX Pro Max

关于skills

skills无疑是整个2026年一月份最为火爆的AI话题,毫不夸张地说,它极大地提升了AI的生产效率。简单了来说skills就是一套无比完善的提示词,它由一个文件夹组成,其中包含了对各个场景下如何进行的项目约束,以及大量预制的可运行脚本和图片,更充分地利用AI来完成我们的目的。今天所要了解的ui-ux-pro-max-skill,可以解决AI设计界面千篇一律的问题。

使用教程

首先打开github项目开源地址

在桌面cmd进入终端执行,来安装uipro-cli这个命令

npm install -g uipro-cli

然后打开trae,打开你要做的项目,打开终端在执行trae那一条(uipro init --ai trae)

uipro init --ai claude      # Claude Code
uipro init --ai cursor      # Cursor
uipro init --ai windsurf    # Windsurf
uipro init --ai antigravity # Antigravity
uipro init --ai copilot     # GitHub Copilot
uipro init --ai kiro        # Kiro
uipro init --ai codex       # Codex CLI
uipro init --ai qoder       # Qoder
uipro init --ai roocode     # Roo Code
uipro init --ai gemini      # Gemini CLI
uipro init --ai trae        # Trae
uipro init --ai opencode    # OpenCode
uipro init --ai continue    # Continue
uipro init --ai codebuddy   # CodeBuddy
uipro init --ai all         # All assistants

其他编辑器使用其他相应命令就行

运行后项目.trae文件夹下就会有skills文件夹就证明安装成功,只需要在UI美化时输入:调用ui-ux-pro-max技能即可

如果不会写提示词,可以参考官网https://ui-ux-pro-max-skill.nextlevelbuilder.io/,里面给出了超级多的案例包括提示词。更具他的提示词,稍作修改即可。

感谢阅读

希望这篇文章对你有所帮助,欢迎继续浏览其他内容。

评论 (0)

加载评论中...