vaporwave

Transform modern UI designs into vaporwave aesthetics with 90s OS motifs.

41|5|Updated Sep 30, 2025
One-click install
npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill vaporwave
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vaporwave
Source: https://github.com/efekrbas/discord-hypesquad-manager/tree/main/.agents/skills/design-it/vaporwave
Command: npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill vaporwave

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you turn ordinary interfaces into a distinct vaporwave aesthetic, avoiding generic modern UI choices and giving products a memorable retro-futurist identity.

Core Features & Use Cases

  • 90s OS Motifs: Build windows, buttons, title bars, and layout chrome that feel like classic Windows 95 or Mac OS 9 interfaces.
  • Surreal Neon Styling: Combine pastel gradients, cyan and magenta highlights, checkerboard nostalgia, and collage-like visuals for strong visual impact.
  • Cross-Platform Guidance: Follow implementation patterns for web CSS, SwiftUI, Flutter, React Native, and Jetpack Compose when designing app screens or marketing mockups.
  • Use Case: Redesign a login page, dashboard, splash screen, or promo banner so it feels like a nostalgic digital dream with sharp edges and bold retro attitude.

Quick Start

Use the vaporwave skill to redesign this screen with pastel neon colors, Windows 95-style bevels, and fullwidth retro typography.

Frequently Asked Questions about vaporwave

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

FAQPage Schema
How do I convert a modern UI into a vaporwave aesthetic with 90s OS motifs?

To convert a modern UI into a vaporwave aesthetic, apply pastel gradients, cyan and magenta highlights, and Windows 95-style sharp bevels. This transforms ordinary web and app screens into nostalgic retro-futurist designs with surreal collage visuals and chrome textures.

Can I apply retro vaporwave styling to mobile apps using SwiftUI and Flutter?

Yes, you can apply vaporwave styling to mobile apps using SwiftUI and Flutter. The styling process provides platform-specific implementation patterns for SwiftUI, Flutter, React Native, and Jetpack Compose to recreate 90s OS motifs and neon gradients on mobile components.

What design elements define a Windows 95 vaporwave UI style?

A Windows 95 vaporwave UI style is defined by sharp bevels, retro chrome textures, pastel neon gradients, checkerboard nostalgia, and fullwidth retro typography. These elements combine classic Mac OS 9 and Windows 95 layout chrome with surreal digital dream visuals.

What is the best way to style a login dashboard with retro neon gradients?

The best way to style a login dashboard with retro neon gradients is to apply 90s OS window motifs, pastel color palettes, and bold retro typography. This approach gives branding mockups and splash screens a memorable identity with sharp edges and neon highlights.

Does vaporwave UI styling work for web CSS or only native app components?

Vaporwave UI styling works for both web CSS and native app components. It provides cross-platform guidance covering web CSS, SwiftUI, Flutter, React Native, and Jetpack Compose to implement 90s OS motifs and surreal neon styling across all environments.

When should I avoid using a retro vaporwave design for my user interface?

You should avoid using a retro vaporwave design when your user interface requires modern minimalist aesthetics or strict usability conventions over visual impact. The 90s OS motifs, sharp bevels, and bold neon gradients prioritize nostalgic branding over conventional clean design.