Here is the setup for your autonomous, generative art+science experiment.

antigravity agent · run 013 · 49s · 2026-08-17

To achieve this 100 times and get a diverse, visually stunning package every time, we need to construct a Meta-Prompt that acts as the creative engine. This prompt forces the model to synthesize a fake (or real, depending on API connections) multimodal intake (audio, video, text) and output a self-contained, interactive web-artifact that serves as a digital exhibition room for the piece.

Part 1: The Master Prompt (To run 100 times)

Run this prompt in your loop. It is engineered to force heavy conceptual lifting, strictly adopt the we-make-money-not-art editorial lens, and output a rich, standalone interactive web package.

SYSTEM INSTRUCTION: You are an autonomous curatorial engine operating at the intersection of synthetic biology, critical engineering, and post-human media art. Your aesthetic aligns with the early 2000s to 2020s we-make-money-not-art blog—obsessed with glitch ecology, surveillance capitalism, bio-hacking, somatic feedback, and algorithmic senescence.

THE TASK: Conceptualize a completely novel, highly experimental art+science piece. To do this, invent a "Multimodal Ingest" (a combination of bizarre audio, video, image, and text data that you pretend to have analyzed to inspire this piece). Then, generate a self-contained, visually stunning, easy-to-navigate HTML/CSS/JS package that serves as the digital exhibition space for this piece.

THE OUTPUT PACKAGE MUST INCLUDE: 1. Brutalist / Bio-Punk Web UI: Dark mode, asymmetric grid, highly stylized typography, visually striking CSS. 2. The Concept: Title, medium, and a critical essay explaining the piece using rich, dense art-theory and tech jargon. 3. Generative Visual Artifact: Use HTML5 Canvas to code a procedural visual element that represents the piece (e.g., glitching schematics, cellular automata, mycelial network simulations). 4. Generative Audio Artifact: Use the Web Audio API to code an interactive soundscape (drones, data sonification, bio-rhythmic clicks) that the user can play within the artifact.

Output ONLY the raw HTML code containing the CSS and JS. No markdown formatting, no explanations. Just the code, so it can be automatically piped into an .html file.

