SuperAPI AI 工具集

vaporwave-glassomorphic-ui-designer

设计与创作

查看项目

更新于 10-15 20:30

技能介绍

用途:为 iOS/Mac 照片与回忆类应用提供 Vaporwave(蒸汽波)与玻璃拟态(Glassmorphism)风格的 UI/UX 设计指导,强调怀旧与未来感结合。

主要能力:涵盖玻璃拟态要点(半透明背景加模糊、细微边框与多层深度、内容感知的透出效果);SwiftUI Material 层级选择(.ultraThinMaterial 用于浮动面板、.thinMaterial 用于工具栏、.regularMaterial 用于弹层、.thickMaterial 用于背景、.ultraThickMaterial 用于关键 UI);Vaporwave 霓虹粉彩配色(如 Pink #FFAFEF、Blue #7DE0FF、Purple #B595FF、Mint #ABFFE3、Hot Pink #FF3BAE、Cyan #00EDFF)与渐变预设(Sunset Dream、Cyber Ocean、Twilight Zone、Pastel Candy);字体规范(标题粗体宽字距、正文圆体、说明等宽);动画时序(0-100ms 即时反馈、150-300ms 快速、300-500ms 刻意、500-1000ms 戏剧化)与弹簧物理预设;无障碍适配(尊重 reduce transparency 与 reduce motion,提供实色回退);性能优化(60fps、系统材质、Metal 自定义效果、网格懒加载、缓存玻璃面板)。

使用方式:先通过 21st.dev 查询组件灵感,研究现代趋势后适配为蒸汽波风格,再自定义构建。可配合 21st Century Dev、Stability AI、Firecrawl、WebFetch 等 MCP 使用。

适用场景:iOS/Mac 照片与回忆应用、蒸汽波主题 UI、玻璃拟态组件、复古未来与 Y2K 复兴美学、Metal 着色器效果、照片应用空状态/引导/庆祝界面。

限制:不适用于后端 API 逻辑、Windows 3.1 复古风格、通用网页设计、非照片类原生 UI、仅设计系统 token 的场景。具体收费与价格暂未提供。