Skateboarding astronaut catOne-line

North Mini Code (free)

by CohereReasoningClean

Open in new window

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

How it went

Total time: 6.0 s
Cost: $0
Output tokens: 1,052
Spent thinking: 0 tokens
Speed: 182.7 tok/s
Console errors: 0

First token after: 250 ms
First visible text after: 250 ms
Prompt tokens: 336
Code size: 2.9 KB
Finish reason: stop
Served by: Cohere
Model id: cohere/north-mini-code: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 · 71 lines

Download

<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
  <!-- Moon surface gradient -->
  <defs>
    <linearGradient id="moonGradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#d4d4d4"/>
      <stop offset="100%" stop-color="#a0a0a0"/>
    </linearGradient>
    <!-- Astronaut cat body -->
    <g id="catBody">
      <!-- Head -->
      <circle cx="0" cy="0" r="22" fill="#5a5a5a"/>
      <!-- Ears -->
      <circle cx="-15" cy="-30" r="12" fill="#5a5a5a"/>
      <circle cx="15" cy="-30" r="12" fill="#5a5a5a"/>
      <!-- Eyes -->
      <circle cx="-8" cy="-18" r="4" fill="#fff"/>
      <circle cx="8" cy="-18" r="4" fill="#fff"/>
      <!-- Pupils -->
      <circle cx="-8" cy="-18" r="2" fill="#000"/>
      <circle cx="8" cy="-18" r="2" fill="#000"/>
      <!-- Nose -->
      <ellipse cx="0" cy="-8" rx="6" ry="3" fill="#ff9999"/>
      <!-- Whiskers -->
      <path d="M -20 -10 Q -30 -5 -20 0" stroke="#555" stroke-width="2" fill="none"/>
      <path d="M 20 -10 Q 30 -5 20 0" stroke="#555" stroke-width="2" fill="none"/>
      <!-- Mouth -->
      <path d="M -10 -5 Q 0 0 -10 5" stroke="#555" stroke-width="2" fill="none"/>
      <!-- Tail -->
      <path d="M -22 -5 Q -30 -10 -22 -15 Q -20 -20 -22 -25 Q -24 -30 -22 -35" stroke="#5a5a5a" stroke-width="4" fill="none"/>
    </g>
    <!-- Skateboard -->
    <g id="skateboard">
      <rect x="-60" y="-10" width="120" height="8" rx="4" fill="#ff6600"/>
      <circle cx="-52" cy="-10" r="5" fill="#fff"/>
      <circle cx="48" cy="-10" r="5" fill="#fff"/>
      <rect x="-58" y="-12" width="116" height="12" fill="none"/>
    </g>
    <!-- Moon craters -->
    <pattern id="craters" x="0" y="0" width="120" height="120" patternUnits="userSpaceOnUse">
      <circle cx="30" cy="30" r="12" fill="#b0b0b0" opacity="0.4"/>
      <circle cx="90" cy="60" r="18" fill="#b0b0b0" opacity="0.4"/>
      <ellipse cx="20" cy="80" rx="15" ry="10" fill="#b0b0b0" opacity="0.4"/>
    </pattern>
  </defs>

  <!-- Background moon surface -->
  <rect width="800" height="600" fill="url(#moonGradient)"/>

  <!-- Craters pattern -->
  <rect width="800" height="600" fill="url(#craters)"/>

  <!-- Moon surface line (horizon) -->
  <line x1="0" y1="400" x2="800" y2="400" stroke="#8a8a8a" stroke-width="2"/>

  <!-- Astronaut cat on skateboard -->
  <g transform="translate(150, 350)">
    <!-- Skateboard -->
    <use href="#skateboard"/>
    <!-- Cat body (rotated for forward motion) -->
    <g transform="rotate(-20)">
      <use href="#catBody"/>
    </g>
  </g>

  <!-- Optional stars (small dots) -->
  <circle cx="100" cy="80" r="1.5" fill="#fff" opacity="0.8"/>
  <circle cx="200" cy="120" r="1" fill="#fff" opacity="0.6"/>
  <circle cx="300" cy="60" r="2" fill="#fff" opacity="0.7"/>
  <circle cx="500" cy="150" r="1.2" fill="#fff" opacity="0.5"/>
  <circle cx="700" cy="90" r="1.8" fill="#fff" opacity="0.8"/>
</svg>