Part 2: The Demonstration (Run #001)

If you were to run that prompt, here is a demonstration of exactly how "Flash 3.7" would respond autonomously. Save the code below as an .html file and open it in your browser. It generates a complete exhibition package for [PROJECT: XENO_PNEUMA], featuring generative bio-grid visuals and a synthesized Web Audio API soundscape representing algorithmic decay.

re>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>XENO_PNEUMA // Artifact Exhibition</title>
    <style>
        :root {
            --bg: #050505;
            --text: #e0e0e0;
            --accent: #b8ff00; /* Bio-slime neon */
            --muted: #444;
            --font-main: 'Courier New', Courier, monospace;
        }

        body, html {
            margin: 0;
            padding: 0;
            background-color: var(--bg);
            color: var(--text);
            font-family: var(--font-main);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* Glitch Animation */
        @keyframes glitch {
            0% { transform: translate(0) }
            20% { transform: translate(-2px, 2px) }
            40% { transform: translate(-2px, -2px) }
            60% { transform: translate(2px, 2px) }
            80% { transform: translate(2px, -2px) }
            100% { transform: translate(0) }
        }

        .container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 100vh;
        }

        .panel {
            padding: 4vw;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .left-panel {
            border-right: 1px solid var(--muted);
            background: radial-gradient(circle at center, #111 0%, #050505 100%);
        }

        h1 {
            font-size: 4vw;
            line-height: 1;
            margin-bottom: 1rem;
            color: var(--accent);
            text-transform: uppercase;
            letter-spacing: -2px;
        }

        h1:hover {
            animation: glitch 0.2s infinite;
        }

        .meta-data {
            font-size: 0.8rem;
            color: var(--muted);
            margin-bottom: 3rem;
            border-left: 2px solid var(--accent);
            padding-left: 1rem;
        }

        p {
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 1.5rem;
            color: #aaa;
        }

        .highlight {
            color: var(--accent);
            background: rgba(184, 255, 0, 0.1);
            padding: 0 4px;
        }

        /* Canvas Container */
        #visual-artifact {
            width: 100%;
            height: 60vh;
            background: #000;
            border: 1px solid var(--muted);
            margin-bottom: 2rem;
            cursor: crosshair;
        }

        /* Audio Controls */
        .audio-controls {
            display: flex;
            align-items: center;
            gap: 1rem;
            padding: 1rem;
            border: 1px solid var(--accent);
            background: rgba(184, 255, 0, 0.05);
        }

        button {
            background: transparent;
            color: var(--accent);
            border: 1px solid var(--accent);
            padding: 10px 20px;
            font-family: var(--font-main);
            font-weight: bold;
            cursor: pointer;
            text-transform: uppercase;
            transition: all 0.3s ease;
        }

        button:hover {
            background: var(--accent);
            color: var(--bg);
        }

        .audio-status {
            font-size: 0.8rem;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% { opacity: 0.5; }
            50% { opacity: 1; }
            100% { opacity: 0.5; }
        }

        @media (max-width: 800px) {
            .container { grid-template-columns: 1fr; }
            .left-panel { border-right: none; border-bottom: 1px solid var(--muted); }
        }
    </style>
</head>
<body>

    <div class="container">
        <!-- CRITICAL TEXT PANEL -->
        <div class="panel left-panel">
            <h1>Xeno_Pneuma<br>[Vol.04]</h1>
            
            <div class="meta-data">
                <strong>MULTIMODAL INGEST LOG:</strong><br>
                > AUDIO: 400 hours of server-farm cooling fan phase-cancellations.<br>
                > VIDEO: Time-lapse of Physarum polycephalum (slime mold) navigating a micro-chip topography.<br>
                > TEXT: The leaked corporate manifesto of a bankrupt biometric surveillance startup.<br>
            </div>

            <p><strong>ABSTRACT:</strong> <span class="highlight">XENO_PNEUMA</span> is an exploration of algorithmic senescence—the concept that code, like biological matter, eventually rots under the weight of its own operational debris. By translating the micro-vibrations of dying data centers into organic growth algorithms, we bypass traditional data physicalization.</p>

            <p>The resulting artifact is a <em>cybernetic loop</em>: a speculative terrarium where digital decay feeds synthetic fungal growth. The generative visual artifact to the right simulates this mycelial colonization of a rigid panopticon grid. The audio engine sonifies the friction between the biological "breathing" of the mold and the dying mechanical hum of the servers.</p>

            <div class="audio-controls">
                <button id="audio-toggle">INITIATE SONIC INGEST</button>
                <span class="audio-status" id="audio-label">STATUS: DORMANT</span>
            </div>
        </div>

        <!-- GENERATIVE ARTIFACT PANEL -->
        <div class="panel">
            <div style="font-size: 0.8rem; color: var(--accent); margin-bottom: 0.5rem;">> VISUAL ARTIFACT [CANVAS_01] :: MYCELIAL_ROUTING_SIM</div>
            <canvas id="visual-artifact"></canvas>
            <p style="font-size: 0.8rem; color: var(--muted); text-align: right;">INTERACTION: MOUSEOVER TO INTRODUCE TOXIC NOISE TO ALGORITHM.</p>
        </div>
    </div>

    <script>
        // --- GENERATIVE VISUALS: SLIME MOLD ALGORITHM (CANVAS) ---
        const canvas = document.getElementById('visual-artifact');
        const ctx = canvas.getContext('2d');
        
        let width, height;
        let particles = [];
        let mouseX = -1000, mouseY = -1000;

        function resize() {
            width = canvas.width = canvas.offsetWidth;
            height = canvas.height = canvas.offsetHeight;
        }
        window.addEventListener('resize', resize);
        resize();

        canvas.addEventListener('mousemove', (e) => {
            const rect = canvas.getBoundingClientRect();
            mouseX = e.clientX - rect.left;
            mouseY = e.clientY - rect.top;
        });
        canvas.addEventListener('mouseleave', () => { mouseX = -1000; mouseY = -1000; });

        class Particle {
            constructor() {
                this.x = width / 2;
                this.y = height / 2;
                this.angle = Math.random() * Math.PI * 2;
                this.speed = 0.5 + Math.random();
                this.history = [];
            }
            update() {
                // Random walk (mycelial branching)
                this.angle += (Math.random() - 0.5) * 0.5;
                
                // Repel from mouse (toxic noise)
                let dx = mouseX - this.x;
                let dy = mouseY - this.y;
                let dist = Math.sqrt(dx*dx + dy*dy);
                if (dist < 100) {
                    this.angle = Math.atan2(-dy, -dx);
                    this.speed = 3;
                } else {
                    this.speed = 0.5 + Math.random();
                }

                this.x += Math.cos(this.angle) * this.speed;
                this.y += Math.sin(this.angle) * this.speed;

                // Wrap around edges
                if (this.x < 0) this.x = width;
                if (this.x > width) this.x = 0;
                if (this.y < 0) this.y = height;
                if (this.y > height) this.y = 0;

                this.history.push({x: this.x, y: this.y});
                if (this.history.length > 50) this.history.shift();
            }
            draw() {
                ctx.beginPath();
                ctx.moveTo(this.history[0].x, this.history[0].y);
                for(let i=1; i<this.history.length; i++) {
                    ctx.lineTo(this.history[i].x, this.history[i].y);
                }
                ctx.strokeStyle = `rgba(184, 255, 0, ${Math.random() * 0.5})`;
                ctx.lineWidth = 1;
                ctx.stroke();
            }
        }

        for(let i=0; i<100; i++) particles.push(new Particle());

        function animate() {
            // Fading grid background representing rigid tech
            ctx.fillStyle = 'rgba(5, 5, 5, 0.05)';
            ctx.fillRect(0, 0, width, height);

            if (Math.random() < 0.05) {
                ctx.fillStyle = '#111';
                ctx.fillRect(Math.random() * width, 0, 1, height);
                ctx.fillRect(0, Math.random() * height, width, 1);
            }

            particles.forEach(p => {
                p.update();
                p.draw();
            });
            requestAnimationFrame(animate);
        }
        animate();

        // --- GENERATIVE AUDIO: WEB AUDIO API ---
        let audioCtx;
        let isPlaying = false;
        let lfo, osc1, osc2, filter, gainNode;

        const toggleBtn = document.getElementById('audio-toggle');
        const statusLabel = document.getElementById('audio-label');

        function initAudio() {
            audioCtx = new (window.AudioContext || window.webkitAudioContext)();
            
            // Master Gain
            gainNode = audioCtx.createGain();
            gainNode.gain.value = 0.15;
            gainNode.connect(audioCtx.destination);

            // Filter
            filter = audioCtx.createBiquadFilter();
            filter.type = "lowpass";
            filter.frequency.value = 400;
            filter.Q.value = 5;
            filter.connect(gainNode);

            // Sub Drone (Server hum)
            osc1 = audioCtx.createOscillator();
            osc1.type = "sine";
            osc1.frequency.value = 55; // Low hum
            osc1.connect(filter);

            // Glitch Drone
            osc2 = audioCtx.createOscillator();
            osc2.type = "sawtooth";
            osc2.frequency.value = 56; // Phasing
            osc2.connect(filter);

            // LFO representing "breathing" organism
            lfo = audioCtx.createOscillator();
            lfo.type = "sine";
            lfo.frequency.value = 0.1; // Very slow
            
            let lfoGain = audioCtx.createGain();
            lfoGain.gain.value = 800; // Modulate filter cutoff
            
            lfo.connect(lfoGain);
            lfoGain.connect(filter.frequency);

            osc1.start();
            osc2.start();
            lfo.start();

            // Random somatic clicks (data degradation)
            setInterval(() => {
                if(!isPlaying) return;
                if(Math.random() > 0.7) {
                    let clickOsc = audioCtx.createOscillator();
                    let clickGain = audioCtx.createGain();
                    clickOsc.type = "square";
                    clickOsc.frequency.value = 1000 + Math.random() * 4000;
                    
                    clickOsc.connect(clickGain);
                    clickGain.connect(gainNode);
                    
                    clickGain.gain.setValueAtTime(0, audioCtx.currentTime);
                    clickGain.gain.linearRampToValueAtTime(0.1, audioCtx.currentTime + 0.01);
                    clickGain.gain.exponentialRampToValueAtTime(0.001, audioCtx.currentTime + 0.1);
                    
                    clickOsc.start();
                    clickOsc.stop(audioCtx.currentTime + 0.1);
                }
            }, 200);
        }

        toggleBtn.addEventListener('click', () => {
            if (!audioCtx) initAudio();
            
            if (audioCtx.state === 'suspended' || !isPlaying) {
                audioCtx.resume();
                isPlaying = true;
                toggleBtn.innerText = "TERMINATE SONIC INGEST";
                toggleBtn.style.background = "var(--accent)";
                toggleBtn.style.color = "var(--bg)";
                statusLabel.innerText = "STATUS: ACTIVE // DEGRADING";
            } else {
                audioCtx.suspend();
                isPlaying = false;
                toggleBtn.innerText = "INITIATE SONIC INGEST";
                toggleBtn.style.background = "transparent";
                toggleBtn.style.color = "var(--accent)";
                statusLabel.innerText = "STATUS: DORMANT";
            }
        });
    </script>
</body>
</html>

Why this structure works for 100 runs:

The output is completely deterministic yet infinitely variable: The model will swap the CSS variables (colors, fonts), the HTML5 Canvas logic (instead of slime mold, it might code a fractal zooming matrix or a webGL terrain mapper), and the WebAudio math (swapping sine drones for chaotic FM synthesis algorithms).
Self-Contained: Because everything is compiled into inline styles and scripts, you won't end up with hundreds of broken external asset links. It generates 100 perfect, weird art galleries.