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.
你能得到
- 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.
适合场景
- Electronic music festivals, night events, gaming and nightlife brands, dark-mode product pages, and any brand that wants a controlled after-midnight glow.
不适合
- 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.
- 名称
- Neon Noir UI
- 下载数
- 0
- 分类
- 设计
- 包含 skills
- 1
下载与安装
免费 skills 包含完整安装指南。把 SKILL.md 复制到 agent 的 skills 目录：
1. 克隆或下载
从 GitHub 克隆仓库（或下载 SKILL.md 文件）：
git clone .git2. 复制到 skills 文件夹
把它放到 agent 查找 skills 的位置——Claude Code 是 ~/.claude/skills/<名称>/SKILL.md：
cp -r Neon Noir UI/SKILL.md ~/.claude/skills/Neon Noir UI/3. 重启 agent
下次启动时 agent 会自动加载新 skill。问问它能做什么吧。
喜欢这个免费 skill？Premium 解锁 77 个独家 skills。
一次订阅，解锁全部高级 skill、prompt 和内容包，以及未来的每一期新品。
评价
相关技能
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