Agent skill
premium-visual
Install this agent skill to your Project
npx add-skill https://github.com/frankxai/arcanea/tree/main/.claude/skills/arcanea/premium-visual
SKILL.md
Premium Visual Intelligence v2.0 — Information-Dense Glassmorphism
"Every pixel carries information. Every surface is glass. Intelligence is beautiful."
Purpose
Produces world-class visual infographics that combine the information density of a Bloomberg terminal with the material quality of luxury 3D rendering. This is NOT empty art. This is NOT busy HUD. This is data made beautiful through glass, crystal, and light.
The Premium Infographic Standard
Think: Apple Keynote data slides meets luxury annual report meets 3D glass rendering.
Core Principle: INFORMATION + MATERIALS
Every visual MUST satisfy BOTH criteria:
- Information-Dense — Contains real data, labels, structure, hierarchy, numbers, relationships
- Premium Materials — Rendered in 3D glass, crystal, frosted surfaces, volumetric light
10 Commandments
- Every element communicates data — No decorative filler. If it doesn't inform, remove it
- Glass panels for structure — Information organized on frosted/translucent glass cards
- 3D depth creates hierarchy — Foreground = primary, midground = secondary, background = ambient
- Labels are mandatory — Clean, modern sans-serif labels on every significant element
- 2-3 accent colors maximum — Teal (#7fffd4) + Gold (#ffd700) + Violet (#9966ff) on void (#0b0e14)
- Dramatic directional lighting — Single key light creating rim glow on glass surfaces
- Connections show relationships — Luminous threads between related glass nodes
- Numbers add credibility — Stats, counts, frequencies, percentages wherever relevant
- Typography hierarchy — Title (large, light), subtitles (medium, teal), body (small, white)
- Breathing room between data — Dense ≠ cluttered. Use glass panel spacing for visual parsing
Anti-Patterns (NEVER)
- Empty minimal art with one floating object (too simple, says nothing)
- Cyberpunk HUD with scan lines and neon overlays (tacky)
- Claymorphism or plastic textures (cheap)
- Flat 2D diagrams or flowcharts (boring)
- Busy starfield backgrounds (distracting)
- Stock photo compositions (generic)
- Text-heavy poster layouts without 3D elements (infographic slop)
Visual DNA
Color Palette (Strict)
VOID: #0b0e14 (Background — infinite dark)
CRYSTAL: #7fffd4 (Primary accent — teal glass glow)
GOLD: #ffd700 (Secondary accent — warm highlights)
VIOLET: #9966ff (Tertiary — depth and mystery)
TEXT: #e6eefc (Primary text — cool white)
MUTED: #8892a8 (Secondary text — subdued)
Material Language
- Frosted Glass Panels — Semi-transparent cards holding text/data, subtle blur
- Crystal Nodes — 3D translucent spheres/polyhedra representing key concepts
- Glass Connectors — Thin luminous lines showing relationships
- Volumetric Light — Teal/gold rim lighting on glass edges
- Depth Fog — Subtle atmospheric perspective separating layers
- Metallic Accents — Brushed titanium frames on glass panels
Prompt Architecture
Template: Information-Dense Glass Infographic
[TOPIC] infographic rendered as premium 3D glassmorphic visualization.
Dark void background (#0b0e14). Multiple frosted glass panels floating at
different depths, each containing [SPECIFIC DATA POINTS].
[NUMBER] translucent crystal nodes representing [CONCEPTS], connected by
thin luminous teal threads. Each node labeled with clean white sans-serif
text. Dramatic spotlight from upper-left creating teal (#7fffd4) rim
lighting on glass edges. Gold (#ffd700) accents on [KEY HIGHLIGHTS].
Title "[TITLE TEXT]" in elegant thin modern typeface at top.
Statistics and numbers visible on glass surfaces. Professional data
visualization meets luxury 3D rendering. 16:9 wide composition.
Ultra-high detail, studio quality. NOT flat, NOT HUD, NOT clay.
Template: Hero Banner with Data
Wide 16:9 hero composition. Central luminous [SYMBOL] made of translucent
crystal, surrounded by orbital data elements on frosted glass cards.
Each card shows key stat: "[STAT1]", "[STAT2]", "[STAT3]".
Connected by thin glass threads forming constellation pattern.
Deep void background with subtle teal atmospheric gradient.
Title "[BRAND]" in ultra-thin modern serif with generous tracking.
Tagline "[TAGLINE]" in muted smaller text below.
Dramatic volumetric lighting. Premium tech-luxury aesthetic.
Template: System Architecture
Technical architecture diagram rendered as 3D glass layer visualization.
[N] horizontal frosted glass platforms stacked with depth separation,
each representing an architectural layer. Layer labels in clean white
text: "[LAYER1]", "[LAYER2]", "[LAYER3]". Within each layer, small
crystal nodes for components, connected by luminous teal threads.
Vertical golden light beams connecting layers. Dark void background.
Professional technical illustration meets luxury rendering.
Isometric-ish angle showing depth. Title "[TITLE]" at top.
Model Selection
- gemini-3-pro-image-preview via nano-banana — Best quality, uses thinking tokens
- gemini-2.5-flash-image via nano-banana — Fast iteration for drafts
- NEVER infogenius for final visuals — Adds unwanted annotations
Research-First Pipeline (ACOS Pattern)
1. RESEARCH → Use infogenius research_topic for real facts
2. STRUCTURE → Organize facts into visual hierarchy
3. COMPOSE → Craft prompt encoding facts into glass materials
4. GENERATE → nano-banana gemini-3-pro-image-preview
5. EVALUATE → Does it inform AND attract? Both required.
Quality Checklist
- Contains at least 5 distinct data points or concepts?
- Every element is labeled or identifiable?
- Uses 3D glass/crystal materials (not flat, not clay)?
- Has clear visual hierarchy (foreground/mid/background)?
- Maximum 3 accent colors?
- Would this work in a pitch deck for a $1B company?
- Does someone learn something by looking at it?
- Is there dramatic directional lighting?
"The difference between decoration and intelligence is information."
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
luminor-personality-design
Design consistent, memorable AI personalities for Arcanea Luminors. From voice patterns to system prompts, create AI companions that feel magical and alive.
guardian-evolution-system
Design and implement the Guardian AI companion evolution system - from Level 1 Spark to Level 50 Transcendent. XP mechanics, personality adaptation, and player progression.
arcanea-prompt-craft
Master the Arcanean Prompt Language - advanced prompt engineering using mythological frameworks, constraint architecture, and the Centaur Principle for human-AI co-creation
Arcanea Lore Master
Maintains consistency in Arcanea world-building, including academy systems, magical mechanics, character lore, and narrative coherence across the fantasy multiverse platform
Arcanea Creator Academy
The integration of Teacher Team with Arcanea's creator education mission
Arcanea Canon Guardian
Canon consistency enforcement for Arcanea universe - tracks facts, prevents contradictions, maintains timeline, ensures lore integrity
Didn't find tool you were looking for?