Skip to content

Instantly share code, notes, and snippets.

@simonw
Created July 31, 2026 23:56
Show Gist options
  • Select an option

  • Save simonw/83bfb1171792f1e7a4d8935b5e82317e to your computer and use it in GitHub Desktop.

Select an option

Save simonw/83bfb1171792f1e7a4d8935b5e82317e to your computer and use it in GitHub Desktop.

2026-07-31T23:33:39 conversation: 01kyx8de50dfey5nr4pcn0gt6d id: 01kyx8de50dfey5nr4pcn0gt6e

Model: openrouter/deepseek/deepseek-v4-flash-0731

Prompt

Generate an SVG of a pelican riding a bicycle

Response

I’ll generate a playful SVG illustration of a pelican pedaling a bicycle through a bright outdoor scene.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%">
  <defs>
    <!-- Reusable Wheel Component -->
    <g id="wheel">
      <!-- Tire -->
      <circle cx="0" cy="0" r="60" fill="none" stroke="#2c3e50" stroke-width="12" />
      <!-- Rim -->
      <circle cx="0" cy="0" r="54" fill="none" stroke="#bdc3c7" stroke-width="4" />
      <!-- Spokes -->
      <path d="M -54 0 L 54 0 M 0 -54 L 0 54 M -38 -38 L 38 38 M -38 38 L 38 -38" stroke="#95a5a6" stroke-width="2" />
      <!-- Hub -->
      <circle cx="0" cy="0" r="10" fill="#2c3e50" />
    </g>
  </defs>

  <!-- BACKGROUND: Sky and Sun -->
  <rect width="800" height="600" fill="#e0f7fa" />
  <circle cx="100" cy="100" r="60" fill="#f9ca24" />
  <circle cx="110" cy="90" r="70" fill="#f9ca24" opacity="0.3" />

  <!-- BACKGROUND: Clouds -->
  <path d="M 600 150 Q 620 120 660 150 Q 680 130 700 160 Q 720 180 690 190 L 610 190 Q 580 180 600 150 Z" fill="#ffffff" opacity="0.8" />
  <path d="M 200 80 Q 220 60 240 80 Q 260 70 270 90 Q 290 110 270 120 L 210 120 Q 180 110 200 80 Z" fill="#ffffff" opacity="0.6" />

  <!-- BACKGROUND: Ground and Road -->
  <rect x="0" y="520" width="800" height="80" fill="#34495e" />
  <rect x="0" y="510" width="800" height="10" fill="#7f8c8d" />
  <line x1="0" y1="560" x2="800" y2="560" stroke="#ecf0f1" stroke-width="4" stroke-dasharray="40 30" />

  <!-- MOTION LINES (Speed effect) -->
  <g stroke="#bdc3c7" stroke-width="4" stroke-linecap="round" fill="none">
    <path d="M 80 380 L 150 380" />
    <path d="M 40 410 L 160 410" />
    <path d="M 90 440 L 170 440" />
    <path d="M 120 490 L 200 490" />
  </g>

  <!-- BICYCLE: Fenders, Chain, Frame -->
  <!-- Fenders -->
  <path d="M 210 460 A 70 70 0 0 1 350 460" fill="none" stroke="#e67e22" stroke-width="10" stroke-linecap="round" />
  <path d="M 480 460 A 70 70 0 0 1 620 460" fill="none" stroke="#e67e22" stroke-width="10" stroke-linecap="round" />
  
  <!-- Chainring and Chain -->
  <circle cx="400" cy="460" r="34" fill="none" stroke="#2c3e50" stroke-width="4" stroke-dasharray="4 4" />
  <line x1="280" y1="450" x2="400" y2="435" stroke="#95a5a6" stroke-width="8" stroke-dasharray="3 3" />
  <line x1="280" y1="470" x2="400" y2="485" stroke="#95a5a6" stroke-width="8" stroke-dasharray="3 3" />
  <circle cx="400" cy="460" r="30" fill="#7f8c8d" />
  <circle cx="280" cy="460" r="12" fill="#7f8c8d" />
  <circle cx="280" cy="460" r="6" fill="#2c3e50" />
  
  <!-- Bicycle Frame -->
  <g fill="none" stroke="#3498db" stroke-width="14" stroke-linecap="round" stroke-linejoin="round">
    <!-- Seat Tube -->
    <path d="M 320 260 L 400 460" />
    <!-- Top Tube -->
    <path d="M 320 260 L 490 300" />
    <!-- Down Tube -->
    <path d="M 400 460 L 500 350" />
    <!-- Seat Stay -->
    <path d="M 280 460 L 320 260" />
    <!-- Chain Stay -->
    <path d="M 280 460 L 400 460" />
    <!-- Fork -->
    <path d="M 550 460 L 500 350" />
  </g>

  <!-- Bicycle Seat and Handlebars -->
  <line x1="320" y1="260" x2="300" y2="260" stroke="#7f8c8d" stroke-width="8" stroke-linecap="round" /> <!-- Seatpost -->
  <path d="M 290 250 Q 320 240 330 250 L 340 260 Q 320 280 290 270 Z" fill="#8e44ad" stroke="#6c3483" stroke-width="2" /> <!-- Saddle -->
  
  <line x1="490" y1="300" x2="510" y2="280" stroke="#95a5a6" stroke-width="10" stroke-linecap="round" /> <!-- Stem -->
  <path d="M 510 280 Q 530 260 540 280" fill="none" stroke="#95a5a6" stroke-width="10" stroke-linecap="round" /> <!-- Handlebar curve -->
  <path d="M 540 280 Q 545 290 535 300" fill="none" stroke="#8e44ad" stroke-width="16" stroke-linecap="round" /> <!-- Grip -->

  <!-- BACKGROUND PELICAN (Left Side) -->
  <!-- Left Leg -->
  <path d="M 360 220 L 370 340 L 380 470" fill="none" stroke="#f39c12" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
  <!-- Left Foot -->
  <path d="M 370 470 L 410 470 L 390 485 Z" fill="#f39c12" stroke="#d35400" stroke-width="2" />
  
  <!-- Left Wing (Resting on back) -->
  <path d="M 320 220 C 250 190, 220 210, 210 230 C 260 230, 290 250, 320 220 Z" fill="#dee2e6" />

  <!-- PELICAN BODY & HEAD -->
  <!-- Main Body -->
  <ellipse cx="360" cy="220" rx="110" ry="85" fill="#f8f9fa" />
  <!-- Tail Feathers -->
  <path d="M 260 220 C 210 180, 190 200, 180 230 C 200 240, 220 260, 250 260 Z" fill="#f8f9fa" />
  
  <!-- Neck -->
  <path d="M 440 220 C 500 180, 500 120, 490 80 L 530 80 C 530 130, 540 190, 460 260 Z" fill="#f8f9fa" />
  
  <!-- Head -->
  <circle cx="510" cy="80" r="35" fill="#f8f9fa" />
  <!-- Head Feathers -->
  <path d="M 480 50 Q 475 40 465 45 M 490 45 Q 485 30 475 35" fill="none" stroke="#f8f9fa" stroke-width="6" stroke-linecap="round" />
  
  <!-- Eye -->
  <circle cx="520" cy="75" r="7" fill="#2c3e50" />
  <circle cx="523" cy="72" r="2.5" fill="#ffffff" />
  
  <!-- Beak (Upper) -->
  <path d="M 535 70 L 670 80 Q 680 85 670 90 L 535 95 Z" fill="#ffffff" stroke="#2c3e50" stroke-width="2" stroke-linejoin="round" />
  
  <!-- Beak (Pouch - characteristic of a pelican) -->
  <path d="M 535 95 C 580 170, 670 160, 670 90 C 640 115, 590 120, 535 95 Z" fill="#f39c12" stroke="#d35400" stroke-width="2" stroke-linejoin="round" />

  <!-- FOREGROUND PELICAN (Right Side) -->
  <!-- Right Leg -->
  <path d="M 390 220 L 420 360 L 420 490" fill="none" stroke="#e67e22" stroke-width="18" stroke-linecap="round" stroke-linejoin="round" />
  <!-- Right Foot (Pedaling) -->
  <path d="M 405 490 L 445 490 L 435 505 Z" fill="#e67e22" stroke="#d35400" stroke-width="2" />
  
  <!-- Right Wing (Reaching to handlebar) -->
  <path d="M 400 220 C 450 200, 480 230, 530 270 C 500 260, 460 240, 420 240 Z" fill="#f8f9fa" />
  <!-- Wing Feathers Lines -->
  <g fill="none" stroke="#dee2e6" stroke-width="4" stroke-linecap="round">
    <path d="M 440 260 L 460 245" />
    <path d="M 470 255 L 490 240" />
    <path d="M 500 260 L 510 250" />
  </g>

  <!-- CRANKS AND PEDALS (Drawn in front of the frame) -->
  <!-- Crank & Pedal (Background - Left Leg) -->
  <line x1="400" y1="460" x2="380" y2="470" stroke="#7f8c8d" stroke-width="8" stroke-linecap="round" />
  <rect x="365" y="465" width="30" height="12" rx="4" fill="#2c3e50" transform="rotate(20, 380, 470)" />

  <!-- Crank & Pedal (Foreground - Right Leg) -->
  <line x1="400" y1="460" x2="420" y2="490" stroke="#bdc3c7" stroke-width="8" stroke-linecap="round" />
  <rect x="405" y="490" width="30" height="12" rx="4" fill="#2c3e50" transform="rotate(20, 420, 490)" />

  <!-- WHEELS (Rendered near the end to overlay properly, but they might not overlap much else except fenders) -->
  <!-- Note: Wheels are actually placed in the background layers. We'll place them here for correct Z-index with fenders. -->
