使用ui-ux-pro-max skill设计网页

@

目录

• 概要
• 安装skills
• 技术名词解释
• 使用细节
• 小结

概要

最近claude的skills蛮火的尤其是最近霸榜的ui-ux-pro-max，特意学习使用下它，看看有什么特殊之处

安装skills

技术名词解释

首先如果你之前没有玩过claude的skills的话，可以先安装他的市场命令如下

// 添加市场
/plugin marketplace add anthropics/skills

接着安装多个样例skills

// 安装样例技能
/plugin install example-skills@anthropic-agent-skills

之前包含在里面，现在没有了，要针对性的安装，命令如下

// 安装ux-ui-pro-max
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

注意安装好了后需要重启命令框
接着执行下面命令看是否安装完成，我这边安装好了

/skills

使用细节

接着就很简单了，说出你的需求，然后叫他使用ui-ux-pro-max这个技能，执行过程如下图

前后花了我小2w的token，最后效果还不错，如下图

小结

这个skill包含了一套完整的sop作业程序，
1、设计系统审计，2、对比度和易用性检查，3、交互逻辑推演，4、文案优化
总的来说比直接让ai生成的网页页面更有个性和审美，推荐