UI-UX Pro Max Skill 风格 Demo

这个项目是基于 ui-ux-pro-max-skill 生成的静态风格演示站，目标是把技能中的 67 种风格做成可点击、可对比、可切换语言的 Demo 页面。

演示重点

• 覆盖 67 个风格页面（General / Landing / BI Dashboard）
• 每个风格页都包含：
  • 设计系统定位
  • 配色与排版建议
  • 可访问性检查
  • 反模式说明
  • 示例组件区（按钮、输入、数据卡等）
• 导航页支持中英文切换（标题同一行右上角切换）

效果说明（完整页面清单）

• 导航页：index.html
• 风格页总数：67

General Styles (01-49)

• 01-minimalism-swiss.html
• 02-neumorphism.html
• 03-glassmorphism.html
• 04-brutalism.html
• 05-3d-and-hyperrealism.html
• 06-vibrant-and-block-based.html
• 07-dark-mode-oled.html
• 08-accessible-and-ethical.html
• 09-claymorphism.html
• 10-aurora-ui.html
• 11-retro-futurism.html
• 12-flat-design.html
• 13-skeuomorphism.html
• 14-liquid-glass.html
• 15-motion-driven.html
• 16-micro-interactions.html
• 17-inclusive-design.html
• 18-zero-interface.html
• 19-soft-ui-evolution.html
• 20-neubrutalism.html
• 21-bento-box-grid.html
• 22-y2k-aesthetic.html
• 23-cyberpunk-ui.html
• 24-organic-biophilic.html
• 25-ai-native-ui.html
• 26-memphis-design.html
• 27-vaporwave.html
• 28-dimensional-layering.html
• 29-exaggerated-minimalism.html
• 30-kinetic-typography.html
• 31-parallax-storytelling.html
• 32-swiss-modernism-2-0.html
• 33-hud-sci-fi-fui.html
• 34-pixel-art.html
• 35-bento-grids.html
• 36-spatial-ui-visionos.html
• 37-e-ink-paper.html
• 38-gen-z-chaos-maximalism.html
• 39-biomimetic-organic-2-0.html
• 40-anti-polish-raw-aesthetic.html
• 41-tactile-digital-deformable-ui.html
• 42-nature-distilled.html
• 43-interactive-cursor-design.html
• 44-voice-first-multimodal.html
• 45-3d-product-preview.html
• 46-gradient-mesh-aurora-evolved.html
• 47-editorial-grid-magazine.html
• 48-chromatic-aberration-rgb-split.html
• 49-vintage-analog-retro-film.html

Landing Page Styles (50-57)

• 50-hero-centric-design.html
• 51-conversion-optimized.html
• 52-feature-rich-showcase.html
• 53-minimal-and-direct.html
• 54-social-proof-focused.html
• 55-interactive-product-demo.html
• 56-trust-and-authority.html
• 57-storytelling-driven.html

BI / Analytics Dashboard Styles (58-67)

• 58-data-dense-dashboard.html
• 59-heat-map-and-heatmap-style.html
• 60-executive-dashboard.html
• 61-real-time-monitoring.html
• 62-drill-down-analytics.html
• 63-comparative-analysis-dashboard.html
• 64-predictive-analytics.html
• 65-user-behavior-analytics.html
• 66-financial-dashboard.html
• 67-sales-intelligence-dashboard.html

预览方式

直接打开 index.html 即可浏览。

如果你想本地起服务（推荐，避免某些浏览器本地限制）：

# 在项目根目录
python -m http.server 5500
# 然后访问 http://127.0.0.1:5500/

截图展示（可补充）

导航页

Minimalism & Swiss Style

Aurora