</svg>

The image shows a white pelican with a large orange bill and webbed feet, actively riding a blue bicycle with chunky tires and fenders. Soft clouds, a warm sun, and road markings add motion and a cheerful seaside atmosphere.

Token usage

20 input, 15,803 output, {"completion_tokens_details": {"reasoning_tokens": 9931}, "cost": 0.00442764, "cost_details": {"upstream_inference_cost": 0.00442764, "upstream_inference_prompt_cost": 2.8e-06, "upstream_inference_completions_cost": 0.00442484}}

2026-07-31T23:37:22 conversation: 01kyx8m8ctdfd60aq6vass53bh id: 01kyx8m8cvrjn3zmexahbz4s4n

Model: openrouter/deepseek/deepseek-v4-flash-0731

Prompt

Generate an SVG of a pelican riding a bicycle

Options

  • reasoning_effort: high

Response

I’ll create a playful SVG illustration of a pelican riding a bicycle, with a clean vector style and fun motion details.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%">
  <defs>
    <!-- Drop Shadow for the bike and pelican -->
    <filter id="shadow" x="-10%" y="-10%" width="130%" height="130%">
      <feDropShadow dx="3" dy="6" stdDeviation="4" flood-color="#0f172a" flood-opacity="0.1" />
    </filter>

    <!-- Reusable Wheel Component -->
    <g id="wheel">
      <!-- Tire -->
      <circle cx="0" cy="0" r="80" stroke="#1e293b" stroke-width="14" fill="none" />
      <!-- Rim -->
      <circle cx="0" cy="0" r="72" stroke="#94a3b8" stroke-width="4" fill="none" />
      <!-- Spokes -->
      <line x1="-80" y1="0" x2="80" y2="0" stroke="#cbd5e1" stroke-width="3" />
      <line x1="0" y1="-80" x2="0" y2="80" stroke="#cbd5e1" stroke-width="3" />
      <line x1="-56" y1="-56" x2="56" y2="56" stroke="#cbd5e1" stroke-width="3" />
      <line x1="-56" y1="56" x2="56" y2="-56" stroke="#cbd5e1" stroke-width="3" />
      <line x1="-30" y1="-74" x2="30" y2="74" stroke="#cbd5e1" stroke-width="3" />
      <line x1="-74" y1="-30" x2="74" y2="30" stroke="#cbd5e1" stroke-width="3" />
      <!-- Hub -->
      <circle cx="0" cy="0" r="12" fill="#1e293b" />
      <circle cx="0" cy="0" r="6" fill="#64748b" />
    </g>
  </defs>

  <!-- Background -->
  <rect width="800" height="600" fill="#fdf2f8" />
  <circle cx="400" cy="350" r="300" fill="#fce7f3" />
  <circle cx="400" cy="350" r="200" fill="#fbcfe8" opacity="0.5" />

  <!-- Ground Shadow -->
  <ellipse cx="400" cy="530" rx="260" ry="25" fill="rgba(100, 116, 139, 0.25)" />

  <!-- Motion & Speed Lines (Background) -->
  <g stroke="#cbd5e1" stroke-width="4" stroke-linecap="round">
    <path d="M 40 400 L 120 400" />
    <path d="M 20 430 L 100 430" />
    <path d="M 60 460 L 130 460" />
    <path d="M 680 150 L 750 150" />
    <path d="M 700 180 L 760 180" />
  </g>

  <g filter="url(#shadow)">
    <!-- BACK WHEEL -->
    <use href="#wheel" x="200" y="450" />

    <!-- BICYCLE FRAME (BACK) -->
    <!-- Chainstay -->
    <line x1="200" y1="450" x2="400" y2="450" stroke="#f43f5e" stroke-width="12" stroke-linecap="round" />
    <!-- Seatstay -->
    <line x1="200" y1="450" x2="300" y2="320" stroke="#f43f5e" stroke-width="10" stroke-linecap="round" />
    
    <!-- Chain -->
    <path d="M 200 450 L 400 450" stroke="#64748b" stroke-width="5" stroke-dasharray="8,6" />

    <!-- PELICAN FAR LEG & FOOT -->
    <line x1="290" y1="280" x2="370" y2="480" stroke="#f97316" stroke-width="12" stroke-linecap="round" />
    <path d="M 370 480 L 345 495 L 380 495 Z" fill="#f97316" />

    <!-- PELICAN FAR WING (Holding far handlebar) -->
    <path d="M 330 210 C 400 200, 480 220, 570 240 C 500 255, 420 240, 340 235 Z" fill="#94a3b8" stroke="#64748b" stroke-width="3" stroke-linejoin="round" />

    <!-- BICYCLE FRAME (FRONT) -->
    <!-- Seat Tube -->
    <line x1="300" y1="320" x2="400" y2="450" stroke="#0ea5e9" stroke-width="12" stroke-linecap="round" />
    <!-- Down Tube -->
    <line x1="400" y1="450" x2="550" y2="320" stroke="#0ea5e9" stroke-width="12" stroke-linecap="round" />
    <!-- Top Tube -->
    <line x1="300" y1="320" x2="550" y2="320" stroke="#0ea5e9" stroke-width="12" stroke-linecap="round" />
    
    <!-- Fork -->
    <line x1="550" y1="320" x2="600" y2="450" stroke="#1e293b" stroke-width="10" stroke-linecap="round" />
    <!-- Seat Post -->
    <line x1="300" y1="320" x2="280" y2="290" stroke="#1e293b" stroke-width="8" stroke-linecap="round" />
    <!-- Seat -->
    <ellipse cx="270" cy="285" rx="40" ry="12" transform="rotate(-15 270 285)" fill="#1e293b" />
    <path d="M 235 285 L 305 280" stroke="#475569" stroke-width="4" stroke-linecap="round" />

    <!-- Handlebar Stem -->
    <line x1="550" y1="320" x2="555" y2="260" stroke="#1e293b" stroke-width="10" stroke-linecap="round" />
    <!-- Handlebars -->
    <path d="M 575 235 Q 555 250 535 255" stroke="#1e293b" stroke-width="10" stroke-linecap="round" fill="none" />
    <!-- Handlebar Grips -->
    <line x1="580" y1="232" x2="570" y2="238" stroke="#f43f5e" stroke-width="14" stroke-linecap="round" />
    <line x1="530" y1="255" x2="540" y2="255" stroke="#f43f5e" stroke-width="14" stroke-linecap="round" />
    
    <!-- Bell -->
    <circle cx="550" cy="270" r="9" fill="#fbbf24" />
    <circle cx="550" cy="270" r="5" fill="#f59e0b" />
    <path d="M 545 266 A 6 6 0 0 1 555 266" stroke="#ffffff" fill="none" stroke-width="2" stroke-linecap="round" />

    <!-- PELICAN BODY -->
    <!-- Tail -->
    <path d="M 290 280 C 240 310, 200 310, 180 300 C 220 280, 250 260, 270 240 Z" fill="#ffffff" stroke="#cbd5e1" stroke-width="4" stroke-linejoin="round" />
    <!-- Main Body -->
    <ellipse cx="340" cy="240" rx="85" ry="75" transform="rotate(20 340 240)" fill="#ffffff" stroke="#cbd5e1" stroke-width="4" />
    
    <!-- Feather Details -->
    <path d="M 320 190 Q 330 210 350 200" stroke="#cbd5e1" stroke-width="3" fill="none" stroke-linecap="round" />
    <path d="M 290 215 Q 300 235 320 225" stroke="#cbd5e1" stroke-width="3" fill="none" stroke-linecap="round" />
    <path d="M 280 250 Q 290 270 310 260" stroke="#cbd5e1" stroke-width="3" fill="none" stroke-linecap="round" />

    <!-- Neck -->
    <path d="M 390 200 C 430 180, 460 140, 480 140 L 480 170 C 460 180, 430 220, 400 240 Z" fill="#ffffff" stroke="#cbd5e1" stroke-width="4" stroke-linejoin="round" />
    <!-- Head -->
    <ellipse cx="490" cy="155" rx="30" ry="25" fill="#ffffff" stroke="#cbd5e1" stroke-width="4" />
    
    <!-- Eye -->
    <circle cx="500" cy="145" r="6" fill="#1e293b" />
    <circle cx="502" cy="143" r="2" fill="#ffffff" />

    <!-- BEAK & POUCH -->
    <!-- Upper Beak -->
    <path d="M 515 150 L 630 170 Q 640 175 630 180 L 515 170 Z" fill="#fbbf24" stroke="#d97706" stroke-width="3" stroke-linejoin="round" />
    <!-- Nostril -->
    <circle cx="535" cy="158" r="3" fill="#d97706" />
    <!-- Pouch -->
    <path d="M 515 170 C 560 170, 600 180, 630 180 C 620 215, 570 235, 515 210 Z" fill="#f59e0b" stroke="#d97706" stroke-width="3" stroke-linejoin="round" />
    <!-- Pouch Stretch Lines -->
    <path d="M 540 185 C 560 190, 580 195, 600 190" stroke="#fbbf24" stroke-width="4" fill="none" stroke-linecap="round" />
    <path d="M 535 200 C 555 205, 575 205, 590 198" stroke="#d97706" stroke-width="2" fill="none" stroke-linecap="round" />

    <!-- FISH (Jumping out of pouch) -->
    <g transform="translate(10, -10)">
      <path d="M 560 220 C 570 210, 580 220, 575 230 C 570 240, 560 230, 560 220 Z" fill="#38bdf8" />
      <path d="M 560 225 L 550 215 L 550 235 Z" fill="#38bdf8" />
      <circle cx="570" cy="225" r="2" fill="#0f172a" />
      <!-- Splash drops -->
      <circle cx="585" cy="215" r="2" fill="#bae6fd" />
      <circle cx="590" cy="225" r="1.5" fill="#bae6fd" />
    </g>

    <!-- PELICAN NEAR LEG & FOOT -->
    <line x1="320" y1="290" x2="430" y2="420" stroke="#ea580c" stroke-width="12" stroke-linecap="round" />
    <path d="M 430 420 L 405 435 L 440 435 Z" fill="#ea580c" />

    <!-- PELICAN NEAR WING (Holding near handlebar) -->
    <path d="M 360 200 C 430 220, 480 240, 535 255 C 490 275, 420 270, 340 250 Z" fill="#f8fafc" stroke="#cbd5e1" stroke-width="4" stroke-linejoin="round" />
    <!-- Wing Feathers -->
    <path d="M 390 230 C 420 240, 460 250, 500 255" stroke="#cbd5e1" stroke-width="3" fill="none" stroke-linecap="round" />
    <path d="M 370 245 C 400 255, 430 260, 460 260" stroke="#cbd5e1" stroke-width="3" fill="none" stroke-linecap="round" />

    <!-- BICYCLE CRANK & PEDALS -->
    <!-- Chainring -->
    <circle cx="400" cy="450" r="35" fill="none" stroke="#64748b" stroke-width="8" />
    <circle cx="400" cy="450" r="15" fill="#1e293b" />
    
    <!-- Far Crank Arm & Pedal -->
    <line x1="400" y1="450" x2="370" y2="480" stroke="#94a3b8" stroke-width="8" stroke-linecap="round" />
    <rect x="350" y="475" width="40" height="10" rx="3" transform="rotate(15 370 480)" fill="#64748b" />

    <!-- Near Crank Arm & Pedal -->
    <line x1="400" y1="450" x2="430" y2="420" stroke="#1e293b" stroke-width="10" stroke-linecap="round" />
    <rect x="410" y="415" width="40" height="10" rx="3" transform="rotate(15 430 420)" fill="#1e293b" />

    <!-- FRONT WHEEL -->
    <use href="#wheel" x="600" y="450" />
  </g>
</svg>

The scene shows a white pelican leaning forward on a blue-and-pink bike, with its wings reaching to the handlebars and one foot on each pedal. Soft pink background circles, speed lines, a dangling fish, and detailed wheels help reinforce a light, whimsical sense of movement.

Token usage

14 input, 13,131 output, {"completion_tokens_details": {"reasoning_tokens": 7491}, "prompt_tokens_details": {"cached_tokens": 4}, "cost": 0.002364552, "cost_details": {"upstream_inference_cost": 0.002364552, "upstream_inference_prompt_cost": 9.72e-07, "upstream_inference_completions_cost": 0.00236358}}

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