Coding

Ui Ux Promax V2 Free

Try it

优先级驱动的设计指南数据库,含50+风格、97配色、57字体配对,适合个人快速查询

What it does

UI/UX ProMax V2免费版是一款面向个人开发者的优先级驱动设计指南工具。内置涵盖50+种界面风格、97套配色方案、57组字体配对、99条UX规则和25种图表类型的设计资源数据库,通过Python CLI工具按关键词查询,帮助开发者快速获取专业设计建议。

The skill document

UI/UX ProMax V2 - 免费版

概述

UI/UX ProMax V2免费版是一款面向个人开发者的优先级驱动设计指南工具。内置涵盖50+种界面风格、97套配色方案、57组字体配对、99条UX规则和25种图表类型的设计资源数据库,通过Python CLI工具按关键词查询,帮助开发者快速获取专业设计建议。

免费版提供8级优先级分层规则体系,确保关键设计问题(无障碍、交互)优先处理,适合个人项目的快速设计决策。

核心能力

1. 优先级分层规则体系

设计规则按影响等级分为8级,确保关键问题优先处理:

优先级类别影响等级核心规则
1无障碍设计关键颜色对比4.5:1、焦点状态、alt文本、aria标签、键盘导航、表单标签
2触摸与交互关键触摸目标44x44px、点击为主交互、异步禁用按钮、错误反馈、cursor-pointer
3性能优化高WebP图片、srcset、懒加载、reduced-motion、预留异步内容空间
4布局与响应式高viewport meta、16px最小字号、无横向滚动、z-index管理
5字体与配色中行高1.5-1.75、行宽65-75字符、字体配对协调
6动画效果中150-300ms微交互、transform/opacity动画、骨架屏加载
7风格选择中风格匹配产品类型、全站一致性、SVG图标非emoji
8图表与数据低图表类型匹配数据、无障碍配色、表格替代方案

输入: 用户提供优先级分层规则体系所需的指令和必要参数。 处理: 按照skill规范执行优先级分层规则体系操作,遵循单一意图原则。 输出: 返回优先级分层规则体系的执行结果,包含操作状态和输出数据。

2. 基础设计域搜索

# 按产品类型生成设计系统
python3 scripts/search.py "SaaS dashboard fintech" --design-system

# 按域搜索详细信息
python3 scripts/search.py "glassmorphism dark" --domain style
python3 scripts/search.py "elegant luxury" --domain typography
python3 scripts/search.py "animation accessibility" --domain ux
域用途示例关键词
product产品类型推荐SaaS, 电商, 作品集, 医疗, 美容, 服务
styleUI风格与效果玻璃态, 极简, 暗色模式, 粗野主义
typography字体配对优雅, 活泼, 专业, 现代
color配色方案saas, ecommerce, healthcare, fintech
ux最佳实践与反模式动画, 无障碍, z-index, 加载

输入: 用户提供基础设计域搜索所需的指令和必要参数。 处理: 按照skill规范执行基础设计域搜索操作,遵循单一意图原则。 输出: 返回基础设计域搜索的执行结果,包含操作状态和输出数据。

3. 设计系统生成

# 生成完整设计系统(风格+配色+字体+效果+反模式)
python3 scripts/search.py "beauty spa wellness elegant" --design-system -p "Serenity Spa"

输出包含:

  • 推荐的设计风格
  • 配色方案(主色+辅助色+强调色)
  • 字体配对(标题+正文)
  • 视觉效果建议
  • 应避免的反模式

输入: 用户提供设计系统生成所需的指令和必要参数。 处理: 按照skill规范执行设计系统生成操作,遵循单一意图原则。 输出: 返回设计系统生成的执行结果,包含操作状态和输出数据。

4. 默认技术栈指引

# 获取Tailwind CSS实现建议(默认技术栈)
python3 scripts/search.py "layout responsive form" --stack html-tailwind

