SuperAPI AI 工具集

rico-ui-ux-themes

通用与其它

查看项目

更新于 10-16 06:45

技能介绍

用途:对现有项目进行 UI/UX 设计优化,提供内置主题与自定义主题生成能力。

主要能力:内置 20 个主题(如 Claude、Minimal Blue、Professional Blue、Agent Dark 等),覆盖开发者工具、企业、创意、媒体、电商与品牌风格;支持从 URL 或当前项目提取设计特征生成主题文档;按 6 个维度分析:颜色(对比度、WCAG AA 4.5:1、品牌色占比)、排版、间距(4pt 网格)、圆角、阴影、交互状态。

使用方式:所有命令以 rico 为前缀,支持四种交互模式——完整流程(如 rico optimize、rico 优化网站设计)、直接应用(如 rico use Claude style)、生成主题(如 rico create theme: stripe.com)、主题管理(如 rico list themes)。完整流程会先读取当前工作目录代码,展示 A/B/C/D 选择菜单,等待用户选择并确认后再输出。主题可保存到项目 references/styles/ 或全局 ~/.rico/themes/。

适用场景:React、Vue、Angular、HTML/CSS、Sass/SCSS、Tailwind、Next.js、小程序等技术栈。

限制:执行前必须确认,不会自动跳过步骤;不会强制切换明暗模式,仅在明确要求时生成缺失模式;主题生成依赖 webReader 抓取 URL。具体收费、价格与平台信息暂未提供。