synthwave

Design synthwave interface styling with neon glow and perspective grids.

41|5|Updated Sep 30, 2025

Search Tags:#neon #dark mode #app styling #synthwave #outrun #glow effects #perspective grid

Ready to run

npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill synthwave

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: synthwave
Source: https://github.com/efekrbas/discord-hypesquad-manager/tree/main/.agents/skills/design-it/synthwave
Command: npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill synthwave

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you turn plain interfaces into immersive synthwave experiences with neon glow, dark backgrounds, and retro-futuristic visual language.

Core Features & Use Cases

Aesthetic Direction: Defines the core synthwave look with magenta, cyan, and yellow accents over deep black or purple surfaces.
Cross-Platform Guidance: Provides implementation patterns for web CSS, SwiftUI, Flutter, React Native, and Jetpack Compose.
Signature Effects: Covers glowing typography, perspective grid floors, shadow layering, and outrun-inspired composition.
Use Case: Create a landing page, app splash screen, or promotional mockup that feels like an 80s neon highway at midnight.

Quick Start

Use the synthwave skill to design a neon outrun interface with a glowing grid horizon and bold magenta-cyan typography.

Frequently Asked Questions about synthwave

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

FAQPage Schema

How do I create a synthwave UI with neon glow effects for a dark mode web application?▼

To create a synthwave UI, apply deep black or purple surfaces with magenta, cyan, and yellow accents, using CSS to implement glowing typography, layered shadows, and perspective grid horizons for an immersive outrun aesthetic.

Can I apply outrun styling and neon glow effects in SwiftUI and Flutter mobile apps?▼

Yes, outrun styling and neon glow effects are supported in SwiftUI and Flutter, providing implementation patterns for mobile splash screens and app themes with glowing typography and dark, retro-futuristic color palettes.

What is the best way to build a perspective grid floor for an 80s-inspired landing page?▼

The best way to build a perspective grid floor for an 80s-inspired landing page is using CSS to render grid-based horizon effects, paired with shadow layering and bold magenta-cyan typography over dark backgrounds.

Does this synthwave styling approach work with React Native and Jetpack Compose?▼

Yes, synthwave styling works with React Native and Jetpack Compose, providing cross-platform implementation guidance for neon glow, layered shadows, and grid-based horizon effects tailored for mobile UI themes.

When should I use dark mode neon styling for app screens and branding mockups?▼

Use dark mode neon styling for app screens and branding mockups when creating promotional materials, splash screens, or landing pages that require an 80s outrun aesthetic with glowing typography and retro-futuristic visual language.