输入: 用户提供默认技术栈指引所需的指令和必要参数。 处理: 按照skill规范执行默认技术栈指引操作,遵循单一意图原则。 输出: 返回默认技术栈指引的执行结果,包含操作状态和输出数据。 能力覆盖范围:本skill的核心能力覆盖以下场景关键词:优先级驱动的设计、指南数据库、适合个人快速查询、面向个人开发者的、优先级驱动、设计指南、种界面风格、套配色方案、组字体配对、规则和、种图表类型、CLI、按关键词查询、核心能力、优先级分层的设计、级优先级、设计系统一键生成、质量检查清单等。这些关键词对应description中声明的使用场景,均已在上述能力点中提供对应的操作支持。

  • 执行此能力时使用input_params参数,支持创建/查询/导出操作

使用场景

场景一:健康医疗SaaS设计决策

独立开发者在构建一款健康管理SaaS,需要确定整体设计方向。

# 步骤1:生成设计系统
python3 scripts/search.py "healthcare SaaS dashboard clean professional" --design-system -p "HealthApp"

# 步骤2:补充UX规则检查
python3 scripts/search.py "accessibility form validation" --domain ux

# 步骤3:获取Tailwind实现指引
python3 scripts/search.py "dashboard card table" --stack html-tailwind

场景二:电商落地页风格选择

为一个新的电商平台选择视觉风格和配色方案。

# 搜索电商风格
python3 scripts/search.py "ecommerce modern luxury" --domain style

# 搜索电商配色
python3 scripts/search.py "ecommerce fashion" --domain color

# 搜索落地页结构
python3 scripts/search.py "hero testimonial pricing" --domain landing

场景三:UX规则优先级自查

开发完成后,按优先级检查UX规则:

# 优先级1-2:无障碍和交互(关键)
python3 scripts/search.py "color-contrast focus-states touch-target" --domain ux

# 优先级3-4:性能和布局(高)
python3 scripts/search.py "image-optimization viewport z-index" --domain ux

# 优先级5-6:字体和动画(中)
python3 scripts/search.py "line-height animation duration" --domain ux

不适用场景

以下场景UI/UX ProMax V2免费版不适合处理:

  • 3D建模和动画制作
  • 照片级写实渲染
  • 手绘原创插画

触发条件

需要设计创作、UI设计、海报制作、品牌视觉时使用。不适用于非本工具能力范围的需求。

快速开始

  1. 阅读## 核心能力章节了解skill功能
  2. 按## 依赖说明配置环境
  3. 执行所需能力对应的命令
  4. 参考## 错误处理章节处理异常
  5. 查看## FAQ解答常见疑问

环境验证

# 验证Python环境
python3 --version || python --version
# 预期: Python 3.8+

# 验证搜索工具
python3 scripts/search.py "minimal" --domain style -n 3

三步设计流程

# 第1步:分析需求并生成设计系统
python3 scripts/search.py "beauty spa wellness elegant" --design-system -p "Serenity Spa"

# 第2步:补充域搜索
python3 scripts/search.py "animation accessibility" --domain ux
python3 scripts/search.py "elegant luxury serif" --domain typography

# 第3步:技术栈指引
python3 scripts/search.py "layout responsive form" --stack html-tailwind

结果处理: 执行完成后,查看输出结果确认操作状态。成功时输出包含处理摘要和结果数据;失败时根据错误信息排查问题,查阅错误处理章节获取恢复步骤。

示例

设计决策记录文件

{
  "project_name": "HealthApp",
  "product_type": "SaaS",
  "industry": "healthcare",
  "design_system": {
    "style": "clean professional",
    "colors": {
      "primary": "#0D9488",
      "secondary": "#64748B",
      "accent": "#14B8A6",
      "background": "#FFFFFF",
      "text": "#0F172A"
    },
    "typography": {
      "heading": "Inter",
      "body": "Inter"
    }
  },
  "priority_checks": [
    {"level": 1, "category": "无障碍", "status": "passed"},
    {"level": 2, "category": "触摸交互", "status": "passed"},
    {"level": 3, "category": "性能", "status": "pending"},
    {"level": 4, "category": "布局响应式", "status": "pending"}
  ],
  "stack": "html-tailwind"
}

