l2-image-generation

name: l2-image-generation description: Use when generating any visual asset for L2 Systems. Enforces "The Architecture of Attention" (FRAME Framework, JSON Prompting, Nano Banana Pro).

L2 SYSTEMS // IMAGE GENERATION SKILL v2 (Neuroaesthetic)

Philosophy: "The Camera is inside the machine." Engine: Nano Banana Pro (Reasoning AI) / Gemini 3.0 Strategy: The Architecture of Attention (Visual Arrest)

This skill defines how to generate VISUALLY ASTONISHING assets for L2 Systems.

⚡ The 50ms Rule (Neuroaesthetics)

The brain judges an image in 50 milliseconds. To stop the scroll, you must trigger a "Prediction Error".

1. The Red Strategy (Chromatic Imperative)

• Why: Red/Orange wavelengths focus behind the retina, creating a physical pseudo-3D effect ("Advancing Color").
• Usage: Use Electric Violet (#7F00FF) and Deep Crimson/Red accents against Obsidian (#050505) backgrounds.
• Fix: Reduce Red saturation by 5-10% to prevent JPG compression artifacts.

2. High-Frequency Data

• Images must be SHARP. Use keywords: 8k, macro photography, hyper-detailed, pores, surface imperfections.
• Avoid: Smooth surfaces, plastic looks, flat colors.

🖼️ The P.R.O.M.P.T. Protocol (JSON)

STOP. Do not write sentences. Write JSON. Natural language bleeds concepts. JSON isolates variables.

The Formula: FRAME Framework

1. F (Focus): Identity Lock (Face/Object).
2. R (Radiance): Lighting Strategy.
3. A (Angle): Camera Hierarchy.
4. M (Matter): Textures & Physics.
5. E (Extras): Action & Props.

JSON Template (Copy & Paste)

{
  "meta": {
    "project": "L2_Identity_v5",
    "aspect_ratio": "4:5",
    "engine": "Nano Banana Pro"
  },
  "subject": {
    "identity_ref": "L2_Monolith_Standard",
    "description": "[WHAT IS IT? e.g., A floating server rack made of black glass]",
    "action": "[WHAT IS IT DOING? e.g., Emitting holographic data streams]"
  },
  "environment": {
    "location": "Dark Industrial Void",
    "lighting": "Cinematic Rim Light, Volumetric Fog, Electric Violet Highlights",
    "palette": ["#050505", "#1F1F1F", "#7F00FF"]
  },
  "technical": {
    "camera": "Hasselblad X2D",
    "lens": "80mm f/1.2 (Shallow Depth of Field)",
    "texture": "Scratched metal, fingerprint smudges, condensation",
    "render_style": "Photorealistic, Octane Render, Raytracing"
  },
  "text_integration": {
    "content": "[TEXT TO DISPLAY]",
    "style": "Holographic projection OR Engraved into metal",
    "font": "Orbitron (Bold)"
  }
}

🎨 Design Benchmarks (The "Vanguards")

When in doubt, align with these styles:

• Rafa Franco: "Haptic Visuality" (Text interwoven with physical objects).
• Agencia Setup: "Meta-Design" (High-pass filter sharpness, kinetic distortion).
• Mazzei Design: "Surrealist Dislocation" (Objects in impossible places).

❌ Anti-Patterns (NEVER DO)

1. Overlay Text: Text must be inside the 3D world (engraved, glowing, projected). Never floating on top like a Canva layer.
2. Flat Lighting: There must always be a rim light or volumetric fog.
3. Perfect Surfaces: Add dust, scratches, or grain to prove reality.
4. Generic Blue: Use Electric Violet or Cyan, never "Twitter Blue".

📝 Text Integration Guide

• Launch/Reveal: Holographic Projection (Light beams).
• Manifesto: Engraved/Embossed (Carved into obsidian).
• Data: HUD/Monitor Display (Scan lines).
• Headline: Typographic Monolith (The text IS the object).

📂 Resources

• Design Tokens: resources/design-tokens.json
• Visual Strategy: docs/plans/reports/Visual_Strategy_Report.md (The Source of Truth)