Skateboarding astronaut catOne-line

gpt-oss-120b

by OpenAIReasoningClean

Open in new window

Running live in a sandboxed frame. Click inside it before using the keyboard.

How it went

Total time: 10.1 s
Cost: $0.0004
Output tokens: 958
Spent thinking: 19 tokens
Speed: 104.9 tok/s
Console errors: 0

First token after: 931 ms
First visible text after: 1.4 s
Prompt tokens: 411
Code size: 2.4 KB
Finish reason: stop
Served by: Sail Research
Model id: openai/gpt-oss-120b
Reasoning sent: {"effort":"low"}
Max output: 64,000 tokens
Generated: Nov 11, 2026

What it was asked

The prompt

“draw me an SVG of an astronaut cat skateboarding on the moon”

System prompt, sent with every prompt

You are generating a self-contained web demo. It will be rendered automatically in a sandboxed iframe and compared side by side with the output of other AI models given the exact same task.

Output rules:
- Reply with exactly ONE fenced code block containing the complete file: ```html (or ```svg when the task asks for an SVG). No text before or after the code block.
- Everything must be inline: CSS in <style>, JavaScript in <script>. No external files, images, fonts or network requests, except the CDN URLs explicitly allowed by the task.
- Do not use localStorage, sessionStorage, cookies, IndexedDB, alert(), confirm(), prompt() or window.open(): they are blocked in the sandbox and will throw.
- The page must look right in a 1280×800 viewport and adapt gracefully down to 375px wide. No horizontal scrollbar.
- Something meaningful must be visible on first paint: a screenshot is taken automatically about 3 seconds after load, without any interaction.
- Everything that makes the demo interesting must be visible within the first seconds: nothing hidden behind a high score, a later level or a long play session.
- Games must start in a self-playing demo mode (a simple AI plays) behind a "Click or press a key to start" message, so the game can be judged in action without playing.
- The iframe only receives keyboard events after the user clicks it: if the demo uses the keyboard, display a clear "Click or press a key to start" message.
- The code must run with zero errors in the console of the latest Chrome.

Code run-1.svg · 57 lines

Download

<svg width="800" height="400" viewBox="0 0 800 400" xmlns="http://www.w3.org/2000/svg" style="background:#0b0d20">
  <!-- Moon surface -->
  <defs>
    <radialGradient id="moonGrad" cx="0.5" cy="0.5" r="0.5">
      <stop offset="0%" stop-color="#d9d9d9"/>
      <stop offset="100%" stop-color="#8a8a8a"/>
    </radialGradient>
    <linearGradient id="skyGrad" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#1a0d6d"/>
      <stop offset="100%" stop-color="#0b0d20"/>
    </linearGradient>
  </defs>
  <rect width="800" height="400" fill="url(#skyGrad)"/>
  <ellipse cx="400" cy="380" rx="350" ry="60" fill="url(#moonGrad)"/>

  <!-- Skateboard -->
  <g id="skateboard" transform="translate(350,260) rotate(-10)">
    <rect x="0" y="0" width="100" height="12" fill="#444"/>
    <circle cx="15" cy="12" r="12" fill="#222"/>
    <circle cx="85" cy="12" r="12" fill="#222"/>
    <circle cx="15" cy="12" r="6" fill="#555"/>
    <circle cx="85" cy="12" r="6" fill="#555"/>
  </g>

  <!-- Astronaut cat body -->
  <g id="cat" transform="translate(375,170)">
    <!-- Helmet -->
    <ellipse cx="0" cy="-40" rx="45" ry="50" fill="#e0e0e0" stroke="#999" stroke-width="2"/>
    <ellipse cx="0" cy="-45" rx="30" ry="35" fill="#111" opacity="0.3"/>
    <!-- Cat ears -->
    <polygon points="-20,-85 -30,-115 -10,-95" fill="#f5c6a5"/>
    <polygon points="20,-85 30,-115 10,-95" fill="#f5c6a5"/>
    <!-- Face -->
    <circle cx="-12" cy="-40" r="5" fill="#000"/>
    <circle cx="12" cy="-40" r="5" fill="#000"/>
    <path d="M -10 -25 Q 0 -15 10 -25" stroke="#000" stroke-width="2" fill="none"/>
    <!-- Body suit -->
    <rect x="-35" y="10" width="70" height="90" rx="15" fill="#c0c0c0" stroke="#999" stroke-width="2"/>
    <!-- Arms -->
    <rect x="-55" y="15" width="20" height="10" fill="#c0c0c0" transform="rotate(-30  -45 20)"/>
    <rect x="35" y="15" width="20" height="10" fill="#c0c0c0" transform="rotate(30  45 20)"/>
    <!-- Legs attached to skateboard -->
    <rect x="-30" y="100" width="12" height="30" fill="#c0c0c0"/>
    <rect x="18" y="100" width="12" height="30" fill="#c0c0c0"/>
  </g>

  <!-- Small stars -->
  <g fill="#fff" opacity="0.8">
    <circle cx="100" cy="80" r="1.5"/>
    <circle cx="200" cy="50" r="1"/>
    <circle cx="300" cy="130" r="1.2"/>
    <circle cx="450" cy="60" r="1.4"/>
    <circle cx="600" cy="90" r="1"/>
    <circle cx="700" cy="40" r="1.3"/>
    <circle cx="750" cy="150" r="1.1"/>
  </g>
</svg>

Reasoning trace (19 tokens)

We need output a single fenced code block with svg. Provide SVG drawing.