← high scores

Claude Sonnet 4

RANK 10 · MEOWSCORE 81.7 · previous · US · closed

minimal

“Draw a minimal, flat-design cat as an SVG.”

Claude Sonnet 4 — minimal attempt 1minimal #19.0
✕ CLOSE

Claude Sonnet 4 · minimal · attempt 1 · score 9.0

cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="120" r="50" fill="#ff6b35"/>
  <polygon points="70,80 80,50 90,80" fill="#ff6b35"/>
  <polygon points="110,80 120,50 130,80" fill="#ff6b35"/>
  <circle cx="85" cy="110" r="4" fill="#333"/>
  <circle cx="115" cy="110" r="4" fill="#333"/>
  <polygon points="100,120 95,130 105,130" fill="#333"/>
  <path d="M100 130 Q90 140 80 135" stroke="#333" stroke-width="2" fill="none"/>
  <path d="M100 130 Q110 140 120 135" stroke="#333" stroke-width="2" fill="none"/>
</svg>
Claude Sonnet 4 — minimal attempt 2minimal #29.0
✕ CLOSE

Claude Sonnet 4 · minimal · attempt 2 · score 9.0

cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="120" r="50" fill="#ff8c42"/>
  <polygon points="65,85 75,65 85,85" fill="#ff8c42"/>
  <polygon points="115,85 125,65 135,85" fill="#ff8c42"/>
  <circle cx="85" cy="110" r="3" fill="#2c3e50"/>
  <circle cx="115" cy="110" r="3" fill="#2c3e50"/>
  <polygon points="95,120 100,125 105,120" fill="#2c3e50"/>
  <path d="M 100 125 Q 90 135 80 130" stroke="#2c3e50" stroke-width="2" fill="none"/>
  <path d="M 100 125 Q 110 135 120 130" stroke="#2c3e50" stroke-width="2" fill="none"/>
</svg>
Claude Sonnet 4 — minimal attempt 3minimal #39.0
✕ CLOSE

Claude Sonnet 4 · minimal · attempt 3 · score 9.0

cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <circle cx="100" cy="120" r="50" fill="#ff6b6b"/>
  <polygon points="70,80 85,50 100,80" fill="#ff6b6b"/>
  <polygon points="100,80 115,50 130,80" fill="#ff6b6b"/>
  <circle cx="85" cy="110" r="3" fill="#2c3e50"/>
  <circle cx="115" cy="110" r="3" fill="#2c3e50"/>
  <polygon points="95,120 100,125 105,120" fill="#2c3e50"/>
  <path d="M 100 125 Q 90 135 85 130" stroke="#2c3e50" stroke-width="2" fill="none"/>
  <path d="M 100 125 Q 110 135 115 130" stroke="#2c3e50" stroke-width="2" fill="none"/>
</svg>
Claude Sonnet 4 — minimal attempt 4minimal #48.0
✕ CLOSE

Claude Sonnet 4 · minimal · attempt 4 · score 8.0

cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="120" r="50" fill="#FF6B6B"/>
  <polygon points="70,80 85,50 100,80" fill="#FF6B6B"/>
  <polygon points="100,80 115,50 130,80" fill="#FF6B6B"/>
  <circle cx="85" cy="110" r="3" fill="#2C3E50"/>
  <circle cx="115" cy="110" r="3" fill="#2C3E50"/>
  <polygon points="95,125 100,135 105,125" fill="#2C3E50"/>
  <path d="M100,135 Q90,145 80,140" stroke="#2C3E50" stroke-width="2" fill="none"/>
  <path d="M100,135 Q110,145 120,140" stroke="#2C3E50" stroke-width="2" fill="none"/>
  <ellipse cx="40" cy="140" rx="25" ry="15" fill="#FF6B6B"/>
  <ellipse cx="160" cy="140" rx="25" ry="15" fill="#FF6B6B"/>
  <rect x="95" y="170" width="10" height="25" rx="5" fill="#FF6B6B"/>
</svg>

realistic

“Draw a realistic sitting cat with visible fur shading as an SVG.”

Claude Sonnet 4 — realistic attempt 1realistic #16.5
✕ CLOSE

Claude Sonnet 4 · realistic · attempt 1 · score 6.5

cat likeness: 7.0aesthetic: 6.0technique: 8.0prompt fidelity: 5.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 400" width="300" height="400">
  <defs>
    <radialGradient id="bodyGradient" cx="0.3" cy="0.3" r="0.8">
      <stop offset="0%" stop-color="#f0f0f0"/>
      <stop offset="50%" stop-color="#d0d0d0"/>
      <stop offset="100%" stop-color="#a0a0a0"/>
    </radialGradient>
    <radialGradient id="headGradient" cx="0.2" cy="0.2" r="0.9">
      <stop offset="0%" stop-color="#f5f5f5"/>
      <stop offset="60%" stop-color="#d5d5d5"/>
      <stop offset="100%" stop-color="#a5a5a5"/>
    </radialGradient>
    <linearGradient id="earGradient" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#e0e0e0"/>
      <stop offset="100%" stop-color="#909090"/>
    </linearGradient>
    <radialGradient id="tailGradient" cx="0.3" cy="0.3" r="0.8">
      <stop offset="0%" stop-color="#e5e5e5"/>
      <stop offset="70%" stop-color="#c0c0c0"/>
      <stop offset="100%" stop-color="#959595"/>
    </radialGradient>
  </defs>
  
  <!-- Body -->
  <ellipse cx="150" cy="280" rx="80" ry="65" fill="url(#bodyGradient)"/>
  
  <!-- Chest -->
  <ellipse cx="150" cy="220" rx="55" ry="45" fill="url(#bodyGradient)"/>
  
  <!-- Head -->
  <ellipse cx="150" cy="160" rx="45" ry="40" fill="url(#headGradient)"/>
  
  <!-- Ears -->
  <path d="M 115 135 Q 110 120 125 125 Q 130 130 125 145 Z" fill="url(#earGradient)"/>
  <path d="M 185 135 Q 190 120 175 125 Q 170 130 175 145 Z" fill="url(#earGradient)"/>
  
  <!-- Inner ears -->
  <path d="M 120 135 Q 118 128 125 130 Q 127 133 125 138 Z" fill="#ff9999"/>
  <path d="M 180 135 Q 182 128 175 130 Q 173 133 175 138 Z" fill="#ff9999"/>
  
  <!-- Front legs -->
  <ellipse cx="120" cy="320" rx="15" ry="35" fill="url(#bodyGradient)"/>
  <ellipse cx="180" cy="320" rx="15" ry="35" fill="url(#bodyGradient)"/>
  
  <!-- Paws -->
  <ellipse cx="120" cy="350" rx="18" ry="12" fill="#c0c0c0"/>
  <ellipse cx="180" cy="350" rx="18" ry="12" fill="#c0c0c0"/>
  
  <!-- Tail -->
  <path d="M 90 260 Q 50 240 40 200 Q 35 180 45 160 Q 55 150 65 160 Q 70 180 80 200 Q 90 240 100 260 Z" fill="url(#tailGradient)"/>
  
  <!-- Tail stripes -->
  <path d="M 52 185 Q 58 180 64 185" stroke="#808080" stroke-width="2" fill="none"/>
  <path d="M 48 200 Q 56 195 65 200" stroke="#808080" stroke-width="2" fill="none"/>
  <path d="M 55 215 Q 65 210 75 215" stroke="#808080" stroke-width="2" fill="none"/>
  
  <!-- Eyes -->
  <ellipse cx="135" cy="155" rx="8" ry="12" fill="#90EE90"/>
  <ellipse cx="165" cy="155" rx="8" ry="12" fill="#90EE90"/>
  
  <!-- Pupils -->
  <ellipse cx="135" cy="157" rx="3" ry="8" fill="#000"/>
  <ellipse cx="165" cy="157" rx="3" ry="8" fill="#000"/>
  
  <!-- Eye highlights -->
  <ellipse cx="136" cy="152" rx="1.5" ry="2" fill="#fff"/>
  <ellipse cx="166" cy="152" rx="1.5" ry="2" fill="#fff"/>
  
  <!-- Nose -->
  <path d="M 150 170 L 145 175 Q 150 178 155 175 Z" fill="#ff69b4"/>
  
  <!-- Mouth -->
  <path d="M 150 178 Q 140 185 135 190" stroke="#666" stroke-width="1.5" fill="none"/>
  <path d="M 150 178 Q 160 185 165 190" stroke="#666" stroke-width="1.5" fill="none"/>
  
  <!-- Whiskers -->
  <line x1="90" y1="165" x2="125" y2="170" stroke="#333" stroke-width="1"/>
  <line x1="90" y1="175" x2="125" y2="175" stroke="#333" stroke-width="1"/>
  <line x1="175" y1="170" x2="210" y2="165" stroke="#333" stroke-width="1"/>
  <line x1="175" y1="175" x2="210" y2="175" stroke="#333" stroke-width="1"/>
  
  <!-- Fur texture strokes -->
  <path d="M 110 200 Q 115 195 120 200" stroke="#999" stroke-width="0.5" fill="none" opacity="0.6"/>
  <path d="M 180 200 Q 175 195 170 200" stroke="#999" stroke-width="0.5" fill="none" opacity="0.6"/>
  <path d="M 130 250 Q 135 245 140 250" stroke="#999" stroke-width="0.5" fill="none" opacity="0.6"/>
  <path d="M 170 250 Q 165 245 160 250" stroke="#999" stroke-width="0.5" fill="none" opacity="0.6"/>
  <path d="M 110 280 Q 120 275 130 280" stroke="#999" stroke-width="0.5" fill="none" opacity="0.6"/>
  <path d="M 190 280 Q 180 275 170 280" stroke="#999" stroke-width="0.5" fill="none" opacity="0.6"/>
</svg>
Claude Sonnet 4 — realistic attempt 2realistic #26.5
✕ CLOSE

