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 800 1000" xmlns="http://www.w3.org/2000/svg">
  <!-- Define gradient for sky storm effect -->
  <defs>
    <linearGradient id="stormySky" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#2a2a3e;stop-opacity:1" />
      <stop offset="50%" style="stop-color:#4a5568;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#6b7280;stop-opacity:1" />
    </linearGradient>
    <radialGradient id="lightBeam" cx="50%" cy="50%" r="50%">
      <stop offset="0%" style="stop-color:#ffd700;stop-opacity:0.8" />
      <stop offset="100%" style="stop-color:#ffd700;stop-opacity:0" />
    </radialGradient>
  </defs>

  <!-- Background storm sky -->
  <rect width="800" height="1000" fill="url(#stormySky)"/>

  <!-- Rain streaks - diagonal lines for wind effect -->
  <line x1="50" y1="100" x2="20" y2="250" stroke="#a0aec0" stroke-width="2" opacity="0.6"/>
  <line x1="150" y1="80" x2="100" y2="280" stroke="#a0aec0" stroke-width="2" opacity="0.5"/>
  <line x1="250" y1="120" x2="180" y2="350" stroke="#a0aec0" stroke-width="2" opacity="0.6"/>
  <line x1="350" y1="90" x2="280" y2="320" stroke="#a0aec0" stroke-width="2" opacity="0.5"/>
  <line x1="450" y1="110" x2="380" y2="340" stroke="#a0aec0" stroke-width="2" opacity="0.6"/>
  <line x1="550" y1="100" x2="480" y2="300" stroke="#a0aec0" stroke-width="2" opacity="0.5"/>
  <line x1="650" y1="130" x2="580" y2="360" stroke="#a0aec0" stroke-width="2" opacity="0.6"/>
  <line x1="750" y1="95" x2="680" y2="310" stroke="#a0aec0" stroke-width="2" opacity="0.5"/>

  <!-- More rain streaks mid-section -->
  <line x1="80" y1="350" x2="30" y2="550" stroke="#a0aec0" stroke-width="2" opacity="0.6"/>
  <line x1="200" y1="380" x2="140" y2="600" stroke="#a0aec0" stroke-width="2" opacity="0.5"/>
  <line x1="330" y1="360" x2="270" y2="580" stroke="#a0aec0" stroke-width="2" opacity="0.6"/>
  <line x1="480" y1="390" x2="420" y2="620" stroke="#a0aec0" stroke-width="2" opacity="0.5"/>
  <line x1="620" y1="370" x2="560" y2="590" stroke="#a0aec0" stroke-width="2" opacity="0.6"/>
  <line x1="770" y1="400" x2="710" y2="630" stroke="#a0aec0" stroke-width="2" opacity="0.5"/>

  <!-- Wind effect - curved rain streaks -->
  <path d="M 100 200 Q 80 250 50 350" stroke="#a0aec0" stroke-width="1.5" fill="none" opacity="0.4"/>
  <path d="M 300 180 Q 270 240 240 340" stroke="#a0aec0" stroke-width="1.5" fill="none" opacity="0.4"/>
  <path d="M 500 210 Q 480 270 450 370" stroke="#a0aec0" stroke-width="1.5" fill="none" opacity="0.4"/>
  <path d="M 700 190 Q 680 250 650 350" stroke="#a0aec0" stroke-width="1.5" fill="none" opacity="0.4"/>

  <!-- Rocky outcrop -->
  <polygon points="250,650 400,550 550,650 520,750 480,780 320,780 280,750" fill="#4a5a6a" stroke="#2a3a4a" stroke-width="2"/>
  
  <!-- Rock detail lines -->
  <line x1="300" y1="600" x2="320" y2="720" stroke="#2a3a4a" stroke-width="2" opacity="0.6"/>
  <line x1="380" y1="560" x2="390" y2="750" stroke="#2a3a4a" stroke-width="2" opacity="0.6"/>
  <line x1="470" y1="590" x2="480" y2="760" stroke="#2a3a4a" stroke-width="2" opacity="0.6"/>
  <line x1="260" y1="680" x2="320" y2="700" stroke="#2a3a4a" stroke-width="1.5" opacity="0.4"/>
  <line x1="450" y1="670" x2="520" y2="720" stroke="#2a3a4a" stroke-width="1.5" opacity="0.4"/>

  <!-- Lighthouse tower base -->
  <rect x="340" y="520" width="120" height="250" fill="#e8e4d0" stroke="#8b7d6b" stroke-width="2"/>

  <!-- Horizontal bands on lighthouse -->
  <rect x="335" y="545" width="130" height="12" fill="none" stroke="#d4cfc4" stroke-width="2"/>
  <rect x="335" y="600" width="130" height="12" fill="none" stroke="#d4cfc4" stroke-width="2"/>
  <rect x="335" y="655" width="130" height="12" fill="none" stroke="#d4cfc4" stroke-width="2"/>

  <!-- Lighthouse top (lantern room) -->
  <polygon points="340,520 400,480 460,520" fill="#2a2a3e" stroke="#1a1a2e" stroke-width="2"/>
  
  <!-- Lantern windows -->
  <rect x="375" y="495" width="15" height="15" fill="#ffd700" stroke="#8b7d6b" stroke-width="1"/>
  <rect x="410" y="495" width="15" height="15" fill="#ffd700" stroke="#8b7d6b" stroke-width="1"/>

  <!-- Light beam - large radial gradient circle -->
  <circle cx="400" cy="487" r="180" fill="url(#lightBeam)" opacity="0.7"/>

  <!-- Light beam rays extending outward -->
  <line x1="400" y1="487" x2="250" y2="350" stroke="#ffd700" stroke-width="3" opacity="0.5"/>
  <line x1="400" y1="487" x2="550" y2="350" stroke="#ffd700" stroke-width="3" opacity="0.5"/>
  <line x1="400" y1="487" x2="280" y2="200" stroke="#ffd700" stroke-width="2" opacity="0.4"/>
  <line x1="400" y1="487" x2="520" y2="180" stroke="#ffd700" stroke-width="2" opacity="0.4"/>

  <!-- Door on lighthouse -->
  <rect x="380" y="680" width="40" height="50" fill="#6b5344" stroke="#4a3a2a" stroke-width="2"/>
  <circle cx="415" cy="705" r="3" fill="#8b7d6b"/>

  <!-- Storm clouds above lighthouse -->
  <ellipse cx="350" cy="250" rx="80" ry="50" fill="#2a3a4a" opacity="0.8"/>
  <ellipse cx="430" cy="230" rx="90" ry="55" fill="#2a3a4a" opacity="0.8"/>
  <ellipse cx="300" cy="280" rx="70" ry="40" fill="#1a2a3a" opacity="0.7"/>
  <ellipse cx="480" cy="290" rx="75" ry="45" fill="#1a2a3a" opacity="0.7"/>

  <!-- Swirling wind lines around tower -->
  <path d="M 280 600 Q 300 620 320 600 Q 340 580 360 600" stroke="#a0aec0" stroke-width="1.5" fill="none" opacity="0.5"/>
  <path d="M 480 620 Q 500 640 520 620 Q 540 600 560 620" stroke="#a0aec0" stroke-width="1.5" fill="none" opacity="0.5"/>
  <path d="M 300 500 Q 320 480 340 500 Q 360 520 380 500" stroke="#a0aec0" stroke-width="1" fill="none" opacity="0.4"/>

  <!-- Distant turbulent sea suggestion -->
  <path d="M 100 800 Q 200 790 300 810 T 500 800 T 700 815" stroke="#3a4a5a" stroke-width="3" fill="none" opacity="0.6"/>
  <path d="M 80 850 Q 200 835 350 855 T 600 845 T 750 860" stroke="#3a4a5a" stroke-width="2" fill="none" opacity="0.5"/>
  <path d="M 120 900 Q 250 890 400 910 T 700 895" stroke="#3a4a5a" stroke-width="2" fill="none" opacity="0.4"/>
</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"
}