UI/UX Pro Max：设计总监级界面生成

概要

UI/UX Pro Max Skill 让 AI 生成的界面瞬间达到设计总监级水准。它提供完整的设计系统生成、智能配色、排版建议等能力，是独立开发者和前端工程师的设计利器。

核心功能

1. 设计系统生成

• 自动生成设计规范文档
• 色彩体系定义（主色、辅色、中性色）
• 字体层级规范（H1-H6、正文、注释）
• 间距系统（4px 基准网格）

2. 智能配色

• 基于色彩理论的配色方案
• 品牌色自动提取和扩展
• WCAG 无障碍对比度检查
• 暗色/亮色模式自动适配

3. 排版建议

• 栅格系统推荐
• 响应式布局方案
• 移动端适配策略
• 组件间距规范

4. 组件库生成

• 基于设计系统的组件代码
• Tailwind CSS / CSS-in-JS 输出
• 支持 React / Vue / HTML

使用方式

# 安装
clawhub install ui-ux-pro-max-skill

# 生成设计系统
/design-system create --brand-color "#6366f1"

# 生成页面布局
/design layout "SaaS 定价页面"

# 配色建议
/design palette --mood "专业、信任、科技感"

# 组件生成
/design component "数据卡片" --framework react

适合人群

• 独立开发者：快速做出专业级界面
• 前端工程师：提升设计品味和效率
• 产品经理：快速原型设计
• 设计师：灵感来源和效率工具

总结

UI/UX Pro Max 让"程序员审美"成为历史，即使没有设计背景，也能产出专业级的界面设计。