ui-ux-pro-max

🎨 全栈设计系统智能引擎

专业级UI/UX设计智能指南,整合50+风格、97种配色、57种字体搭配及9大技术栈最佳实践,为开发者提供从设计系统构建到代码落地的全流程设计决策支持。

收藏
19.5k
安装
4.2k
版本
v0.1.0
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心用法

UI/UX Pro Max 是一个综合性的设计智能知识库,采用"设计系统优先"的工作流模式。用户通过 Python 搜索脚本查询设计建议,核心入口是 --design-system 命令,该命令会并行检索产品类型、风格、配色、落地页结构和字体排版五大领域,并基于内置的推理规则生成完整的设计系统方案,包含设计模式、视觉风格、色彩体系、字体搭配、特效建议及需避免的反模式。

对于复杂项目,支持 --persist 参数持久化设计系统,采用 Master + Overrides 的分层架构:全局设计规则存储于 MASTER.md,各页面特定覆盖规则存放于 pages// 目录,实现跨会话的设计一致性管理。补充查询可通过 --domain 指定领域(如 ux、chart、typography)或 --stack 指定技术栈(React、Vue、Tailwind 等)获取实现细节。

显著优点

体系化设计决策:将分散的设计知识整合为可检索的结构化数据库,覆盖从战略层(产品类型匹配)到表现层(动画时序)的完整设计层级,大幅降低设计决策的认知负荷。

多技术栈覆盖:原生支持 9 大主流技术栈,包括 React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind CSS 及 shadcn/ui,提供框架特定的实现指南和性能优化建议。

可访问性优先:将无障碍设计(WCAG 标准)置于最高优先级,内置色彩对比度检查、焦点状态管理、键盘导航等关键规则,帮助团队规避合规风险。

工程化设计管理:分层持久化机制使设计系统可版本控制、可协作演进,解决了设计文档与代码实现脱节的行业痛点。

潜在缺点与局限性

被动式知识检索:Skill 本身不包含自动化设计生成能力,所有输出依赖用户主动查询和人工整合,对设计经验不足的用户可能存在"知道查什么"的门槛。

本地脚本依赖:核心功能依赖 search.py Python 脚本,该脚本未包含在 Skill 包内,需单独部署和审查,增加了使用复杂度。

静态知识更新滞后:设计趋势和框架版本快速演进,内置的 50 种风格、97 种配色等数据可能无法及时跟进最新设计潮流。

无实时预览能力:仅提供文本形式的设计建议,缺乏可视化预览或设计稿生成,设计师仍需在 Figma 等工具中手动实现。

适合的目标群体

  • 独立开发者/全栈工程师:缺乏专业设计背景,需要快速获取行业级设计决策参考
  • 前端开发团队:寻求跨项目设计一致性和可维护的设计系统方案
  • 初创产品团队:资源有限但需要专业级 UI/UX 输出,作为设计外包的替代或补充
  • 设计系统建设者:需要结构化方法论和检查清单来构建组织级设计规范

使用风险

性能风险--design-system 命令触发 5 领域并行检索,在大型设计数据库场景下可能存在响应延迟;--persist 产生的文件 I/O 在频繁调用时可能成为瓶颈。

依赖项风险:Python 运行时为必需依赖,Windows 环境需额外配置;search.py 脚本作为外部依赖,其安全性和稳定性未纳入本 Skill 的保障范围。

设计债务风险:过度依赖内置规则可能导致设计同质化,缺乏品牌独特性;分层覆盖机制若管理不当,可能产生规则冲突和版本混乱。

合规边界风险:内置可访问性建议基于通用 WCAG 标准,特定行业(医疗、金融)的专项合规要求需额外验证。

安全解读

核心功能

UI/UX Pro Max 是一款面向开发者和设计师的专业设计指南 Skill,提供从设计系统生成到代码实现的完整工作流支持。核心能力包括:

1. 智能设计系统生成
通过 search.py 脚本分析产品类型、行业和风格关键词,自动生成包含配色方案、字体搭配、UI 风格、动效建议的完整设计系统。支持持久化存储(Master + Overrides 模式),便于多页面项目维护设计一致性。

2. 多维度设计知识库

  • 50+ UI 风格:玻璃拟态、极简主义、粗野主义、拟物化等
  • 97 个配色方案:按行业分类(SaaS、电商、医疗、美容等)
  • 57 种字体搭配:Google Fonts 专业配对建议
  • 9 大技术栈:React、Next.js、Vue、Svelte、Tailwind、shadcn/ui、SwiftUI、Flutter 等

3. 代码级 UX 审查
提供可操作的检查清单,覆盖无障碍(WCAG 4.5:1 对比度)、触摸交互(44×44px 最小点击区)、性能优化、响应式布局等关键维度。

显著优点

  • 权威性设计知识:整合专业 UX 原则与实战最佳实践,避免常见设计陷阱
  • 技术栈全覆盖:从纯 HTML/Tailwind 到现代框架(React/Vue/Svelte)均有专门指南
  • 优先级驱动的规则体系:将设计决策按关键性分级(CRITICAL → LOW),帮助开发者聚焦核心问题
  • shadcn/ui 深度集成:支持组件搜索与主题定制,加速现代 UI 开发

潜在局限

  • 依赖外部 Python 脚本:核心搜索功能需调用 scripts/search.py,该脚本非 Skill 内置,用户需自行获取并验证安全性
  • T3 社区来源:维护者为个人开发者(clawdbot),长期支持稳定性存疑
  • 无实时可视化预览:纯文本/代码输出,需配合实际开发环境查看效果
  • 中文本地化有限:部分专业术语保留英文,对非技术背景设计师不够友好

适用人群

  • 前端开发者:需要快速获取符合行业规范的设计决策参考
  • 独立开发者/创业者:缺乏专业设计师,希望自主产出高质量界面
  • 设计系统维护者:需要可版本化的设计规范文档
  • 学生/自学者:系统学习现代 UI/UX 设计原则与技术实现

使用建议与风险

安全提示:Skill 本身为纯 Markdown 文档(安全等级 S),但引导执行的 search.py 脚本来源需用户自行把控。建议在隔离环境首次运行,验证脚本内容后再用于生产项目。

最佳实践:始终先运行 --design-system 生成全局设计规范,再针对具体页面使用 --page 参数创建覆盖规则,确保设计一致性。

ui-ux-pro-max 内容

手动下载zip · 6.0 kB
SKILL.mdtext/markdown
请选择文件