Cyberpunk Skill Tree Interface

Holographic Nodes and Neon Contrasts: Decoding This Cyberpunk UI

The most striking feature of this interface is how the glowing nodes — "NEURAL LINK — LOCKED" and "ENERGY SHIELD — LEVEL 2" — pulse with their own light while remaining legible against the dark gradient. Grok Imagine renders the holographic blue and neon pink elements with a precision that feels almost like a real UI from a 2080s game, where each light path connecting the silhouette's nodes behaves like actual fiber-optic cables.

The central human silhouette is stylized but retains enough anatomical accuracy to feel like a character rather than an abstract shape. The typography, with its futuristic sans-serif font, is rendered in glowing white across the top bar and panels, creating a hierarchy that guides the eye from player stats to skill details without overwhelming the design.

For Game Developers and UI Designers

This prompt is ideal for creating concept art for game UIs, especially those requiring a cyberpunk or sci-fi aesthetic. The 8k resolution detail is perfect for high-fidelity prototypes, but the aspect ratio is crucial — keep it at 16:9 to match the layout of the player info bar, skill panels, and bottom buttons.

Limitations: The model may struggle with very small text elements if resolution is lowered. For mobile UI adaptations, simplify the layout by removing the right panel and merging skill points with the top bar.

Settings for Grok Imagine — Balancing Speed and Detail

Grok Imagine's strength lies in its contextual understanding, which means it can handle complex UI layouts without overcomplicating the prompt. However, the model's fast generation optimization requires careful parameter tuning:

CFG / Guidance: 3.0–3.5 — preserves the neon glow and text clarity without introducing artifacts
Steps: 12 for quick previews; 25–30 for full 8k detail with sharp light paths and text
Resolution: 1664×928 (16:9) — matches the aspect ratio of the interface's panels and bars

At cfg 3.2 and 25 steps, Grok Imagine resolves the "SELECTED: NEURAL LINK" text with crisp edges while maintaining the soft glow on the silhouette — a balance that avoids over-sharpening the neon elements.

Five UI Variations to Experiment With

5 Targeted UI Tweaks for This Prompt

Color swap: Replace "holographic blue and neon pink" with "cyber orange and electric teal" — shifts the aesthetic from traditional cyberpunk to a more experimental, neon-drenched look
Minimalist mode: Remove all text labels and replace with icons — the interface becomes a clean, abstract network of glowing nodes and paths
Dark mode alternative: Change "dark gradient" to "black void with starfield overlay" — the neon elements become celestial markers rather than UI components
Mobile adaptation: Add "mobile UI, 9:16 aspect ratio, simplified layout" — merges the skill panels into a vertical scroll with touch-friendly buttons
Historical fusion: Replace "futuristic sans-serif" with "retro 1980s pixel font" — creates a cyberpunk-meets-retro aesthetic with blocky, nostalgic typography

Two Prompts Ready to Generate

Apply two of the variations above directly — both are optimized for Grok Imagine's strengths in UI rendering:

Variation: Cyber orange and electric teal color scheme — maintains the 16:9 layout but with a more experimental neon palette

Game UI. A cyberpunk skill tree interface with holographic orange and electric teal elements on a black void background. Central display shows a stylized human silhouette with glowing nodes connected by light paths. Node labels include "NEURAL LINK — LOCKED", "OPTIC CAMO — UNLOCKED", "ENERGY SHIELD — LEVEL 2", "DASH REFLEX — AVAILABLE". Top bar shows player information: "AGENT: KAI VENN", "CLASS: INFILTRATOR", "SKILL POINTS: 7" in glowing white. Left panel lists unlocked perks with checkmarks: "SILENT MOVEMENT", "HACKING +15%", "CRITICAL CHANCE". Right panel shows details with header "SELECTED: NEURAL LINK" and description text: "Increases processing speed by 25%. Unlock cost: 5 SKILL POINTS". Bottom buttons labeled "RESET TREE" in gray, "CONFIRM" in electric teal. Futuristic sans-serif typography, English only, 8k.

Variation: Retro 1980s pixel font — shifts the futuristic typography to a blocky, nostalgic style while keeping all neon elements

Game UI. A cyberpunk skill tree interface with holographic blue and neon pink elements on a dark gradient background. Central display shows a stylized human silhouette with glowing nodes connected by light paths. Node labels include "NEURAL LINK — LOCKED", "OPTIC CAMO — UNLOCKED", "ENERGY SHIELD — LEVEL 2", "DASH REFLEX — AVAILABLE". Top bar shows player information: "AGENT: KAI VENN", "CLASS: INFILTRATOR", "SKILL POINTS: 7" in glowing white. Left panel lists unlocked perks with checkmarks: "SILENT MOVEMENT", "HACKING +15%", "CRITICAL CHANCE". Right panel shows details with header "SELECTED: NEURAL LINK" and description text: "Increases processing speed by 25%. Unlock cost: 5 SKILL POINTS". Bottom buttons labeled "RESET TREE" in gray, "CONFIRM" in neon blue. Retro 1980s pixel font, English only, 8k.