skills.rest
efekrbas
efekrbasCOMMUNITY
Explore all skills by this author →
Website𝕏@efekrbsGitHub

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
One-click install
npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill synthwave
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
efekrbasefekrbas
41

cyberpunk-ui

Design cyberpunk user interfaces with neon accents and glitch effects.

Community
Intermediate
kevinnguyen271090kevinnguyen271090
15

frontend-design

Convert design mockups into production-ready HTML/CSS/JS components with design guidelines.

Community
Basic
gjwrootgjwroot

neon-cyberpunk

Generate neon cyberpunk UI visuals with glow effects, scanlines, and grid backgrounds.

Community
Intermediate
curiositechcuriositech
181

vaporwave-glassomorphic-ui-designer

Design SwiftUI photo app interfaces with vaporwave and glassmorphic aesthetics.

Official
Advanced