Skateboarding astronaut catOne-line

Nemotron 3 Nano Omni (free)

by NVIDIAReasoningClean

Open in new window

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

How it went

Total time: 18.4 s
Cost: $0
Output tokens: 1,385
Spent thinking: 0 tokens
Speed: 78.9 tok/s
Console errors: 0

First token after: 807 ms
First visible text after: 807 ms
Prompt tokens: 366
Code size: 2.8 KB
Finish reason: stop
Served by: Nvidia
Model id: nvidia/nemotron-3-nano-omni-30b-a3b-reasoning:free
Reasoning sent: {"effort":"none"}
Max output: 32,000 tokens
Generated: Nov 9, 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 · 72 lines

Download

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 800" width="1280" height="800" style="background:#111">
  <style>
    .moon { fill:#333; stroke:#555; stroke-width:2; }
    .craters { fill:#444; }
    .astronaut { fill:#ccc; stroke:#999; stroke-width:1; }
    .skateboard { fill:#222; stroke:#555; stroke-width:1; }
    .cat { fill:#eee; stroke:#999; stroke-width:1; }
    .star { fill:#fff; }
  </style>

  <!-- Moon surface -->
  <circle class="moon" cx="640" cy="450" r="200" />
  
  <!-- Craters -->
  <circle class="craters" cx="500" cy="350" r="30" />
  <circle class="craters" cx="700" cy="400" r="25" />
  <circle class="craters" cx="550" cy="500" r="20" />
  <circle class="craters" cx="620" cy="480" r="15" />
  <circle class="craters" cx="680" cy="380" r="18" />

  <!-- Stars -->
  <circle class="star" cx="300" cy="100" r="2" />
  <circle class="star" cx="900" cy="200" r="1.5" />
  <circle class="star" cx="100" cy="600" r="2.5" />
  <circle class="star" cx="1100" cy="50" r="1" />
  <circle class="star" cx="400" cy="700" r="1.8" />

  <!-- Astronaut cat -->
  <g class="astronaut">
    <!-- Body -->
    <ellipse cx="640" cy="450" rx="80" ry="100" />
    <!-- Head -->
    <circle cx="640" cy="350" r="40" />
    <!-- Ears -->
    <path d="M620,320 L610,300 L630,300 Z" fill="#eee" />
    <path d="M660,320 L670,300 L650,300 Z" fill="#eee" />
    <!-- Eyes -->
    <circle cx="630" cy="345" r="5" fill="#000" />
    <circle cx="650" cy="345" r="5" fill="#000" />
    <!-- Nose -->
    <polygon points="640,355 638,365 642,365" fill="#000" />
    <!-- Mouth -->
    <path d="M635,365 Q645,375 655,365" stroke="#000" stroke-width="2" fill="none" />
    <!-- Suit helmet -->
    <path d="M610,300 Q640,280 670,300 Q650,320 610,320 Z" fill="#ccc" />
    <!-- Arms -->
    <path d="M560,450 Q540,400 530,380" fill="#ccc" />
    <path d="M720,450 Q740,400 750,380" fill="#ccc" />
    <!-- Legs -->
    <path d="M620,550 Q620,650 640,680" fill="#ccc" />
    <path d="M660,550 Q660,650 680,680" fill="#ccc" />
  </g>

  <!-- Skateboard -->
  <g class="skateboard">
    <rect x="620" y="680" width="80" height="10" rx="5" ry="5" />
    <rect x="620" y="690" width="80" height="6" rx="5" ry="5" />
    <circle cx="600" cy="695" r="5" fill="#555" />
    <circle cx="680" cy="695" r="5" fill="#555" />
  </g>

  <!-- Cat details -->
  <g class="cat">
    <!-- Tail -->
    <path d="M640,550 C660,560 680,580 660,600" stroke="#eee" stroke-width="8" fill="none" />
    <!-- Whiskers -->
    <line x1="615" y1="350" x2="600" y2="360" stroke="#999" stroke-width="1" />
    <line x1="625" y1="350" x2="635" y2="360" stroke="#999" stroke-width="1" />
    <line x1="615" y1="365" x2="600" y2="375" stroke="#999" stroke-width="1" />
    <line x1="625" y1="365" x2="635" y2="375" stroke="#999" stroke-width="1" />
  </g>
</svg>

Raw response

```html
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 800" width="1280" height="800" style="background:#111">
  <style>
    .moon { fill:#333; stroke:#555; stroke-width:2; }
    .craters { fill:#444; }
    .astronaut { fill:#ccc; stroke:#999; stroke-width:1; }
    .skateboard { fill:#222; stroke:#555; stroke-width:1; }
    .cat { fill:#eee; stroke:#999; stroke-width:1; }
    .star { fill:#fff; }
  </style>

  <!-- Moon surface -->
  <circle class="moon" cx="640" cy="450" r="200" />
  
  <!-- Craters -->
  <circle class="craters" cx="500" cy="350" r="30" />
  <circle class="craters" cx="700" cy="400" r="25" />
  <circle class="craters" cx="550" cy="500" r="20" />
  <circle class="craters" cx="620" cy="480" r="15" />
  <circle class="craters" cx="680" cy="380" r="18" />

  <!-- Stars -->
  <circle class="star" cx="300" cy="100" r="2" />
  <circle class="star" cx="900" cy="200" r="1.5" />
  <circle class="star" cx="100" cy="600" r="2.5" />
  <circle class="star" cx="1100" cy="50" r="1" />
  <circle class="star" cx="400" cy="700" r="1.8" />

  <!-- Astronaut cat -->
  <g class="astronaut">
    <!-- Body -->
    <ellipse cx="640" cy="450" rx="80" ry="100" />
    <!-- Head -->
    <circle cx="640" cy="350" r="40" />
    <!-- Ears -->
    <path d="M620,320 L610,300 L630,300 Z" fill="#eee" />
    <path d="M660,320 L670,300 L650,300 Z" fill="#eee" />
    <!-- Eyes -->
    <circle cx="630" cy="345" r="5" fill="#000" />
    <circle cx="650" cy="345" r="5" fill="#000" />
    <!-- Nose -->
    <polygon points="640,355 638,365 642,365" fill="#000" />
    <!-- Mouth -->
    <path d="M635,365 Q645,375 655,365" stroke="#000" stroke-width="2" fill="none" />
    <!-- Suit helmet -->
    <path d="M610,300 Q640,280 670,300 Q650,320 610,320 Z" fill="#ccc" />
    <!-- Arms -->
    <path d="M560,450 Q540,400 530,380" fill="#ccc" />
    <path d="M720,450 Q740,400 750,380" fill="#ccc" />
    <!-- Legs -->
    <path d="M620,550 Q620,650 640,680" fill="#ccc" />
    <path d="M660,550 Q660,650 680,680" fill="#ccc" />
  </g>

  <!-- Skateboard -->
  <g class="skateboard">
    <rect x="620" y="680" width="80" height="10" rx="5" ry="5" />
    <rect x="620" y="690" width="80" height="6" rx="5" ry="5" />
    <circle cx="600" cy="695" r="5" fill="#555" />
    <circle cx="680" cy="695" r="5" fill="#555" />
  </g>

  <!-- Cat details -->
  <g class="cat">
    <!-- Tail -->
    <path d="M640,550 C660,560 680,580 660,600" stroke="#eee" stroke-width="8" fill="none" />
    <!-- Whiskers -->
    <line x1="615" y1="350" x2="600" y2="360" stroke="#999" stroke-width="1" />
    <line x1="625" y1="350" x2="635" y2="360" stroke="#999" stroke-width="1" />
    <line x1="615" y1="365" x2="600" y2="375" stroke="#999" stroke-width="1" />
    <line x1="625" y1="365" x2="635" y2="375" stroke="#999" stroke-width="1" />
  </g>
</svg>
```