Design neon-noir cyberpunk websites — a near-black night city lit by two neon hues, pink and cyan, with cut-corner panels, HUD mono labels, and a perspective grid floor. Use when the user asks for a cyberpunk look, a neon night-city aesthetic, an electronic music festival site, or a "dark, glowing, after-midnight" mood.
Design a neon-noir cyberpunk landing page for a 3-night electronic music festival using neon-noir-ui.
What you get
- A complete neon-noir design system: SKILL.md plus three reference files with exact color, type, spacing, glow and corner tokens, component specs, and paste-ready CSS/JS snippets; and two working demo pages — a festival landing page and a set-times schedule page.
Good fit
- Electronic music festivals, night events, gaming and nightlife brands, dark-mode product pages, and any brand that wants a controlled after-midnight glow.
Not for
- Light airy brands, fintech or healthcare pages that need calm trust cues, and anything that needs a soft handmade or minimal luxury voice — the neon palette will fight it.
- Name
- Neon Noir UI
- Downloads
- 0
- Category
- Design
- Skills inside
- 1
Download & install
Free skills include the full install guide. Copy the SKILL.md into your agent's skills directory:
1. Clone or download
Clone the repository (or download the SKILL.md file) from GitHub:
git clone .git2. Copy into your skills folder
Place it where your agent looks for skills — for Claude Code that's ~/.claude/skills/<name>/SKILL.md:
cp -r Neon Noir UI/SKILL.md ~/.claude/skills/Neon Noir UI/3. Restart your agent
Your agent picks up the new skill automatically on next launch. Ask it what it can do.
Like this free skill? Premium unlocks 77 exclusive skills.
One subscription unlocks every premium skill, prompt and pack — plus all future drops.
Reviews
Related skills
Swiss Type UI
Swiss Type UI
Swiss International Typographic Style web UI skill: strict 12-column grids, black-white-signal red palette, one neo-grotesque typeface with typographic scale contrast, and hairline rules. Precision-first layouts for SaaS, data products, docs sites and portfolios.
Claude Code · Codex · Cursor · Copilot +3
Aurora-Glass UI Design
Aurora-Glass UI Design
Dark, high-motion landing pages in the aurora-glass language — drifting multi-color aurora gradients, frosted-glass cards, glow CTAs, mouse parallax, canvas waveforms. Ships tokens, components, snippets, and an animated Prismwave demo.
Claude Code · Codex · Cursor · Copilot +3
Terminal Retro UI
Terminal Retro UI
Design websites in the Retro Terminal / CRT phosphor style — glowing monospace type on near-black, scanline + vignette overlays, zero rounded corners, bracket buttons, ASCII meters, blinking block cursors, typewriter/boot motion.
Claude Code · Codex · Cursor · Copilot +3
AI Aesthetic UI
AI Aesthetic UI
Build landing pages and product UI in the AI product aesthetic — near-black luminous base, violet→cyan intelligence gradient, chat-first hero, streaming text, glow cards.
Claude Code · Codex · Cursor · Copilot +3