免费版与专业版功能对比

功能项免费版专业版
设计域5个基础域全部10个域
技术栈html-tailwind全部10种技术栈
设计系统持久化不支持MASTER+页面覆盖
推理规则引擎不支持ui-reasoning.csv
批量搜索不支持支持
输出格式纯文本Markdown+JSON
优先级体系8级分层8级+深度审计
适用对象个人开发者团队/企业

最佳实践

1. 按优先级处理设计问题

关键(优先级1-2): 无障碍、触摸交互 -> 必须解决
高  (优先级3-4): 性能、布局响应式 -> 应该解决
中  (优先级5-7): 字体、动画、风格 -> 建议解决
低  (优先级8):   图表与数据       -> 可选优化

2. 关键词具体化

# 不推荐
python3 scripts/search.py "app" --design-system

# 推荐
python3 scripts/search.py "healthcare SaaS dashboard clean minimal" --design-system

3. 专业UI质量检查清单

检查项正确错误
图标SVG(Heroicons/Lucide)emoji
悬停颜色/透明度过渡缩放导致布局偏移
光标cursor-pointer默认光标
过渡150-300ms即时或>500ms
对比度4.5:1低对比灰色
玻璃态浅色bg-white/80+bg-white/10
浅色文字#0F172A(slate-900)#94A3B8(slate-400)
浅色边框border-gray-200border-white/10
浮动导航top-4 left-4 right-4top-0 left-0 right-0
容器宽度统一max-w-6xl混合不同宽度

4. 交付前检查矩阵

维度检查内容标准
视觉质量图标/Logo/悬停/主题色SVG图标,品牌验证,无布局偏移
交互光标/悬停/过渡/焦点cursor-pointer,150-300ms,可见焦点
明暗模式对比度/玻璃态/边框4.5:1,可见元素,双模测试
布局浮动间距/遮挡/响应式375/768/1024/1440px适配
无障碍alt文本/标签/颜色指示/动画全覆盖,prefers-reduced-motion

常见问题

Q1: 免费版与专业版的主要区别?

免费版提供5个基础设计域和默认html-tailwind技术栈,适合个人快速查询。专业版扩展至全部10个域、10种技术栈,并新增设计系统持久化、推理引擎和批量搜索。

Q2: 优先级分层如何帮助设计决策?

8级优先级确保你先解决关键问题(无障碍、交互),再处理高优先级问题(性能、布局),最后优化中低优先级项。避免在次要细节上浪费时间而忽略关键体验问题。

Q3: 可以搜索图表类型推荐吗?

免费版不包含chart域搜索。图表类型匹配(25种图表)是专业版功能,支持趋势图、对比图、时间线、漏斗图等推荐。

Q4: 设计系统可以保存吗?

免费版不支持持久化。每次搜索为即时输出。如需跨会话保存和页面级覆盖,请使用专业版的--persist功能。

Q5: Python版本要求?

需要Python 3.8及以上。通过python3 --version检查。

依赖说明

运行环境

  • Agent平台: 支持SKILL.md的任意AI Agent(Claude Code / Cursor / Codex / Gemini CLI等)
  • 操作系统: Windows / macOS / Linux
  • Python版本: 3.8及以上

依赖详情

依赖项类型是否必需获取方式
Python 3运行时必需系统包管理器安装
LLM APIAPI必需由Agent内置LLM提供

Python安装:

# macOS
brew install python3

# Ubuntu/Debian
sudo apt update && sudo apt install python3

# Windows
winget install Python.Python.3.12

API Key 配置

本Skill的CLI搜索工具基于本地数据文件运行,无需额外API Key。设计建议由Agent内置LLM驱动。

可用性分类

  • 分类: MD+EXEC(纯Markdown指令,部分功能需exec命令行执行)
  • 说明: 基于Markdown的AI Skill,通过自然语言指令驱动Agent完成操作。核心查询功能依赖Python CLI脚本,需确保exec工具可用。

