Skip to content

Instantly share code, notes, and snippets.

@simonw
Last active September 21, 2025 13:51
Show Gist options
  • Select an option

  • Save simonw/6a52e6585cb3c45e64ae23b9c5ebafe9 to your computer and use it in GitHub Desktop.

Select an option

Save simonw/6a52e6585cb3c45e64ae23b9c5ebafe9 to your computer and use it in GitHub Desktop.

NOTE this accidentally used reasoning enabled when it was meant to be reasoning disabled, see note here.

2025-09-20T23:46:16 conversation: 01k5mrb1psrv0e8s8yaf31z68h id: 01k5mravczhac5etmmt0y0w8yz

Model: openrouter/x-ai/grok-4-fast:free

Prompt

Generate an SVG of a pelican riding a bicycle

Response

<svg width="400" height="300" viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="400" height="300" fill="#87CEEB"/>
  
  <!-- Bicycle Wheels -->
  <circle cx="100" cy="200" r="50" fill="none" stroke="#333" stroke-width="4"/>
  <circle cx="300" cy="200" r="50" fill="none" stroke="#333" stroke-width="4"/>
  
  <!-- Bicycle Frame -->
  <line x1="100" y1="200" x2="200" y2="150" stroke="#333" stroke-width="4"/>
  <line x1="200" y1="150" x2="300" y2="200" stroke="#333" stroke-width="4"/>
  <line x1="200" y1="150" x2="200" y2="200" stroke="#333" stroke-width="4"/>
  <line x1="150" y1="175" x2="250" y2="175" stroke="#333" stroke-width="4"/> <!-- Seat support -->
  <line x1="100" y1="200" x2="150" y2="175" stroke="#333" stroke-width="4"/> <!-- Pedal support -->
  
  <!-- Seat -->
  <rect x="190" y="140" width="30" height="10" fill="#666" rx="2"/>
  
  <!-- Handlebars -->
  <line x1="220" y1="140" x2="260" y2="130" stroke="#333" stroke-width="4"/>
  <circle cx="260" cy="130" r="8" fill="#999" stroke="#333" stroke-width="2"/>
  
  <!-- Pedals (simplified) -->
  <circle cx="200" cy="200" r="10" fill="#999" stroke="#333" stroke-width="2"/>
  
  <!-- Pelican Body -->
  <ellipse cx="200" cy="130" rx="40" ry="30" fill="#FFD700" stroke="#333" stroke-width="2"/> <!-- Body -->
  
  <!-- Pelican Head -->
  <circle cx="240" cy="110" r="20" fill="#FFD700" stroke="#333" stroke-width="2"/>
  
  <!-- Pelican Beak -->
  <path d="M 260 110 Q 290 100 300 120 L 290 125 Z" fill="#FF4500" stroke="#333" stroke-width="2"/> <!-- Upper beak -->
  <path d="M 260 110 Q 290 120 300 140 L 290 135 Z" fill="#FF4500" stroke="#333" stroke-width="2"/> <!-- Lower beak with pouch -->
  
  <!-- Pelican Eye -->
  <circle cx="250" cy="105" r="3" fill="black"/>
  
  <!-- Pelican Wings (folded over handlebars) -->
  <path d="M 160 130 Q 120 100 140 80 Q 160 90 180 110" fill="none" stroke="#FFD700" stroke-width="6"/> <!-- Left wing -->
  <path d="M 240 130 Q 280 100 260 80 Q 240 90 220 110" fill="none" stroke="#FFD700" stroke-width="6"/> <!-- Right wing on handlebar -->
  
  <!-- Pelican Legs -->
  <line x1="190" y1="160" x2="180" y2="190" stroke="#8B4513" stroke-width="4"/> <!-- Left leg -->
  <line x1="210" y1="160" x2="220" y2="190" stroke="#8B4513" stroke-width="4"/> <!-- Right leg -->
  <circle cx="180" cy="190" r="5" fill="#FFD700" stroke="#333" stroke-width="1"/> <!-- Left foot on pedal -->
  <circle cx="220" cy="190" r="5" fill="#FFD700" stroke="#333" stroke-width="1"/> <!-- Right foot -->
  
  <!-- Pelican Tail -->
  <ellipse cx="160" cy="150" rx="15" ry="10" fill="#FFD700" transform="rotate(-20 160 150)"/>
  
  <!-- Ground -->
  <rect y="250" width="400" height="50" fill="#90EE90"/>
</svg>

Token usage

127 input, 1,227 output, {"completion_tokens_details": {"reasoning_tokens": 256}, "prompt_tokens_details": {"cached_tokens": 126}}

@simonw
Copy link
Copy Markdown
Author

simonw commented Sep 20, 2025

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment