vaporwave-glassomorphic-ui-designer

Generate SwiftUI glassmorphic UI components with vaporwave aesthetics for photo apps.

181|30|Updated Nov 16, 2025
One-click install
npx skills add https://github.com/erichowens/some_claude_skills --skill vaporwave-glassomorphic-ui-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vaporwave-glassomorphic-ui-designer
Source: https://github.com/erichowens/some_claude_skills/tree/main/.claude/skills/vaporwave-glassomorphic-ui-designer
Command: npx skills add https://github.com/erichowens/some_claude_skills --skill vaporwave-glassomorphic-ui-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of creating unique, emotionally resonant user interfaces that stand out from generic designs. It blends retro-futuristic vaporwave aesthetics with modern glassmorphism, delivering visually stunning and highly functional UIs for photo and memory applications, complete with accessibility and performance optimizations.

Core Features & Use Cases

  • Aesthetic UI Design: Specializes in blending vaporwave nostalgia with glassomorphic elegance, using neon pastels, frosted glass, and retro-futuristic principles.
  • Emotionally Resonant Interfaces: Designs UIs that evoke specific emotions, particularly for photo and memory applications, ensuring a delightful user experience.
  • Advanced SwiftUI & Metal Effects: Leverages SwiftUI Material effects, GPU-accelerated Metal shaders, and modern iOS Human Interface Guidelines for high-performance, beautiful apps.
  • Use Case: You want to design a photo collage app that feels both nostalgic and cutting-edge. This Skill can generate SwiftUI code for glassmorphic cards with vaporwave gradients, ensuring dark mode support and smooth, GPU-accelerated animations.

Quick Start

Design a SwiftUI glassmorphic card component with a vaporwave neon glow for a photo memory app.

Frequently Asked Questions about vaporwave-glassomorphic-ui-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create glassmorphic UI components in SwiftUI for iOS apps?

Glassmorphic UI in SwiftUI uses frosted glass effects with Material blur and semi-transparent overlays. This Skill provides SwiftUI-based glassmorphic card components, neon gradient patterns, and dark mode support for photo and memory applications with GPU-accelerated animations.

Can I build vaporwave-aesthetic interfaces with SwiftUI and Metal shaders?

Yes. Vaporwave aesthetics combine neon pastels, retro-futuristic gradients, and nostalgic color systems with modern SwiftUI Material effects and Metal GPU acceleration. This Skill delivers shader-assisted visuals, color tokens, typography presets, and animation timing guidelines for emotionally resonant photo apps.

What's the best way to design accessible dark mode UI with advanced SwiftUI effects?

Accessible dark mode requires adaptive color systems, proper material hierarchy, and contrast-compliant neon gradients. This Skill provides glassmorphic patterns with built-in accessibility support, adaptive glass effects, and SwiftUI Human Interface Guidelines compliance for galleries, onboarding, and interactive layouts.

How do I optimize GPU performance for Metal shaders and glassmorphic animations in iOS design?

GPU-accelerated visuals require Metal shader optimization, performance profiling, and efficient rendering pipelines. This Skill includes performance optimization techniques, Metal integration guidance, and shader-assisted patterns to balance visual richness with smooth frame rates on iOS and macOS.

Can I use vaporwave and glassmorphic design patterns for photo memory applications?

Yes. This Skill specializes in photo and memory app design, providing SwiftUI components for galleries, empty states, and interactive layouts with vaporwave color systems, glassmorphic cards, and neon gradients optimized for emotionally resonant user experiences.

What integration support exists for using this design system with MCPs and other tools?

Integration guidance covers MCP connectivity, reference material, and workflow documentation for extending vaporwave-glassmorphic components. This Skill provides patterns for material hierarchy, color tokens, and animation presets that work within larger design system architectures.