lighthouse-storm
rendered
the brief, redacted

Draw a lighthouse on a rocky outcrop during a storm, as a single self-contained SVG. Tests composition, layering, and whether a model can suggest weather without raster effects.

338 chars · 53 words · fingerprint 0b46c0c31095

raw output — byte exact

```svg
<svg viewBox="0 0 400 500" xmlns="http://www.w3.org/2000/svg">
  <!-- Sky -->
  <rect width="400" height="500" fill="#2c3e50"/>
  
  <!-- Storm clouds -->
  <ellipse cx="100" cy="80" rx="80" ry="50" fill="#1a252f"/>
  <ellipse cx="180" cy="60" rx="100" ry="60" fill="#1a252f"/>
  <ellipse cx="300" cy="100" rx="90" ry="55" fill="#1a252f"/>
  <ellipse cx="380" cy="80" rx="70" ry="45" fill="#1a252f"/>
  
  <!-- Rain streaks - diagonal wind-driven rain -->
  <line x1="20" y1="120" x2="40" y2="180" stroke="#5a7a8c" stroke-width="1.5" opacity="0.7"/>
  <line x1="60" y1="100" x2="80" y2="160" stroke="#5a7a8c" stroke-width="1.5" opacity="0.6"/>
  <line x1="100" y1="140" x2="120" y2="200" stroke="#5a7a8c" stroke-width="1.5" opacity="0.7"/>
  <line x1="150" y1="110" x2="170" y2="170" stroke="#5a7a8c" stroke-width="1.5" opacity="0.6"/>
  <line x1="200" y1="130" x2="220" y2="190" stroke="#5a7a8c" stroke-width="1.5" opacity="0.7"/>
  <line x1="250" y1="100" x2="270" y2="160" stroke="#5a7a8c" stroke-width="1.5" opacity="0.6"/>
  <line x1="300" y1="140" x2="320" y2="200" stroke="#5a7a8c" stroke-width="1.5" opacity="0.7"/>
  <line x1="350" y1="110" x2="370" y2="170" stroke="#5a7a8c" stroke-width="1.5" opacity="0.6"/>
  
  <!-- Lower rain streaks -->
  <line x1="10" y1="200" x2="35" y2="280" stroke="#5a7a8c" stroke-width="1.5" opacity="0.5"/>
  <line x1="70" y1="220" x2="95" y2="300" stroke="#5a7a8c" stroke-width="1.5" opacity="0.6"/>
  <line x1="140" y1="210" x2="165" y2="290" stroke="#5a7a8c" stroke-width="1.5" opacity="0.5"/>
  <line x1="210" y1="230" x2="235" y2="310" stroke="#5a7a8c" stroke-width="1.5" opacity="0.6"/>
  <line x1="280" y1="200" x2="305" y2="280" stroke="#5a7a8c" stroke-width="1.5" opacity="0.5"/>
  <line x1="340" y1="220" x2="365" y2="300" stroke="#5a7a8c" stroke-width="1.5" opacity="0.6"/>
  
  <!-- Wind streaks in sky -->
  <line x1="30" y1="50" x2="80" y2="55" stroke="#4a6a7c" stroke-width="1" opacity="0.4"/>
  <line x1="120" y1="45" x2="180" y2="50" stroke="#4a6a7c" stroke-width="1" opacity="0.4"/>
  <line x1="250" y1="55" x2="320" y2="50" stroke="#4a6a7c" stroke-width="1" opacity="0.4"/>
  
  <!-- Rocky outcrop -->
  <polygon points="150,380 80,440 120,500 280,500 320,440 250,380" fill="#3d4a52"/>
  <polygon points="160,380 100,430 140,470 260,470 300,430 240,380" fill="#4d5a62"/>
  
  <!-- Rock texture/shadows -->
  <polygon points="150,380 120,400 140,420 160,400" fill="#2d3a42"/>
  <polygon points="240,380 220,400 235,425 255,410" fill="#2d3a42"/>
  <polygon points="180,420 160,435 185,450 200,440" fill="#2d3a42"/>
  
  <!-- Lighthouse base -->
  <rect x="175" y="340" width="50" height="50" fill="#8b7355"/>
  <polygon points="170,340 180,320 220,320 230,340" fill="#9b8365"/>
  
  <!-- Lighthouse tower - main cylinder -->
  <rect x="180" y="240" width="40" height="100" fill="#d4d4d4"/>
  
  <!-- Lighthouse tower - stripes -->
  <rect x="180" y="240" width="40" height="15" fill="#e74c3c"/>
  <rect x="180" y="275" width="40" height="15" fill="#e74c3c"/>
  <rect x="180" y="310" width="40" height="15" fill="#e74c3c"/>
  
  <!-- Lighthouse top platform -->
  <ellipse cx="200" cy="240" rx="21" ry="8" fill="#9b8365"/>
  
  <!-- Lighthouse lantern room -->
  <rect x="185" y="215" width="30" height="30" fill="#3d3d3d"/>
  <rect x="185" y="215" width="30" height="8" fill="#9b8365"/>
  
  <!-- Lantern windows -->
  <rect x="188" y="220" width="6" height="8" fill="#f4e8d0"/>
  <rect x="197" y="220" width="6" height="8" fill="#f4e8d0"/>
  <rect x="206" y="220" width="6" height="8" fill="#f4e8d0"/>
  
  <!-- Lighthouse top dome -->
  <path d="M 185 215 Q 200 200 215 215" fill="#c23030" stroke="#8b0000" stroke-width="1"/>
  
  <!-- Lighthouse beam - bright yellow cone going up-left -->
  <polygon points="200,215 180,180 140,150 160,210" fill="#f1c40f" opacity="0.6"/>
  
  <!-- Lighthouse beam - bright yellow cone going up-right -->
  <polygon points="200,215 220,180 260,150 240,210" fill="#f1c40f" opacity="0.6"/>
  
  <!-- Bright center of beam -->
  <polygon points="200,215 190,190 170,170 185,220" fill="#ffd700" opacity="0.8"/>
  <polygon points="200,215 210,190 230,170 215,220" fill="#ffd700" opacity="0.8"/>
  
  <!-- Wind effects - curved lines showing wind direction -->
  <path d="M 50 300 Q 100 290 150 300" stroke="#4a6a7c" stroke-width="1.5" fill="none" opacity="0.5" stroke-dasharray="5,3"/>
  <path d="M 250 320 Q 300 310 350 320" stroke="#4a6a7c" stroke-width="1.5" fill="none" opacity="0.5" stroke-dasharray="5,3"/>
</svg>
```

request envelope — prompt redacted

{
  "model": "anthropic/claude-haiku-4.5",
  "system": "Respond with a single complete <svg> element and nothing else. No markdown fences, no explanation. Include an explicit viewBox. Do not reference external fonts, images, or stylesheets — the SVG must be fully self-contained.",
  "messages": [
    {
      "role": "user",
      "content": "«REDACTED — 58 words, 338 chars»"
    }
  ],
  "maxOutputTokens": 16000,
  "gatewayStringId": "189809da-2d08-4d08-bf2e-58338b3d0f1a"
}