Claude Sonnet 4 · realistic · attempt 2 · score 6.5

cat likeness: 8.0aesthetic: 7.0technique: 7.0prompt fidelity: 4.0

the actual svg, as the machine wrote it:

<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <radialGradient id="bodyGradient" cx="0.4" cy="0.3" r="0.8">
      <stop offset="0%" stop-color="#f0f0f0"/>
      <stop offset="50%" stop-color="#e0e0e0"/>
      <stop offset="100%" stop-color="#c0c0c0"/>
    </radialGradient>
    <radialGradient id="headGradient" cx="0.3" cy="0.3" r="0.7">
      <stop offset="0%" stop-color="#f5f5f5"/>
      <stop offset="70%" stop-color="#e5e5e5"/>
      <stop offset="100%" stop-color="#c5c5c5"/>
    </radialGradient>
    <linearGradient id="tailGradient" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#d0d0d0"/>
      <stop offset="50%" stop-color="#e0e0e0"/>
      <stop offset="100%" stop-color="#c0c0c0"/>
    </linearGradient>
    <radialGradient id="earGradient" cx="0.3" cy="0.4" r="0.8">
      <stop offset="0%" stop-color="#f0f0f0"/>
      <stop offset="100%" stop-color="#b0b0b0"/>
    </radialGradient>
  </defs>
  
  <!-- Shadow -->
  <ellipse cx="200" cy="360" rx="80" ry="15" fill="#00000020"/>
  
  <!-- Back legs -->
  <ellipse cx="160" cy="320" rx="18" ry="35" fill="url(#bodyGradient)"/>
  <ellipse cx="240" cy="320" rx="18" ry="35" fill="url(#bodyGradient)"/>
  
  <!-- Main body -->
  <ellipse cx="200" cy="280" rx="60" ry="50" fill="url(#bodyGradient)"/>
  
  <!-- Chest -->
  <ellipse cx="200" cy="230" rx="45" ry="35" fill="url(#bodyGradient)"/>
  
  <!-- Front legs -->
  <ellipse cx="170" cy="300" rx="15" ry="30" fill="url(#bodyGradient)"/>
  <ellipse cx="230" cy="300" rx="15" ry="30" fill="url(#bodyGradient)"/>
  
  <!-- Paws -->
  <ellipse cx="170" cy="325" rx="12" ry="8" fill="#d5d5d5"/>
  <ellipse cx="230" cy="325" rx="12" ry="8" fill="#d5d5d5"/>
  <ellipse cx="160" cy="345" rx="12" ry="8" fill="#d5d5d5"/>
  <ellipse cx="240" cy="345" rx="12" ry="8" fill="#d5d5d5"/>
  
  <!-- Tail -->
  <path d="M 140 290 Q 100 280 80 250 Q 70 220 85 190" stroke="none" fill="url(#tailGradient)" stroke-width="25" stroke-linecap="round"/>
  
  <!-- Head -->
  <circle cx="200" cy="180" r="45" fill="url(#headGradient)"/>
  
  <!-- Ears -->
  <path d="M 170 150 L 160 120 L 185 135 Z" fill="url(#earGradient)"/>
  <path d="M 230 150 L 240 120 L 215 135 Z" fill="url(#earGradient)"/>
  
  <!-- Inner ears -->
  <path d="M 172 145 L 165 130 L 180 138 Z" fill="#ffb6c1"/>
  <path d="M 228 145 L 235 130 L 220 138 Z" fill="#ffb6c1"/>
  
  <!-- Facial features -->
  <!-- Eyes -->
  <ellipse cx="185" cy="170" rx="8" ry="12" fill="#228B22"/>
  <ellipse cx="215" cy="170" rx="8" ry="12" fill="#228B22"/>
  <ellipse cx="185" cy="170" rx="4" ry="8" fill="#000"/>
  <ellipse cx="215" cy="170" rx="4" ry="8" fill="#000"/>
  <ellipse cx="186" cy="166" rx="2" ry="3" fill="#fff"/>
  <ellipse cx="216" cy="166" rx="2" ry="3" fill="#fff"/>
  
  <!-- Nose -->
  <path d="M 200 185 L 195 190 L 205 190 Z" fill="#ff69b4"/>
  
  <!-- Mouth -->
  <path d="M 200 192 Q 190 200 185 195" stroke="#666" stroke-width="1.5" fill="none"/>
  <path d="M 200 192 Q 210 200 215 195" stroke="#666" stroke-width="1.5" fill="none"/>
  
  <!-- Whiskers -->
  <line x1="140" y1="175" x2="170" y2="180" stroke="#666" stroke-width="1"/>
  <line x1="140" y1="185" x2="170" y2="185" stroke="#666" stroke-width="1"/>
  <line x1="140" y1="195" x2="170" y2="190" stroke="#666" stroke-width="1"/>
  <line x1="260" y1="175" x2="230" y2="180" stroke="#666" stroke-width="1"/>
  <line x1="260" y1="185" x2="230" y2="185" stroke="#666" stroke-width="1"/>
  <line x1="260" y1="195" x2="230" y2="190" stroke="#666" stroke-width="1"/>
  
  <!-- Fur texture lines -->
  <path d="M 180 250 Q 185 245 190 250" stroke="#b0b0b0" stroke-width="0.5" fill="none"/>
  <path d="M 210 250 Q 215 245 220 250" stroke="#b0b0b0" stroke-width="0.5" fill="none"/>
  <path d="M 160 280 Q 165 275 170 280" stroke="#b0b0b0" stroke-width="0.5" fill="none"/>
  <path d="M 230 280 Q 235 275 240 280" stroke="#b0b0b0" stroke-width="0.5" fill="none"/>
  <path d="M 175 200 Q 180 195 185 200" stroke="#b0b0b0" stroke-width="0.5" fill="none"/>
  <path d="M 215 200 Q 220 195 225 200" stroke="#b0b0b0" stroke-width="0.5" fill="none"/>
</svg>
Claude Sonnet 4 — realistic attempt 3realistic #37.0
✕ CLOSE

Claude Sonnet 4 · realistic · attempt 3 · score 7.0

cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 5.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 400 500" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <radialGradient id="bodyGradient" cx="0.3" cy="0.3">
      <stop offset="0%" stop-color="#E5D5C0"/>
      <stop offset="50%" stop-color="#D4C4A8"/>
      <stop offset="100%" stop-color="#B8A082"/>
    </radialGradient>
    <radialGradient id="headGradient" cx="0.4" cy="0.2">
      <stop offset="0%" stop-color="#F0E5D0"/>
      <stop offset="70%" stop-color="#D4C4A8"/>
      <stop offset="100%" stop-color="#B8A082"/>
    </radialGradient>
    <radialGradient id="earGradient" cx="0.5" cy="0.3">
      <stop offset="0%" stop-color="#F5EAD5"/>
      <stop offset="80%" stop-color="#C5B598"/>
    </radialGradient>
    <linearGradient id="tailGradient" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#E5D5C0"/>
      <stop offset="50%" stop-color="#D4C4A8"/>
      <stop offset="100%" stop-color="#A08060"/>
    </linearGradient>
  </defs>
  
  <!-- Shadow -->
  <ellipse cx="200" cy="480" rx="80" ry="15" fill="#00000020"/>
  
  <!-- Tail -->
  <path d="M120 380 Q80 340 90 280 Q100 240 130 220 Q140 210 145 215" 
        fill="url(#tailGradient)" stroke="#9A7F5F" stroke-width="1"/>
  
  <!-- Back legs -->
  <ellipse cx="160" cy="420" rx="25" ry="40" fill="url(#bodyGradient)"/>
  <ellipse cx="240" cy="420" rx="25" ry="40" fill="url(#bodyGradient)"/>
  
  <!-- Main body -->
  <ellipse cx="200" cy="350" rx="70" ry="80" fill="url(#bodyGradient)"/>
  
  <!-- Front legs -->
  <ellipse cx="170" cy="400" rx="18" ry="35" fill="url(#bodyGradient)"/>
  <ellipse cx="230" cy="400" rx="18" ry="35" fill="url(#bodyGradient)"/>
  
  <!-- Chest -->
  <ellipse cx="200" cy="310" rx="50" ry="35" fill="url(#bodyGradient)"/>
  
  <!-- Head -->
  <circle cx="200" cy="240" r="55" fill="url(#headGradient)"/>
  
  <!-- Ears -->
  <path d="M165 200 L175 160 L190 180 Z" fill="url(#earGradient)" stroke="#B8A082" stroke-width="1"/>
  <path d="M210 180 L225 160 L235 200 Z" fill="url(#earGradient)" stroke="#B8A082" stroke-width="1"/>
  
  <!-- Inner ears -->
  <path d="M170 185 L177 170 L185 180 Z" fill="#E8B4B8"/>
  <path d="M215 180 L223 170 L230 185 Z" fill="#E8B4B8"/>
  
  <!-- Facial markings -->
  <path d="M200 220 Q180 230 170 250 Q175 270 200 270 Q225 270 230 250 Q220 230 200 220 Z" 
        fill="#F8F0E0"/>
  
  <!-- Eyes -->
  <ellipse cx="185" cy="235" rx="12" ry="15" fill="#4A5D23"/>
  <ellipse cx="215" cy="235" rx="12" ry="15" fill="#4A5D23"/>
  
  <!-- Eye highlights -->
  <ellipse cx="188" cy="230" rx="3" ry="4" fill="#FFFFFF"/>
  <ellipse cx="218" cy="230" rx="3" ry="4" fill="#FFFFFF"/>
  
  <!-- Pupils -->
  <ellipse cx="185" cy="237" rx="6" ry="9" fill="#000000"/>
  <ellipse cx="215" cy="237" rx="6" ry="9" fill="#000000"/>
  
  <!-- Nose -->
  <path d="M200 250 L195 258 Q200 262 205 258 Z" fill="#D4A5A5"/>
  
  <!-- Mouth -->
  <path d="M200 262 Q190 268 185 275" fill="none" stroke="#8B6F47" stroke-width="2" stroke-linecap="round"/>
  <path d="M200 262 Q210 268 215 275" fill="none" stroke="#8B6F47" stroke-width="2" stroke-linecap="round"/>
  
  <!-- Whiskers -->
  <line x1="130" y1="250" x2="165" y2="255" stroke="#8B6F47" stroke-width="1.5" stroke-linecap="round"/>
  <line x1="130" y1="260" x2="165" y2="265" stroke="#8B6F47" stroke-width="1.5" stroke-linecap="round"/>
  <line x1="235" y1="255" x2="270" y2="250" stroke="#8B6F47" stroke-width="1.5" stroke-linecap="round"/>
  <line x1="235" y1="265" x2="270" y2="260" stroke="#8B6F47" stroke-width="1.5" stroke-linecap="round"/>
  
  <!-- Fur texture strokes -->
  <path d="M150 320 Q155 315 160 320" fill="none" stroke="#9A7F5F" stroke-width="1" opacity="0.6"/>
  <path d="M240 315 Q245 310 250 315" fill="none" stroke="#9A7F5F" stroke-width="1" opacity="0.6"/>
  <path d="M175 360 Q180 355 185 360" fill="none" stroke="#9A7F5F" stroke-width="1" opacity="0.6"/>
  <path d="M215 360 Q220 355 225 360" fill="none" stroke="#9A7F5F" stroke-width="1" opacity="0.6"/>
  <path d="M160 280 Q165 275 170 280" fill="none" stroke="#9A7F5F" stroke-width="1" opacity="0.5"/>
  <path d="M230 280 Q235 275 240 280" fill="none" stroke="#9A7F5F" stroke-width="1" opacity="0.5"/>
  
  <!-- Paws -->
  <ellipse cx="170" cy="435" rx="15" ry="8" fill="#B8A082"/>
  <ellipse cx="230" cy="435" rx="15" ry="8" fill="#B8A082"/>
  <ellipse cx="160" cy="455" rx="12" ry="6" fill="#B8A082"/>
  <ellipse cx="240" cy="455" rx="12" ry="6" fill="#B8A082"/>
