Skateboarding astronaut catOne-line

Nemotron 3 Super

by NVIDIAreasoning defaultClean

Open in new window

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

How it went

Total time: 13.9 s
Cost: $0.0009
Output tokens: 2,229
Spent thinking: 1,270 tokens
Speed: 169.9 tok/s
Console errors: 0

First token after: 761 ms
First visible text after: 10.0 s
Prompt tokens: 366
Code size: 2.0 KB
Finish reason: stop
Served by: DeepInfra
Model id: nvidia/nemotron-3-super-120b-a12b
Reasoning sent: model default
Max output: 16,384 tokens
Generated: Nov 13, 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 · 45 lines

Download

<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
  <!-- background space -->
  <rect width="100%" height="100%" fill="#0b0d21"/>
  <!-- moon surface -->
  <ellipse cx="400" cy="500" rx="350" ry="80" fill="#c0c0c0"/>
  <!-- craters -->
  <circle cx="200" cy="480" r="20" fill="#a8a8a8"/>
  <circle cx="550" cy="460" r="15" fill="#a8a8a8"/>
  <circle cx="300" cy="520" r="25" fill="#a8a8a8"/>
  <circle cx="600" cy="510" r="18" fill="#a8a8a8"/>
  <!-- Earth in background -->
  <circle cx="150" cy="100" r="50" fill="#2a9df4"/>
  <circle cx="150" cy="100" r="45" fill="#6ecff6"/>
  <circle cx="150" cy="100" r="40" fill="#2a9df4"/>
  <!-- Astronaut cat -->
  <!-- body -->
  <rect x="340" y="300" width="120" height="80" rx="15" ry="15" fill="#ffffff"/>
  <!-- head -->
  <circle cx="400" cy="260" r="30" fill="#ffffff"/>
  <!-- ears -->
  <polygon points="380,230 360,260 400,260" fill="#ffffff"/>
  <polygon points="420,230 440,260 400,260" fill="#ffffff"/>
  <!-- helmet bubble -->
  <circle cx="400" cy="260" r="45" fill="none" stroke="#bbdefb" stroke-width="4"/>
  <!-- visor line -->
  <path d="M355 260 Q400 210 445 260" stroke="#bbdefb" stroke-width="4" fill="none"/>
  <!-- eyes -->
  <circle cx="390" cy="250" r="4" fill="#000"/>
  <circle cx="410" cy="250" r="4" fill="#000"/>
  <!-- nose -->
  <circle cx="400" cy="260" r="2" fill="#000"/>
  <!-- mouth -->
  <path d="M390 270 Q400 275 410 270" stroke="#000" stroke-width="2" fill="none"/>
  <!-- arms -->
  <rect x="300" y="320" width="30" height="50" rx="5" fill="#ffffff"/>
  <rect x="470" y="320" width="30" height="50" rx="5" fill="#ffffff"/>
  <!-- legs -->
  <rect x="350" y="380" width="20" height="60" rx="5" fill="#ffffff"/>
  <rect x="430" y="380" width="20" height="60" rx="5" fill="#ffffff"/>
  <!-- skateboard deck -->
  <rect x="350" y="440" width="100" height="15" rx="7" ry="7" fill="#5d4037"/>
  <!-- wheels -->
  <circle cx="360" cy="460" r="12" fill="#212121"/>
  <circle cx="440" cy="460" r="12" fill="#212121"/>
</svg>

Reasoning trace (1,270 tokens)

We need to output only an SVG with drawing of an astronaut cat skateboarding on the moon. No extra text. Must be in a fenced code block: ```svg ... ```. The SVG should be self-contained. It must be viewable; likely we need to set width and height. Provide some drawing: a cat wearing astronaut helmet, maybe a spacesuit, on a skateboard on a lunar surface with craters and Earth in background.

Simplify: draw a grey circle for moon background, white for surface, craters as small circles. Astronaut cat: a cat head with helmet (a bubble), body, maybe simple shapes. Skateboard: a rectangle deck, two wheels as circles.

We must ensure no external resources, all inline.

We'll create SVG with viewBox="0 0 800 600". Draw background: dark grey rectangle for space, then a lighter grey circle for moon? Actually moon surface: maybe a light grey ellipse for ground. Add some craters: small darker circles.

Astronaut cat: draw cat body: maybe a simple shape: head circle, ears triangles, helmet as a larger circle around head with a visor line. Body: maybe a rounded rectangle. Arms maybe.

Skateboard: deck as a rectangle at bottom of cat, wheels as circles.

Let's produce.

Make sure to include proper xmlns.

Let's craft.

Will output:

```svg
<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
  <!-- background space -->
  <rect width="100%" height="100%" fill="#0b0d21"/>
  <!-- moon surface -->
  <ellipse cx="400" cy="500" rx="350" ry="80" fill="#c0c0c0"/>
  <!-- craters -->
  <circle cx="200" cy="480" r="20" fill="#a8a8a8"/>
  <circle cx="550" cy="460" r="15" fill="#a8a8a8"/>
  <circle cx="300" cy="520" r="25" fill="#a8a8a8"/>
  <circle cx="600" cy="510" r="18" fill="#a8a8a8"/>
  <!-- Earth in background -->
  <circle cx="150" cy="100" r="50" fill="#2a9df4"/>
  <circle cx="150" cy="100" r="45" fill="#6ecff6"/>
  <circle cx="150" cy="100" r="40" fill="#2a9df4"/>
  <!-- Astronaut cat -->
  <!-- body -->
  <rect x="340" y="300" width="120" height="80" rx="15" ry="15" fill="#ffffff"/>
  <!-- head -->
  <circle cx="400" cy="260" r="30" fill="#ffffff"/>
  <!-- ears -->
  <polygon points="380,230 360,260 400,260" fill="#ffffff"/>
  <polygon points="420,230 440,260 400,260" fill="#ffffff"/>
  <!-- helmet bubble -->
  <circle cx="400" cy="260" r="45" fill="none" stroke="#bbdefb" stroke-width="4"/>
  <!-- visor line -->
  <path d="M355 260 Q400 210 445 260" stroke="#bbdefb" stroke-width="4" fill="none"/>
  <!-- eyes -->
  <circle cx="390" cy="250" r="4" fill="#000"/>
  <circle cx="410" cy="250" r="4" fill="#000"/>
  <!-- nose -->
  <circle cx="400" cy="260" r="2" fill="#000"/>
  <!-- mouth -->
  <path d="M390 270 Q400 275 410 270" stroke="#000" stroke-width="2" fill="none"/>
  <!-- arms -->
  <rect x="300" y="320" width="30" height="50" rx="5" fill="#ffffff"/>
  <rect x="470" y="320" width="30" height="50" rx="5" fill="#ffffff"/>
  <!-- legs -->
  <rect x="350" y="380" width="20" height="60" rx="5" fill="#ffffff"/>
  <rect x="430" y="380" width="20" height="60" rx="5" fill="#ffffff"/>
  <!-- skateboard deck -->
  <rect x="350" y="440" width="100" height="15" rx="7" ry="7" fill="#5d4037"/>
  <!-- wheels -->
  <circle cx="360" cy="460" r="12" fill="#212121"/>
  <circle cx="440" cy="460" r="12" fill="#212121"/>
</svg>
```

Check no external resources. Good.

Now output as fenced code block: ```svg ... ```. Ensure no extra text.