SuperAPI AI 工具集

ui-ux-pro-max-skill

设计与创作

查看项目

更新于 10-16 07:27

技能介绍

用途:为 Claude Code、Cursor、Codex、Windsurf 等编程智能体注入设计智能,让其在生成界面时依据行业规则产出专业、可访问、利于转化的 UI/UX。

主要能力:设计系统生成器会跨多个领域检索,包括 161 条行业推理规则、67 种 UI 风格、161 套行业配色、57 组字体搭配、24 种落地页模式。每次生成输出页面结构(区块与 CTA 位置)、视觉语言关键词、主色/辅色/CTA/背景/文字色、字体搭配与 Google Fonts URL、动效与交互、应避免的反模式,以及交付前检查清单。还提供推理规则查询、风格查找、配色选择、字体搭配等 Python API,以及 CLI 命令。

使用方式:可通过 CLI 安装,命令为 npm install -g uipro-cli,再执行 npx uipro-cli install(或加 --global 全局安装)。也可用 Python 直接安装:git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git,进入目录后 pip install -r requirements.txt,再运行 python main.py。手动集成可将生成的 SKILL.md 复制到项目根目录:cp SKILL.md /your-project/SKILL.md。CLI 支持 generate、styles list、rules search、colors list、fonts list 等命令,并可输出 JSON 或 markdown。

适用场景:支持 React、Next.js、Astro、Vue 3、Nuxt、Svelte、SwiftUI、React Native、Flutter、HTML+Tailwind、shadcn/ui、Jetpack Compose 等技术栈,覆盖 SaaS、电商、医疗、金融、餐饮等行业。

限制:资料未提供收费与价格信息;生成质量依赖描述的具体程度,描述过于笼统会得到通用输出;无匹配规则时会回退到最接近的分类;Tailwind 配置可能与现有配置冲突,需手动合并主题扩展。