</svg>
Claude Sonnet 4 — realistic attempt 4realistic #46.8
✕ CLOSE

Claude Sonnet 4 · realistic · attempt 4 · score 6.8

cat likeness: 8.0aesthetic: 6.0technique: 8.0prompt fidelity: 5.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 400 500" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <radialGradient id="bodyGradient" cx="0.3" cy="0.3" r="0.8">
      <stop offset="0%" stop-color="#f0f0f0"/>
      <stop offset="40%" stop-color="#e8e8e8"/>
      <stop offset="80%" stop-color="#d0d0d0"/>
      <stop offset="100%" stop-color="#b8b8b8"/>
    </radialGradient>
    <radialGradient id="darkFur" cx="0.2" cy="0.2" r="0.9">
      <stop offset="0%" stop-color="#c8c8c8"/>
      <stop offset="60%" stop-color="#a8a8a8"/>
      <stop offset="100%" stop-color="#888888"/>
    </radialGradient>
    <linearGradient id="earGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#f5f5f5"/>
      <stop offset="50%" stop-color="#e0e0e0"/>
      <stop offset="100%" stop-color="#c0c0c0"/>
    </linearGradient>
    <radialGradient id="noseGradient" cx="0.3" cy="0.3" r="0.8">
      <stop offset="0%" stop-color="#ff9999"/>
      <stop offset="70%" stop-color="#ee7777"/>
      <stop offset="100%" stop-color="#cc5555"/>
    </radialGradient>
  </defs>
  
  <!-- Body -->
  <ellipse cx="200" cy="350" rx="85" ry="110" fill="url(#bodyGradient)"/>
  
  <!-- Chest -->
  <ellipse cx="200" cy="280" rx="65" ry="80" fill="url(#bodyGradient)"/>
  
  <!-- Head -->
  <ellipse cx="200" cy="180" rx="70" ry="65" fill="url(#bodyGradient)"/>
  
  <!-- Ears -->
  <ellipse cx="160" cy="130" rx="20" ry="35" fill="url(#earGradient)" transform="rotate(-25 160 130)"/>
  <ellipse cx="240" cy="130" rx="20" ry="35" fill="url(#earGradient)" transform="rotate(25 240 130)"/>
  
  <!-- Inner ears -->
  <ellipse cx="160" cy="135" rx="8" ry="15" fill="#ffb3ba" transform="rotate(-25 160 135)"/>
  <ellipse cx="240" cy="135" rx="8" ry="15" fill="#ffb3ba" transform="rotate(25 240 135)"/>
  
  <!-- Front legs -->
  <ellipse cx="160" cy="380" rx="18" ry="45" fill="url(#darkFur)"/>
  <ellipse cx="240" cy="380" rx="18" ry="45" fill="url(#darkFur)"/>
  
  <!-- Paws -->
  <ellipse cx="160" cy="420" rx="22" ry="15" fill="url(#darkFur)"/>
  <ellipse cx="240" cy="420" rx="22" ry="15" fill="url(#darkFur)"/>
  
  <!-- Tail -->
  <ellipse cx="280" cy="300" rx="25" ry="80" fill="url(#darkFur)" transform="rotate(30 280 300)"/>
  <ellipse cx="320" cy="240" rx="20" ry="60" fill="url(#darkFur)" transform="rotate(60 320 240)"/>
  
  <!-- Face markings -->
  <ellipse cx="170" cy="165" rx="15" ry="12" fill="url(#darkFur)" opacity="0.3"/>
  <ellipse cx="230" cy="165" rx="15" ry="12" fill="url(#darkFur)" opacity="0.3"/>
  
  <!-- Eyes -->
  <ellipse cx="180" cy="170" rx="12" ry="18" fill="#4a7c59"/>
  <ellipse cx="220" cy="170" rx="12" ry="18" fill="#4a7c59"/>
  
  <!-- Eye highlights -->
  <ellipse cx="182" cy="165" rx="4" ry="6" fill="#ffffff"/>
  <ellipse cx="222" cy="165" rx="4" ry="6" fill="#ffffff"/>
  
  <!-- Pupils -->
  <ellipse cx="180" cy="172" rx="3" ry="8" fill="#000000"/>
  <ellipse cx="220" cy="172" rx="3" ry="8" fill="#000000"/>
  
  <!-- Nose -->
  <path d="M200 190 L192 200 L208 200 Z" fill="url(#noseGradient)"/>
  
  <!-- Mouth -->
  <path d="M200 200 Q190 210 185 205" stroke="#666666" stroke-width="2" fill="none"/>
  <path d="M200 200 Q210 210 215 205" stroke="#666666" stroke-width="2" fill="none"/>
  
  <!-- Whiskers -->
  <line x1="130" y1="185" x2="80" y2="180" stroke="#666666" stroke-width="1.5"/>
  <line x1="130" y1="195" x2="75" y2="195" stroke="#666666" stroke-width="1.5"/>
  <line x1="270" y1="185" x2="320" y2="180" stroke="#666666" stroke-width="1.5"/>
  <line x1="270" y1="195" x2="325" y2="195" stroke="#666666" stroke-width="1.5"/>
  
  <!-- Fur texture details -->
  <path d="M140 340 Q145 350 140 360 Q135 350 140 340" fill="url(#darkFur)" opacity="0.4"/>
  <path d="M260 340 Q265 350 260 360 Q255 350 260 340" fill="url(#darkFur)" opacity="0.4"/>
  <path d="M180 320 Q185 330 180 340 Q175 330 180 320" fill="url(#darkFur)" opacity="0.3"/>
  <path d="M220 320 Q225 330 220 340 Q215 330 220 320" fill="url(#darkFur)" opacity="0.3"/>
</svg>

action

“Draw a cat riding a bicycle as an SVG.”

Claude Sonnet 4 — action attempt 1action #18.0
✕ CLOSE

Claude Sonnet 4 · action · attempt 1 · score 8.0

cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="400" height="300">
  <!-- Bicycle wheels -->
  <circle cx="80" cy="220" r="35" fill="none" stroke="#333" stroke-width="4"/>
  <circle cx="280" cy="220" r="35" fill="none" stroke="#333" stroke-width="4"/>
  
  <!-- Wheel spokes -->
  <line x1="80" y1="185" x2="80" y2="255" stroke="#333" stroke-width="2"/>
  <line x1="45" y1="220" x2="115" y2="220" stroke="#333" stroke-width="2"/>
  <line x1="280" y1="185" x2="280" y2="255" stroke="#333" stroke-width="2"/>
  <line x1="245" y1="220" x2="315" y2="220" stroke="#333" stroke-width="2"/>
  
  <!-- Bicycle frame -->
  <line x1="80" y1="220" x2="180" y2="160" stroke="#666" stroke-width="6"/>
  <line x1="180" y1="160" x2="280" y2="220" stroke="#666" stroke-width="6"/>
  <line x1="180" y1="160" x2="180" y2="190" stroke="#666" stroke-width="6"/>
  <line x1="160" y1="220" x2="200" y2="220" stroke="#666" stroke-width="6"/>
  
  <!-- Handlebars -->
  <line x1="180" y1="160" x2="190" y2="140" stroke="#333" stroke-width="4"/>
  <line x1="180" y1="140" x2="200" y2="140" stroke="#333" stroke-width="4"/>
  
  <!-- Seat -->
  <ellipse cx="165" cy="155" rx="15" ry="5" fill="#8B4513"/>
  
  <!-- Pedals -->
  <circle cx="180" cy="200" r="3" fill="#333"/>
  <line x1="170" y1="195" x2="190" y2="205" stroke="#333" stroke-width="3"/>
  
  <!-- Cat body -->
  <ellipse cx="180" cy="130" rx="25" ry="15" fill="#FF8C00"/>
  
  <!-- Cat head -->
  <circle cx="200" cy="110" r="18" fill="#FF8C00"/>
  
  <!-- Cat ears -->
  <polygon points="185,95 190,85 195,95" fill="#FF8C00"/>
  <polygon points="205,95 210,85 215,95" fill="#FF8C00"/>
  <polygon points="187,93 189,88 192,93" fill="#FFB6C1"/>
  <polygon points="208,93 211,88 213,93" fill="#FFB6C1"/>
  
  <!-- Cat face -->
  <circle cx="195" cy="108" r="2" fill="#000"/>
  <circle cx="205" cy="108" r="2" fill="#000"/>
  <polygon points="200,112 198,115 202,115" fill="#FFB6C1"/>
  <path d="M 198,116 Q 200,118 202,116" fill="none" stroke="#000" stroke-width="1"/>
  
  <!-- Cat whiskers -->
  <line x1="185" y1="110" x2="175" y2="108" stroke="#000" stroke-width="1"/>
  <line x1="185" y1="115" x2="175" y2="115" stroke="#000" stroke-width="1"/>
  <line x1="215" y1="110" x2="225" y2="108" stroke="#000" stroke-width="1"/>
  <line x1="215" y1="115" x2="225" y2="115" stroke="#000" stroke-width="1"/>
  
  <!-- Cat legs -->
  <line x1="165" y1="140" x2="170" y2="195" stroke="#FF8C00" stroke-width="6" stroke-linecap="round"/>
  <line x1="195" y1="140" x2="190" y2="205" stroke="#FF8C00" stroke-width="6" stroke-linecap="round"/>
  
  <!-- Cat paws on handlebars -->
  <circle cx="185" cy="140" r="4" fill="#FF8C00"/>
  <circle cx="195" cy="140" r="4" fill="#FF8C00"/>
  
  <!-- Cat tail -->
  <path d="M 155,130 Q 140,120 135,105 Q 130,90 140,85" fill="none" stroke="#FF8C00" stroke-width="8" stroke-linecap="round"/>
  
  <!-- Ground line -->
  <line x1="0" y1="260" x2="400" y2="260" stroke="#90EE90" stroke-width="3"/>
</svg>
Claude Sonnet 4 — action attempt 2action #27.8
✕ CLOSE

Claude Sonnet 4 · action · attempt 2 · score 7.8

cat likeness: 8.0aesthetic: 7.0technique: 7.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Bicycle wheels -->
  <circle cx="100" cy="220" r="40" fill="none" stroke="#333" stroke-width="3"/>
  <circle cx="100" cy="220" r="5" fill="#333"/>
  <circle cx="280" cy="220" r="40" fill="none" stroke="#333" stroke-width="3"/>
  <circle cx="280" cy="220" r="5" fill="#333"/>
  
  <!-- Bicycle frame -->
  <line x1="100" y1="220" x2="200" y2="160" stroke="#333" stroke-width="4"/>
  <line x1="200" y1="160" x2="280" y2="220" stroke="#333" stroke-width="4"/>
  <line x1="200" y1="160" x2="200" y2="200" stroke="#333" stroke-width="4"/>
  <line x1="140" y1="200" x2="260" y2="200" stroke="#333" stroke-width="4"/>
  <line x1="140" y1="200" x2="100" y2="220" stroke="#333" stroke-width="4"/>
  
  <!-- Bicycle seat -->
  <ellipse cx="150" cy="195" rx="15" ry="5" fill="#654321"/>
  
  <!-- Handlebars -->
  <line x1="200" y1="160" x2="210" y2="145" stroke="#333" stroke-width="4"/>
  <line x1="205" y1="140" x2="215" y2="140" stroke="#333" stroke-width="4"/>
  
  <!-- Pedals -->
  <circle cx="200" cy="200" r="3" fill="#333"/>
  <line x1="190" y1="210" x2="210" y2="190" stroke="#333" stroke-width="3"/>
  
  <!-- Cat body -->
  <ellipse cx="160" cy="140" rx="35" ry="20" fill="#ff8c42"/>
  
  <!-- Cat head -->
  <circle cx="180" cy="110" r="25" fill="#ff8c42"/>
  
  <!-- Cat ears -->
  <polygon points="165,95 170,80 175,95" fill="#ff8c42"/>
  <polygon points="185,95 190,80 195,95" fill="#ff8c42"/>
  <polygon points="167,90 169,85 173,90" fill="#ffb380"/>
  <polygon points="187,90 189,85 193,90" fill="#ffb380"/>
  
  <!-- Cat face -->
  <circle cx="175" cy="105" r="2" fill="#000"/>
  <circle cx="185" cy="105" r="2" fill="#000"/>
  <polygon points="180,110 177,115 183,115" fill="#000"/>
  <line x1="180" y1="115" x2="180" y2="120" stroke="#000" stroke-width="1"/>
  
  <!-- Cat whiskers -->
  <line x1="160" y1="110" x2="150" y2="108" stroke="#000" stroke-width="1"/>
  <line x1="160" y1="115" x2="150" y2="115" stroke="#000" stroke-width="1"/>
  <line x1="200" y1="110" x2="210" y2="108" stroke="#000" stroke-width="1"/>
  <line x1="200" y1="115" x2="210" y2="115" stroke="#000" stroke-width="1"/>
  
  <!-- Cat legs -->
  <line x1="140" y1="155" x2="135" y2="180" stroke="#ff8c42" stroke-width="6"/>
  <line x1="180" y1="155" x2="185" y2="180" stroke="#ff8c42" stroke-width="6"/>
  <line x1="150" y1="155" x2="155" y2="185" stroke="#ff8c42" stroke-width="6"/>
  <line x1="170" y1="155" x2="175" y2="185" stroke="#ff8c42" stroke-width="6"/>
  
  <!-- Cat paws on handlebars -->
  <circle cx="205" cy="145" r="4" fill="#ff8c42"/>
  <circle cx="215" cy="145" r="4" fill="#ff8c42"/>
  
  <!-- Cat tail -->
  <path d="M 125 145 Q 110 130 120 115 Q 130 100 115 90" fill="none" stroke="#ff8c42" stroke-width="8" stroke-linecap="round"/>
</svg>
Claude Sonnet 4 — action attempt 3action #38.0
✕ CLOSE

Claude Sonnet 4 · action · attempt 3 · score 8.0

cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Bicycle wheels -->
  <circle cx="100" cy="200" r="40" fill="none" stroke="#333" stroke-width="3"/>
  <circle cx="280" cy="200" r="40" fill="none" stroke="#333" stroke-width="3"/>
  
  <!-- Bicycle spokes -->
  <g stroke="#666" stroke-width="1">
    <line x1="100" y1="160" x2="100" y2="240"/>
    <line x1="60" y1="200" x2="140" y2="200"/>
    <line x1="72" y1="172" x2="128" y2="228"/>
    <line x1="128" y1="172" x2="72" y2="228"/>
    
    <line x1="280" y1="160" x2="280" y2="240"/>
    <line x1="240" y1="200" x2="320" y2="200"/>
    <line x1="252" y1="172" x2="308" y2="228"/>
    <line x1="308" y1="172" x2="252" y2="228"/>
  </g>
  
  <!-- Bicycle frame -->
  <g stroke="#444" stroke-width="4" fill="none">
    <line x1="100" y1="200" x2="190" y2="160"/>
    <line x1="190" y1="160" x2="280" y2="200"/>
    <line x1="100" y1="200" x2="190" y2="120"/>
    <line x1="190" y1="120" x2="190" y2="160"/>
    <line x1="170" y1="140" x2="220" y2="140"/>
  </g>
  
  <!-- Pedals -->
  <circle cx="190" cy="160" r="6" fill="#666"/>
  <line x1="182" y1="168" x2="198" y2="152" stroke="#444" stroke-width="3"/>
  
  <!-- Handlebars -->
  <line x1="190" y1="120" x2="180" y2="110" stroke="#444" stroke-width="4"/>
  <line x1="175" y1="110" x2="185" y2="110" stroke="#444" stroke-width="3"/>
  
  <!-- Cat body -->
  <ellipse cx="190" cy="140" rx="25" ry="15" fill="#ff8c42"/>
  
  <!-- Cat head -->
  <circle cx="190" cy="110" r="18" fill="#ff8c42"/>
  
  <!-- Cat ears -->
  <polygon points="175,100 180,85 185,100" fill="#ff8c42"/>
  <polygon points="195,100 200,85 205,100" fill="#ff8c42"/>
  <polygon points="177,97 180,88 183,97" fill="#ffb366"/>
  <polygon points="197,97 200,88 203,97" fill="#ffb366"/>
  
  <!-- Cat face -->
  <circle cx="184" cy="108" r="2" fill="#000"/>
  <circle cx="196" cy="108" r="2" fill="#000"/>
  <polygon points="190,112 187,115 193,115" fill="#000"/>
  <path d="M 190,115 Q 185,118 180,116" stroke="#000" stroke-width="1" fill="none"/>
  <path d="M 190,115 Q 195,118 200,116" stroke="#000" stroke-width="1" fill="none"/>
  
  <!-- Cat whiskers -->
  <g stroke="#000" stroke-width="1">
    <line x1="165" y1="108" x2="175" y2="110"/>
    <line x1="165" y1="112" x2="175" y2="112"/>
    <line x1="205" y1="110" x2="215" y2="108"/>
    <line x1="205" y1="112" x2="215" y2="112"/>
  </g>
  
  <!-- Cat tail -->
  <path d="M 210,140 Q 230,130 240,120 Q 245,115 240,110" stroke="#ff8c42" stroke-width="8" fill="none"/>
  
  <!-- Cat legs/paws on pedals and handlebars -->
  <circle cx="175" cy="110" r="4" fill="#ff8c42"/>
  <circle cx="190" cy="165" r="4" fill="#ff8c42"/>
  <circle cx="195" cy="165" r="4" fill="#ff8c42"/>
  
  <!-- Cat stripes -->
  <g stroke="#e67429" stroke-width="2">
    <path d="M 175,105 Q 185,103 195,105"/>
    <path d="M 170,135 Q 190,133 210,135"/>
    <path d="M 220,130 Q 230,125 240,115"/>
  </g>
