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

@
目录

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

概要

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

技术名词解释

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

1. // 添加市场
2. /plugin marketplace add anthropics/skills

复制代码

接着安装多个样例skills

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

复制代码

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

1. // 安装ux-ui-pro-max
2. /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
3. /plugin install ui-ux-pro-max@ui-ux-pro-max-skill

复制代码

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

1. /skills

复制代码

使用细节

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

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

小结

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

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！