vaporwave
Web and App implementation guide for Vaporwave. Trigger when user wants neon colors, retro digital aesthetics, 90s OS elements, and Roman statues.
Profile →npx skills add sickn33/agentic-awesome-skills --skill vaporwave --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Vaporwave > "A surreal, nostalgic dream of 90s computing and pastel neon." ## When to Use Use this sub-style when the user's request matches the aesthetic described above. This is a child reference of the `design-it` skill and is not meant to be triggered directly. ## Core Principles 1. **Windows 95 / Mac OS 9 Motifs**: UI elements designed to look explicitly like 1990s operating systems (grey boxes, hard bevels, blue title bars). 2. **Surreal Pastels & Neons**: A mix of soft pinks, cyans, and harsh neon overlays. 3. **Collage Aesthetic**: Mixing classical art (Roman busts), early 3D renders (checkerboard floors), and Japanese text (Kanji/Katakana). ## Visual DNA - **Colors**: Cyan (`#00FFFF`), Magenta (`#FF00FF`), Lavender (`#E6E6FA`), and classic Windows Grey (`#C0C0C0`). - **Typography**: `MS Sans Serif`, `Tahoma`, or pixel fonts. Fullwidth characters (ＡＥＳＴＨＥＴＩＣ) are highly encouraged for headers. - **Styling**: Hard, 1px outsets and insets to simulate 90s 3D buttons. ## Web Implementation - Use standard CSS borders to create the classic 90s button look. - **CSS Example**: ```css body { background: linear-gradient(180deg, #ff99cc 0%, #99ccff 100%); color: #000; font-family: 'T
- When to Use
- Core Principles
- Visual DNA
- Web Implementation
- App Implementation
- SwiftUI
- Flutter
- React Native
- Jetpack Compose
- Do's and Don'ts
- Limitations
What does the vaporwave skill do?
Web and App implementation guide for Vaporwave. Trigger when user wants neon colors, retro digital aesthetics, 90s OS elements, and Roman statues.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill vaporwave --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.