</svg>
Claude Sonnet 4 — action attempt 4action #47.5
✕ CLOSE

Claude Sonnet 4 · action · attempt 4 · score 7.5

cat likeness: 8.0aesthetic: 7.0technique: 6.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="400" height="300">
  <!-- Bicycle frame -->
  <line x1="120" y1="180" x2="180" y2="140" stroke="#333" stroke-width="3" fill="none"/>
  <line x1="180" y1="140" x2="220" y2="160" stroke="#333" stroke-width="3" fill="none"/>
  <line x1="220" y1="160" x2="180" y2="180" stroke="#333" stroke-width="3" fill="none"/>
  <line x1="180" y1="180" x2="120" y2="180" stroke="#333" stroke-width="3" fill="none"/>
  <line x1="180" y1="140" x2="180" y2="180" stroke="#333" stroke-width="3" fill="none"/>
  
  <!-- Bicycle wheels -->
  <circle cx="120" cy="200" r="25" stroke="#333" stroke-width="3" fill="none"/>
  <circle cx="250" cy="200" r="25" stroke="#333" stroke-width="3" fill="none"/>
  
  <!-- Wheel spokes -->
  <line x1="120" y1="175" x2="120" y2="225" stroke="#666" stroke-width="1"/>
  <line x1="95" y1="200" x2="145" y2="200" stroke="#666" stroke-width="1"/>
  <line x1="250" y1="175" x2="250" y2="225" stroke="#666" stroke-width="1"/>
  <line x1="225" y1="200" x2="275" y2="200" stroke="#666" stroke-width="1"/>
  
  <!-- Handlebars -->
  <line x1="180" y1="140" x2="180" y2="120" stroke="#333" stroke-width="3"/>
  <line x1="170" y1="120" x2="190" y2="120" stroke="#333" stroke-width="3"/>
  
  <!-- Seat -->
  <line x1="210" y1="150" x2="230" y2="150" stroke="#8B4513" stroke-width="4"/>
  
  <!-- Cat body -->
  <ellipse cx="200" cy="130" rx="25" ry="15" fill="#FF8C00"/>
  
  <!-- Cat head -->
  <circle cx="170" cy="115" r="18" fill="#FF8C00"/>
  
  <!-- Cat ears -->
  <polygon points="155,105 160,95 165,105" fill="#FF8C00"/>
  <polygon points="175,105 180,95 185,105" fill="#FF8C00"/>
  <polygon points="157,102 160,98 163,102" fill="#FFB6C1"/>
  <polygon points="177,102 180,98 183,102" fill="#FFB6C1"/>
  
  <!-- Cat face -->
  <circle cx="165" cy="110" r="2" fill="#000"/>
  <circle cx="175" cy="110" r="2" fill="#000"/>
  <polygon points="170,115 168,118 172,118" fill="#FFB6C1"/>
  <path d="M 168 118 Q 170 120 172 118" stroke="#000" stroke-width="1" fill="none"/>
  
  <!-- Cat whiskers -->
  <line x1="150" y1="112" x2="140" y2="110" stroke="#000" stroke-width="1"/>
  <line x1="150" y1="115" x2="140" y2="115" stroke="#000" stroke-width="1"/>
  <line x1="190" y1="112" x2="200" y2="110" stroke="#000" stroke-width="1"/>
  <line x1="190" y1="115" x2="200" y2="115" stroke="#000" stroke-width="1"/>
  
  <!-- Cat tail -->
  <path d="M 225 130 Q 240 120 250 135 Q 245 145 235 140" stroke="#FF8C00" stroke-width="8" fill="none"/>
  
  <!-- Cat paws on handlebars -->
  <circle cx="175" cy="125" r="4" fill="#FF8C00"/>
  <circle cx="185" cy="125" r="4" fill="#FF8C00"/>
  
  <!-- Cat legs -->
  <line x1="190" y1="145" x2="185" y2="160" stroke="#FF8C00" stroke-width="6"/>
  <line x1="210" y1="145" x2="215" y2="160" stroke="#FF8C00" stroke-width="6"/>
  
  <!-- Pedals -->
  <circle cx="180" cy="180" r="3" fill="#333"/>
  <line x1="185" y1="165" x2="180" y2="180" stroke="#FF8C00" stroke-width="4"/>
</svg>

style

“Draw an origami-style cat with geometric folds as an SVG.”

Claude Sonnet 4 — style attempt 1style #17.5
✕ CLOSE

Claude Sonnet 4 · style · attempt 1 · score 7.5

cat likeness: 7.0aesthetic: 6.0technique: 8.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#f0f0f0;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#d0d0d0;stop-opacity:1" />
    </linearGradient>
    <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#e8e8e8;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#c8c8c8;stop-opacity:1" />
    </linearGradient>
    <linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#e0e0e0;stop-opacity:1" />
    </linearGradient>
  </defs>
  
  <!-- Cat head -->
  <polygon points="200,80 150,180 250,180" fill="url(#grad1)" stroke="#999" stroke-width="1"/>
  
  <!-- Left ear -->
  <polygon points="150,80 120,40 180,60" fill="url(#grad2)" stroke="#999" stroke-width="1"/>
  
  <!-- Right ear -->
  <polygon points="250,80 220,60 280,40" fill="url(#grad2)" stroke="#999" stroke-width="1"/>
  
  <!-- Inner left ear -->
  <polygon points="150,75 135,55 165,65" fill="url(#grad3)" stroke="#aaa" stroke-width="0.5"/>
  
  <!-- Inner right ear -->
  <polygon points="250,75 235,65 265,55" fill="url(#grad3)" stroke="#aaa" stroke-width="0.5"/>
  
  <!-- Cat body -->
  <polygon points="150,180 200,320 250,180 220,280 180,280" fill="url(#grad1)" stroke="#999" stroke-width="1"/>
  
  <!-- Body fold lines -->
  <line x1="200" y1="180" x2="200" y2="320" stroke="#bbb" stroke-width="1"/>
  <line x1="175" y1="200" x2="200" y2="260" stroke="#bbb" stroke-width="0.5"/>
  <line x1="225" y1="200" x2="200" y2="260" stroke="#bbb" stroke-width="0.5"/>
  
  <!-- Head fold lines -->
  <line x1="200" y1="80" x2="200" y2="180" stroke="#bbb" stroke-width="1"/>
  <line x1="175" y1="130" x2="200" y2="150" stroke="#bbb" stroke-width="0.5"/>
  <line x1="225" y1="130" x2="200" y2="150" stroke="#bbb" stroke-width="0.5"/>
  
  <!-- Eyes -->
  <circle cx="180" cy="130" r="4" fill="#333"/>
  <circle cx="220" cy="130" r="4" fill="#333"/>
  
  <!-- Nose -->
  <polygon points="200,145 195,152 205,152" fill="#ff9999"/>
  
  <!-- Mouth -->
  <path d="M 200 152 Q 190 162 185 165" stroke="#666" stroke-width="1.5" fill="none"/>
  <path d="M 200 152 Q 210 162 215 165" stroke="#666" stroke-width="1.5" fill="none"/>
  
  <!-- Front paws -->
  <polygon points="170,280 160,340 180,340 185,300" fill="url(#grad2)" stroke="#999" stroke-width="1"/>
  <polygon points="230,280 215,300 220,340 240,340" fill="url(#grad2)" stroke="#999" stroke-width="1"/>
  
  <!-- Tail -->
  <polygon points="250,200 320,160 340,180 280,220 260,240" fill="url(#grad1)" stroke="#999" stroke-width="1"/>
  
  <!-- Tail fold line -->
  <line x1="270" y1="185" x2="320" y2="200" stroke="#bbb" stroke-width="0.5"/>
</svg>
Claude Sonnet 4 — style attempt 2style #28.3
✕ CLOSE

Claude Sonnet 4 · style · attempt 2 · score 8.3

