赛博朋克设计提示词

Design a cyberpunk-themed monitoring dashboard. Dark base (#0a0a0f) with neon accents: cyan (#00f0ff), magenta (#ff0080), and warning yellow (#ffe600). Use HUD-style corners on cards (triangular cut corners with neon borders). Monospace font (JetBrains Mono) for all text. Include: real-time data counters with flip-clock animation, hexagonal grid layout for status indicators, glitch effect on headings (CSS animation with clip-path), and scanline overlay on the entire page. Cards have angled/clipped corners using clip-path polygon.

Create a Neon Tokyo-themed event page with shadcn/ui. Ultra-dark background (#050510) with neon pink (#ff2d78) and electric blue (#2de2e6) accents. Include: a hero section with large glitched text and animated neon sign effect, event details in HUD-style cards with clip-path corners, a countdown timer with neon digit display, a speaker grid with cyberpunk-frame portraits, and a ticket purchase section with glowing CTA button. Add a subtle rain animation overlay using CSS.

Build a sci-fi HUD interface in Next.js. Design system: all elements use angular shapes (clip-path for diamond corners), cyan (#00f5ff) primary neon with dark navy (#0a1628) background. Create HUD components: TargetReticle, DataReadout (animated number counter), StatusBar (segmented progress), AlertPanel (blinking border), and RadarChart. Use CSS custom properties for neon glow: --neon-glow: 0 0 10px var(--neon-color), 0 0 20px var(--neon-color), 0 0 40px var(--neon-color). All text in monospace, uppercase with letter-spacing: 0.2em.

Generate React components with cyberpunk glitch aesthetics. Create: GlitchText (CSS animation that randomly shifts text-shadow in RGB channels), NeonButton (glowing border + text, pulse animation on hover), HUDCard (angular clip-path corners, animated border trace on mount), DataStream (scrolling text ticker with monospace font), and CyberInput (underline-only with blinking cursor and cyan accent). Include a useGlitch() hook that randomly triggers visual glitch effects at intervals. Use Tailwind CSS with custom animations.