错误处理

错误场景原因处理方式
配置错误参数缺失或格式错误检查依赖说明中的配置要求
运行时错误运行环境不满足确认运行环境符合依赖说明
网络错误连接超时或不可达执行ping命令测试网络连通性,检查防火墙和代理设置连接后执行ping命令测试网络连通性,检查防火墙和代理设置连接后重新执行命令,参考国内替代方案

已知限制

  • 需LLM支持,无LLM环境不可用
  • 复杂业务场景建议结合人工经验判断
  • 执行效率受模型能力与网络环境影响
  • 当前为免费版本,如需完整功能请升级到付费版获取全部能力

Related skills

Generate and edit Draw.io, Mermaid, and Excalidraw diagrams from natural language using a structured JSON spec.

by nssa.io1.0k installs47 stars

Fetch raw ad creative, app, ranking, and revenue data from AdMapix as structured JSON.

by fly0pants4.3k installs296 stars

Find why your productivity system keeps failing, then apply the smallest fix — capacity math, bottleneck routing, durable local notes.

by Iván855 installs69 stars

Stores durable facts in a categorized, plain-markdown vault on disk, alongside your agent's built-in memory.

by Iván558 installs18 stars

Join a video meeting as an AI bot with voice, avatar, and screenshare across four operating modes.

by johnpatternai22 installs8 stars

More from thcjp

Browse all skills

常见办公流程自动化中枢,覆盖文档处理、数据整理、邮件管理、日程协调、报表生成与工作流编排。 聚焦批量操作容错、格式保真、PII 脱敏、模板复用四大痛点,让繁琐办公一键稳妥完成。 核心能力: - 文档批处理:Word/PDF/Excel/PPT 批量生成、转换、合并拆分,含失败隔离与重试 - 数据整理:清洗、转换、...

by thcjp3 installs1 stars

基于Playwright的浏览器自动化CLI,支持签到、填表、截图与信息抓取,适合个人用户。Use when 需要提升效率、自动化流程、批量处理、工作流优化时使用。不适用于需要人工创意判断的任务。适用于独立开发者、企业团队和自动化工作流场景。支持中文交互,无需复杂配置即开即用。输出结果可直接使用,减少二次加工成本。

by thcjp3 installs

临时密码保护的实时聊天室,支持SSE流式推送、Web UI与Agent CLI接入。Use when 需要设计创作、UI设计、海报制作、品牌视觉时使用。不适用于3D建模和动画制作。适用于独立开发者、企业团队和自动化工作流场景。支持中文交互,无需复杂配置即开即用。输出结果可直接使用,减少二次加工成本。

by thcjp3 installs

轻量级2D游戏资产生成工具,支持角色设计、精灵图与瓦片集,保持风格一致。Use when 需要设计创作、UI设计、海报制作、品牌视觉时使用。不适用于3D建模和动画制作。适用于独立开发者、企业团队和自动化工作流场景。支持中文交互,无需复杂配置即开即用。输出结果可直接使用,减少二次加工成本。提供结构化输出和错误处理机制。

by thcjp3 installs

用自然语言生成可玩的浏览器3D小游戏,支持迭代修改与本地预览。Use when 需要设计创作、UI设计、海报制作、品牌视觉时使用。不适用于3D建模和动画制作。适用于独立开发者、企业团队和自动化工作流场景。支持中文交互,无需复杂配置即开即用。输出结果可直接使用,减少二次加工成本。提供结构化输出和错误处理机制。

by thcjp3 installs

全流程游戏开发向导,涵盖设计、编码、测试、发布与运营基础。Use when 需要代码生成、编程辅助、调试测试、开发部署时使用。不适用于无明确技术栈的模糊需求。适用于独立开发者、企业团队和自动化工作流场景。支持中文交互,无需复杂配置即开即用。输出结果可直接使用,减少二次加工成本。提供结构化输出和错误处理机制。

by thcjp3 installs