cat likeness: 7.0aesthetic: 8.0technique: 9.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#f8f8f8;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#e0e0e0;stop-opacity:1" />
    </linearGradient>
    <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#e8e8e8;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#d0d0d0;stop-opacity:1" />
    </linearGradient>
    <linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#d8d8d8;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#c0c0c0;stop-opacity:1" />
    </linearGradient>
  </defs>
  
  <!-- Head base -->
  <polygon points="200,120 160,180 240,180" fill="url(#grad1)" stroke="#999" stroke-width="2"/>
  
  <!-- Left ear -->
  <polygon points="140,60 200,120 160,180 120,120" fill="url(#grad2)" stroke="#999" stroke-width="2"/>
  <polygon points="150,90 180,110 160,140 140,120" fill="url(#grad3)" stroke="#999" stroke-width="1"/>
  
  <!-- Right ear -->
  <polygon points="260,60 320,120 280,180 200,120" fill="url(#grad2)" stroke="#999" stroke-width="2"/>
  <polygon points="250,90 280,120 260,140 230,110" fill="url(#grad3)" stroke="#999" stroke-width="1"/>
  
  <!-- Face fold lines -->
  <polygon points="200,120 180,160 200,180 220,160" fill="url(#grad1)" stroke="#999" stroke-width="2"/>
  
  <!-- Body upper -->
  <polygon points="160,180 240,180 280,260 120,260" fill="url(#grad1)" stroke="#999" stroke-width="2"/>
  
  <!-- Body center fold -->
  <polygon points="160,180 200,220 240,180 200,260" fill="url(#grad2)" stroke="#999" stroke-width="2"/>
  
  <!-- Left body panel -->
  <polygon points="120,260 160,180 200,220 160,300" fill="url(#grad3)" stroke="#999" stroke-width="2"/>
  
  <!-- Right body panel -->
  <polygon points="280,260 240,180 200,220 240,300" fill="url(#grad3)" stroke="#999" stroke-width="2"/>
  
  <!-- Tail -->
  <polygon points="240,300 280,260 320,280 300,340 260,320" fill="url(#grad2)" stroke="#999" stroke-width="2"/>
  
  <!-- Left paw -->
  <polygon points="120,260 160,300 140,340 100,320" fill="url(#grad2)" stroke="#999" stroke-width="2"/>
  
  <!-- Right paw -->
  <polygon points="200,260 240,300 220,340 180,320" fill="url(#grad2)" stroke="#999" stroke-width="2"/>
  
  <!-- Eyes -->
  <circle cx="180" cy="150" r="6" fill="#333"/>
  <circle cx="220" cy="150" r="6" fill="#333"/>
  <circle cx="182" cy="148" r="2" fill="#fff"/>
  <circle cx="222" cy="148" r="2" fill="#fff"/>
  
  <!-- Nose -->
  <polygon points="200,165 195,172 205,172" fill="#ff9999"/>
  
  <!-- Mouth -->
  <path d="M 200,175 Q 190,185 185,180" stroke="#666" stroke-width="2" fill="none"/>
  <path d="M 200,175 Q 210,185 215,180" stroke="#666" stroke-width="2" fill="none"/>
  
  <!-- Fold lines for geometric effect -->
  <line x1="140" y1="60" x2="200" y2="120" stroke="#aaa" stroke-width="1" stroke-dasharray="3,3"/>
  <line x1="260" y1="60" x2="200" y2="120" stroke="#aaa" stroke-width="1" stroke-dasharray="3,3"/>
  <line x1="200" y1="120" x2="200" y2="220" stroke="#aaa" stroke-width="1" stroke-dasharray="3,3"/>
  <line x1="160" y1="180" x2="240" y2="180" stroke="#aaa" stroke-width="1" stroke-dasharray="3,3"/>
  <line x1="120" y1="260" x2="280" y2="260" stroke="#aaa" stroke-width="1" stroke-dasharray="3,3"/>
</svg>
Claude Sonnet 4 — style attempt 3style #38.0
✕ CLOSE

Claude Sonnet 4 · style · attempt 3 · score 8.0

cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="bodyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#f0f0f0"/>
      <stop offset="50%" style="stop-color:#e8e8e8"/>
      <stop offset="100%" style="stop-color:#d0d0d0"/>
    </linearGradient>
    <linearGradient id="foldGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#c0c0c0"/>
      <stop offset="100%" style="stop-color:#a8a8a8"/>
    </linearGradient>
  </defs>
  
  <!-- Cat body -->
  <polygon points="200,350 120,280 80,220 100,180 150,160 250,160 300,180 320,220 280,280" 
           fill="url(#bodyGradient)" stroke="#999" stroke-width="1.5"/>
  
  <!-- Head -->
  <polygon points="200,200 150,160 170,120 230,120 250,160" 
           fill="url(#bodyGradient)" stroke="#999" stroke-width="1.5"/>
  
  <!-- Left ear -->
  <polygon points="170,120 160,80 190,100" 
           fill="url(#foldGradient)" stroke="#999" stroke-width="1.5"/>
  
  <!-- Right ear -->
  <polygon points="230,120 240,80 210,100" 
           fill="url(#foldGradient)" stroke="#999" stroke-width="1.5"/>
  
  <!-- Inner ear folds -->
  <polygon points="170,110 175,95 185,105" 
           fill="#b8b8b8" stroke="#999" stroke-width="1"/>
  <polygon points="230,110 225,95 215,105" 
           fill="#b8b8b8" stroke="#999" stroke-width="1"/>
  
  <!-- Face geometric divisions -->
  <line x1="200" y1="120" x2="200" y2="160" stroke="#aaa" stroke-width="1"/>
  <line x1="170" y1="140" x2="230" y2="140" stroke="#aaa" stroke-width="1"/>
  
  <!-- Eyes -->
  <polygon points="185,135 180,140 185,145 190,140" 
           fill="#333" stroke="#999" stroke-width="0.5"/>
  <polygon points="215,135 210,140 215,145 220,140" 
           fill="#333" stroke="#999" stroke-width="0.5"/>
  
  <!-- Nose -->
  <polygon points="200,150 195,155 205,155" 
           fill="#333" stroke="#999" stroke-width="0.5"/>
  
  <!-- Body fold lines -->
  <line x1="200" y1="160" x2="200" y2="280" stroke="#aaa" stroke-width="1"/>
  <line x1="150" y1="200" x2="250" y2="200" stroke="#aaa" stroke-width="1"/>
  <line x1="120" y1="250" x2="280" y2="250" stroke="#aaa" stroke-width="1"/>
  
  <!-- Diagonal fold lines -->
  <line x1="150" y1="160" x2="120" y2="220" stroke="#aaa" stroke-width="1"/>
  <line x1="250" y1="160" x2="280" y2="220" stroke="#aaa" stroke-width="1"/>
  <line x1="100" y1="180" x2="150" y2="240" stroke="#aaa" stroke-width="1"/>
  <line x1="300" y1="180" x2="250" y2="240" stroke="#aaa" stroke-width="1"/>
  
  <!-- Tail -->
  <polygon points="280,280 320,300 340,270 350,290 320,320 290,310" 
           fill="url(#foldGradient)" stroke="#999" stroke-width="1.5"/>
  
  <!-- Tail fold line -->
  <line x1="320" y1="300" x2="325" y2="285" stroke="#aaa" stroke-width="1"/>
  
  <!-- Paws -->
  <polygon points="140,320 120,340 140,350 160,330" 
           fill="url(#foldGradient)" stroke="#999" stroke-width="1"/>
  <polygon points="240,320 220,340 240,350 260,330" 
           fill="url(#foldGradient)" stroke="#999" stroke-width="1"/>
</svg>
Claude Sonnet 4 — style attempt 4style #48.0
✕ CLOSE

Claude Sonnet 4 · style · attempt 4 · score 8.0

cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="bodyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#f0f0f0"/>
      <stop offset="100%" style="stop-color:#e0e0e0"/>
    </linearGradient>
    <linearGradient id="shadowGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#d0d0d0"/>
      <stop offset="100%" style="stop-color:#c0c0c0"/>
    </linearGradient>
  </defs>
  
  <!-- Head base -->
  <polygon points="200,80 160,140 240,140" fill="url(#bodyGradient)" stroke="#999" stroke-width="1"/>
  
  <!-- Left ear -->
  <polygon points="170,100 150,60 190,80" fill="url(#bodyGradient)" stroke="#999" stroke-width="1"/>
  <polygon points="170,100 160,70 175,85" fill="url(#shadowGradient)" stroke="#999" stroke-width="1"/>
  
  <!-- Right ear -->
  <polygon points="230,100 250,60 210,80" fill="url(#bodyGradient)" stroke="#999" stroke-width="1"/>
  <polygon points="230,100 240,70 225,85" fill="url(#shadowGradient)" stroke="#999" stroke-width="1"/>
  
  <!-- Head fold lines -->
  <line x1="200" y1="80" x2="180" y2="120" stroke="#999" stroke-width="1"/>
  <line x1="200" y1="80" x2="220" y2="120" stroke="#999" stroke-width="1"/>
  
  <!-- Body main triangle -->
  <polygon points="200,140 120,280 280,280" fill="url(#bodyGradient)" stroke="#999" stroke-width="1"/>
  
  <!-- Body fold sections -->
  <polygon points="200,140 150,210 200,220" fill="url(#shadowGradient)" stroke="#999" stroke-width="1"/>
  <polygon points="200,140 250,210 200,220" fill="url(#shadowGradient)" stroke="#999" stroke-width="1"/>
  <polygon points="200,220 170,260 230,260" fill="url(#bodyGradient)" stroke="#999" stroke-width="1"/>
  
  <!-- Tail -->
  <polygon points="280,280 320,240 300,300 260,290" fill="url(#bodyGradient)" stroke="#999" stroke-width="1"/>
  <polygon points="280,280 300,260 285,285" fill="url(#shadowGradient)" stroke="#999" stroke-width="1"/>
  
  <!-- Front paws -->
  <polygon points="150,280 140,320 170,320 160,290" fill="url(#bodyGradient)" stroke="#999" stroke-width="1"/>
  <polygon points="240,280 250,320 220,320 230,290" fill="url(#bodyGradient)" stroke="#999" stroke-width="1"/>
  
  <!-- Face features -->
  <circle cx="185" cy="115" r="3" fill="#333"/>
  <circle cx="215" cy="115" r="3" fill="#333"/>
  <polygon points="200,125 195,130 205,130" fill="#333"/>
  
  <!-- Fold lines -->
  <line x1="200" y1="140" x2="200" y2="280" stroke="#999" stroke-width="1"/>
  <line x1="150" y1="210" x2="250" y2="210" stroke="#999" stroke-width="1"/>
  <line x1="170" y1="260" x2="230" y2="260" stroke="#999" stroke-width="1"/>
</svg>

constraint

“Draw a recognizable cat as an SVG using at most 12 SVG elements.”

Claude Sonnet 4 — constraint attempt 1constraint #18.5
✕ CLOSE

Claude Sonnet 4 · constraint · attempt 1 · score 8.5

cat likeness: 8.0aesthetic: 7.0technique: 9.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="100" cy="120" rx="40" ry="35" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <circle cx="100" cy="80" r="25" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <polygon points="75,65 70,45 85,55" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <polygon points="125,65 130,45 115,55" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <circle cx="90" cy="75" r="3" fill="#000"/>
  <circle cx="110" cy="75" r="3" fill="#000"/>
  <polygon points="100,85 95,90 105,90" fill="#000"/>
  <path d="M 100 90 Q 90 95 85 100" stroke="#000" stroke-width="2" fill="none"/>
  <path d="M 100 90 Q 110 95 115 100" stroke="#000" stroke-width="2" fill="none"/>
  <line x1="70" y1="80" x2="50" y2="75" stroke="#000" stroke-width="2"/>
  <line x1="70" y1="85" x2="50" y2="85" stroke="#000" stroke-width="2"/>
  <line x1="130" y1="80" x2="150" y2="75" stroke="#000" stroke-width="2"/>
</svg>
Claude Sonnet 4 — constraint attempt 2constraint #28.8
✕ CLOSE

Claude Sonnet 4 · constraint · attempt 2 · score 8.8

cat likeness: 9.0aesthetic: 7.0technique: 9.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="100" cy="120" rx="45" ry="35" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <circle cx="100" cy="80" r="30" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <polygon points="70,65 75,45 85,60" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <polygon points="115,60 125,45 130,65" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <circle cx="90" cy="75" r="3" fill="#000"/>
  <circle cx="110" cy="75" r="3" fill="#000"/>
  <polygon points="100,85 95,95 105,95" fill="#ff69b4"/>
  <path d="M100,95 Q90,105 80,100" stroke="#000" stroke-width="2" fill="none"/>
  <path d="M100,95 Q110,105 120,100" stroke="#000" stroke-width="2" fill="none"/>
  <line x1="75" y1="85" x2="50" y2="80" stroke="#000" stroke-width="2"/>
  <line x1="125" y1="85" x2="150" y2="80" stroke="#000" stroke-width="2"/>
  <ellipse cx="100" cy="175" rx="8" ry="25" fill="#ffa500" stroke="#000" stroke-width="2"/>
</svg>
Claude Sonnet 4 — constraint attempt 3constraint #38.3
✕ CLOSE

Claude Sonnet 4 · constraint · attempt 3 · score 8.3

cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="100" cy="120" rx="40" ry="30" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <circle cx="100" cy="80" rx="35" ry="32" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <polygon points="70,65 75,40 85,60" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <polygon points="130,65 125,40 115,60" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <circle cx="88" cy="75" r="3" fill="#000"/>
  <circle cx="112" cy="75" r="3" fill="#000"/>
  <polygon points="100,85 95,95 105,95" fill="#ffb6c1" stroke="#000" stroke-width="1"/>
  <path d="M 100 95 Q 90 105 85 110" stroke="#000" stroke-width="2" fill="none"/>
  <path d="M 100 95 Q 110 105 115 110" stroke="#000" stroke-width="2" fill="none"/>
  <path d="M 70 90 Q 50 95 45 100" stroke="#000" stroke-width="2" fill="none"/>
  <path d="M 130 90 Q 150 95 155 100" stroke="#000" stroke-width="2" fill="none"/>
  <ellipse cx="100" cy="180" rx="15" ry="45" fill="#ffa500" stroke="#000" stroke-width="2"/>
</svg>
Claude Sonnet 4 — constraint attempt 4constraint #48.8
✕ CLOSE

Claude Sonnet 4 · constraint · attempt 4 · score 8.8

cat likeness: 9.0aesthetic: 7.0technique: 9.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <ellipse cx="100" cy="120" rx="45" ry="35" fill="#ff8c00" stroke="#000" stroke-width="2"/>
  <circle cx="100" cy="80" r="30" fill="#ff8c00" stroke="#000" stroke-width="2"/>
  <polygon points="70,65 75,45 85,60" fill="#ff8c00" stroke="#000" stroke-width="2"/>
  <polygon points="115,60 125,45 130,65" fill="#ff8c00" stroke="#000" stroke-width="2"/>
  <circle cx="90" cy="75" r="3" fill="#000"/>
  <circle cx="110" cy="75" r="3" fill="#000"/>
  <polygon points="98,85 100,90 102,85" fill="#000"/>
  <path d="M100,90 Q90,95 85,90" stroke="#000" stroke-width="2" fill="none"/>
  <path d="M100,90 Q110,95 115,90" stroke="#000" stroke-width="2" fill="none"/>
  <line x1="70" y1="80" x2="50" y2="75" stroke="#000" stroke-width="2"/>
  <line x1="70" y1="90" x2="50" y2="90" stroke="#000" stroke-width="2"/>
  <line x1="130" y1="80" x2="150" y2="75" stroke="#000" stroke-width="2"/>
</svg>

animation

“Draw a cat whose tail sways continuously, as an SVG using SMIL or CSS animation only (no JavaScript).”

Claude Sonnet 4 — animation attempt 1animation #18.0
✕ CLOSE

Claude Sonnet 4 · animation · attempt 1 · score 8.0

cat likeness: 8.0aesthetic: 7.0technique: 7.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg width="400" height="300" xmlns="http://www.w3.org/2000/svg">
  <!-- Cat body -->
  <ellipse cx="200" cy="180" rx="80" ry="50" fill="#ffa500" stroke="#000" stroke-width="2"/>
  
  <!-- Cat head -->
  <circle cx="200" cy="120" r="45" fill="#ffa500" stroke="#000" stroke-width="2"/>
  
  <!-- Cat ears -->
  <polygon points="170,85 185,110 155,110" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <polygon points="230,85 245,110 215,110" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <polygon points="173,92 180,105 166,105" fill="#ff69b4"/>
  <polygon points="233,92 240,105 226,105" fill="#ff69b4"/>
  
  <!-- Cat eyes -->
  <ellipse cx="185" cy="115" rx="8" ry="12" fill="#32cd32"/>
  <ellipse cx="215" cy="115" rx="8" ry="12" fill="#32cd32"/>
  <ellipse cx="185" cy="115" rx="3" ry="8" fill="#000"/>
  <ellipse cx="215" cy="115" rx="3" ry="8" fill="#000"/>
  
  <!-- Cat nose -->
  <polygon points="200,125 195,135 205,135" fill="#ff69b4"/>
  
  <!-- Cat mouth -->
  <path d="M 200,135 Q 190,145 185,140" fill="none" stroke="#000" stroke-width="2"/>
  <path d="M 200,135 Q 210,145 215,140" fill="none" stroke="#000" stroke-width="2"/>
  
  <!-- Cat whiskers -->
  <line x1="150" y1="125" x2="175" y2="125" stroke="#000" stroke-width="1"/>
  <line x1="150" y1="135" x2="175" y2="130" stroke="#000" stroke-width="1"/>
  <line x1="225" y1="125" x2="250" y2="125" stroke="#000" stroke-width="1"/>
  <line x1="225" y1="130" x2="250" y2="135" stroke="#000" stroke-width="1"/>
  
  <!-- Cat legs -->
  <rect x="165" y="220" width="15" height="40" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <rect x="190" y="220" width="15" height="40" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <rect x="210" y="220" width="15" height="40" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <rect x="235" y="220" width="15" height="40" fill="#ffa500" stroke="#000" stroke-width="2"/>
  
  <!-- Cat paws -->
  <ellipse cx="172" cy="265" rx="10" ry="8" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <ellipse cx="197" cy="265" rx="10" ry="8" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <ellipse cx="217" cy="265" rx="10" ry="8" fill="#ffa500" stroke="#000" stroke-width="2"/>
  <ellipse cx="242" cy="265" rx="10" ry="8" fill="#ffa500" stroke="#000" stroke-width="2"/>
  
  <!-- Animated tail -->
  <path d="M 280,180 Q 320,160 330,120 Q 340,80 320,50" fill="none" stroke="#ffa500" stroke-width="20" stroke-linecap="round">
    <animateTransform
      attributeName="transform"
      type="rotate"
      values="0 280 180; 15 280 180; -15 280 180; 0 280 180"
      dur="2s"
      repeatCount="indefinite"/>
  </path>
  
  <!-- Tail outline -->
  <path d="M 280,180 Q 320,160 330,120 Q 340,80 320,50" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round">
    <animateTransform
      attributeName="transform"
      type="rotate"
      values="0 280 180; 15 280 180; -15 280 180; 0 280 180"
      dur="2s"
      repeatCount="indefinite"/>
  </path>
</svg>
Claude Sonnet 4 — animation attempt 2animation #28.5
✕ CLOSE

Claude Sonnet 4 · animation · attempt 2 · score 8.5

cat likeness: 9.0aesthetic: 8.0technique: 7.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg width="400" height="300" xmlns="http://www.w3.org/2000/svg">
  <!-- Cat body -->
  <ellipse cx="200" cy="180" rx="60" ry="40" fill="#FF8C00" stroke="#000" stroke-width="2"/>
  
  <!-- Cat head -->
  <circle cx="200" cy="120" r="45" fill="#FF8C00" stroke="#000" stroke-width="2"/>
  
  <!-- Cat ears -->
  <polygon points="170,90 185,60 200,90" fill="#FF8C00" stroke="#000" stroke-width="2"/>
  <polygon points="200,90 215,60 230,90" fill="#FF8C00" stroke="#000" stroke-width="2"/>
  <polygon points="175,85 185,70 195,85" fill="#FFB6C1"/>
  <polygon points="205,85 215,70 225,85" fill="#FFB6C1"/>
  
  <!-- Cat eyes -->
  <ellipse cx="185" cy="115" rx="8" ry="12" fill="#000"/>
  <ellipse cx="215" cy="115" rx="8" ry="12" fill="#000"/>
  <ellipse cx="185" cy="112" rx="3" ry="6" fill="#32CD32"/>
  <ellipse cx="215" cy="112" rx="3" ry="6" fill="#32CD32"/>
  
  <!-- Cat nose -->
  <polygon points="200,125 195,135 205,135" fill="#FFB6C1"/>
  
  <!-- Cat mouth -->
  <path d="M 200,135 Q 190,145 185,140" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round"/>
  <path d="M 200,135 Q 210,145 215,140" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round"/>
  
  <!-- Cat whiskers -->
  <line x1="140" y1="120" x2="170" y2="125" stroke="#000" stroke-width="1"/>
  <line x1="140" y1="130" x2="170" y2="130" stroke="#000" stroke-width="1"/>
  <line x1="230" y1="125" x2="260" y2="120" stroke="#000" stroke-width="1"/>
  <line x1="230" y1="130" x2="260" y2="130" stroke="#000" stroke-width="1"/>
  
  <!-- Cat legs -->
  <rect x="160" y="210" width="15" height="30" fill="#FF8C00" stroke="#000" stroke-width="2"/>
  <rect x="185" y="210" width="15" height="30" fill="#FF8C00" stroke="#000" stroke-width="2"/>
  <rect x="210" y="210" width="15" height="30" fill="#FF8C00" stroke="#000" stroke-width="2"/>
  <rect x="235" y="210" width="15" height="30" fill="#FF8C00" stroke="#000" stroke-width="2"/>
  
  <!-- Cat paws -->
  <ellipse cx="167" cy="245" rx="10" ry="6" fill="#000"/>
  <ellipse cx="192" cy="245" rx="10" ry="6" fill="#000"/>
  <ellipse cx="217" cy="245" rx="10" ry="6" fill="#000"/>
  <ellipse cx="242" cy="245" rx="10" ry="6" fill="#000"/>
  
  <!-- Animated tail -->
  <path d="M 260,170 Q 300,150 320,180 Q 340,210 310,240" fill="none" stroke="#FF8C00" stroke-width="15" stroke-linecap="round">
    <animateTransform
      attributeName="transform"
      type="rotate"
      values="0 260 170; 15 260 170; -15 260 170; 0 260 170"
      dur="2s"
      repeatCount="indefinite"/>
  </path>
  
  <!-- Tail tip -->
  <circle cx="310" cy="240" r="8" fill="#FF8C00">
    <animateTransform
      attributeName="transform"
      type="rotate"
      values="0 260 170; 15 260 170; -15 260 170; 0 260 170"
      dur="2s"
      repeatCount="indefinite"/>
  </circle>
</svg>
Claude Sonnet 4 — animation attempt 3animation #38.8
✕ CLOSE

Claude Sonnet 4 · animation · attempt 3 · score 8.8

cat likeness: 9.0aesthetic: 8.0technique: 8.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="400" height="300">
  <!-- Cat body -->
  <ellipse cx="200" cy="180" rx="60" ry="40" fill="#ff8c42" stroke="#000" stroke-width="2"/>
  
  <!-- Cat head -->
  <circle cx="200" cy="120" r="35" fill="#ff8c42" stroke="#000" stroke-width="2"/>
  
  <!-- Cat ears -->
  <polygon points="175,95 185,75 195,95" fill="#ff8c42" stroke="#000" stroke-width="2"/>
  <polygon points="205,95 215,75 225,95" fill="#ff8c42" stroke="#000" stroke-width="2"/>
  
  <!-- Inner ears -->
  <polygon points="178,90 185,80 192,90" fill="#ffb380"/>
  <polygon points="208,90 215,80 222,90" fill="#ffb380"/>
  
  <!-- Cat eyes -->
  <ellipse cx="190" cy="115" rx="6" ry="8" fill="#000"/>
  <ellipse cx="210" cy="115" rx="6" ry="8" fill="#000"/>
  <ellipse cx="190" cy="113" rx="2" ry="3" fill="#fff"/>
  <ellipse cx="210" cy="113" rx="2" ry="3" fill="#fff"/>
  
  <!-- Cat nose -->
  <polygon points="200,125 195,130 205,130" fill="#ff6b9d"/>
  
  <!-- Cat mouth -->
  <path d="M 200,132 Q 190,140 185,135" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round"/>
  <path d="M 200,132 Q 210,140 215,135" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round"/>
  
  <!-- Cat whiskers -->
  <line x1="150" y1="120" x2="175" y2="118" stroke="#000" stroke-width="1"/>
  <line x1="150" y1="130" x2="175" y2="128" stroke="#000" stroke-width="1"/>
  <line x1="225" y1="118" x2="250" y2="120" stroke="#000" stroke-width="1"/>
  <line x1="225" y1="128" x2="250" y2="130" stroke="#000" stroke-width="1"/>
  
  <!-- Cat legs -->
  <ellipse cx="175" cy="210" rx="8" ry="20" fill="#ff8c42" stroke="#000" stroke-width="2"/>
  <ellipse cx="195" cy="210" rx="8" ry="20" fill="#ff8c42" stroke="#000" stroke-width="2"/>
  <ellipse cx="205" cy="210" rx="8" ry="20" fill="#ff8c42" stroke="#000" stroke-width="2"/>
  <ellipse cx="225" cy="210" rx="8" ry="20" fill="#ff8c42" stroke="#000" stroke-width="2"/>
  
  <!-- Cat paws -->
  <circle cx="175" cy="225" r="6" fill="#ff6b42" stroke="#000" stroke-width="1"/>
  <circle cx="195" cy="225" r="6" fill="#ff6b42" stroke="#000" stroke-width="1"/>
  <circle cx="205" cy="225" r="6" fill="#ff6b42" stroke="#000" stroke-width="1"/>
  <circle cx="225" cy="225" r="6" fill="#ff6b42" stroke="#000" stroke-width="1"/>
  
  <!-- Animated tail -->
  <g transform-origin="140 175">
    <path d="M 140,175 Q 120,150 110,120 Q 100,90 115,70" 
          fill="none" 
          stroke="#ff8c42" 
          stroke-width="12" 
          stroke-linecap="round">
      <animateTransform
        attributeName="transform"
        type="rotate"
        values="-10 140 175; 10 140 175; -10 140 175"
        dur="2s"
        repeatCount="indefinite"/>
    </path>
    <path d="M 140,175 Q 120,150 110,120 Q 100,90 115,70" 
          fill="none" 
          stroke="#000" 
          stroke-width="2" 
          stroke-linecap="round">
      <animateTransform
        attributeName="transform"
        type="rotate"
        values="-10 140 175; 10 140 175; -10 140 175"
        dur="2s"
        repeatCount="indefinite"/>
    </path>
  </g>
</svg>
Claude Sonnet 4 — animation attempt 4animation #48.8
✕ CLOSE

Claude Sonnet 4 · animation · attempt 4 · score 8.8

cat likeness: 9.0aesthetic: 8.0technique: 8.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg width="400" height="300" xmlns="http://www.w3.org/2000/svg">
  <!-- Cat body -->
  <ellipse cx="200" cy="180" rx="60" ry="40" fill="#ff8c42" stroke="#d67326" stroke-width="2"/>
  
  <!-- Cat head -->
  <circle cx="200" cy="120" r="35" fill="#ff8c42" stroke="#d67326" stroke-width="2"/>
  
  <!-- Cat ears -->
  <polygon points="175,95 185,75 195,95" fill="#ff8c42" stroke="#d67326" stroke-width="2"/>
  <polygon points="205,95 215,75 225,95" fill="#ff8c42" stroke="#d67326" stroke-width="2"/>
  <polygon points="178,92 185,82 192,92" fill="#ff6b1a"/>
  <polygon points="208,92 215,82 222,92" fill="#ff6b1a"/>
  
  <!-- Cat legs -->
  <rect x="170" y="210" width="12" height="25" rx="6" fill="#ff8c42" stroke="#d67326" stroke-width="1"/>
  <rect x="190" y="210" width="12" height="25" rx="6" fill="#ff8c42" stroke="#d67326" stroke-width="1"/>
  <rect x="210" y="210" width="12" height="25" rx="6" fill="#ff8c42" stroke="#d67326" stroke-width="1"/>
  <rect x="230" y="210" width="12" height="25" rx="6" fill="#ff8c42" stroke="#d67326" stroke-width="1"/>
  
  <!-- Cat paws -->
  <circle cx="176" cy="240" r="8" fill="#d67326"/>
  <circle cx="196" cy="240" r="8" fill="#d67326"/>
  <circle cx="216" cy="240" r="8" fill="#d67326"/>
  <circle cx="236" cy="240" r="8" fill="#d67326"/>
  
  <!-- Cat tail with animation -->
  <path d="M 130 170 Q 100 150 80 120 Q 70 100 75 80" stroke="#ff8c42" stroke-width="15" fill="none" stroke-linecap="round">
    <animateTransform
      attributeName="transform"
      type="rotate"
      values="0 130 170; 15 130 170; -15 130 170; 0 130 170"
      dur="2s"
      repeatCount="indefinite"/>
  </path>
  
  <!-- Cat face features -->
  <!-- Eyes -->
  <circle cx="185" cy="115" r="4" fill="#2c3e50"/>
  <circle cx="215" cy="115" r="4" fill="#2c3e50"/>
  <circle cx="187" cy="113" r="1.5" fill="white"/>
  <circle cx="217" cy="113" r="1.5" fill="white"/>
  
  <!-- Nose -->
  <polygon points="200,125 195,130 205,130" fill="#e74c3c"/>
  
  <!-- Mouth -->
  <path d="M 200 135 Q 190 140 185 135" stroke="#2c3e50" stroke-width="2" fill="none" stroke-linecap="round"/>
  <path d="M 200 135 Q 210 140 215 135" stroke="#2c3e50" stroke-width="2" fill="none" stroke-linecap="round"/>
  
  <!-- Whiskers -->
  <line x1="160" y1="120" x2="140" y2="115" stroke="#2c3e50" stroke-width="1"/>
  <line x1="160" y1="130" x2="140" y2="130" stroke="#2c3e50" stroke-width="1"/>
  <line x1="240" y1="120" x2="260" y2="115" stroke="#2c3e50" stroke-width="1"/>
  <line x1="240" y1="130" x2="260" y2="130" stroke="#2c3e50" stroke-width="1"/>
</svg>