Claude Opus 4.8
RANK 04 · MEOWSCORE 86.8 · current · US · closed
minimal
“Draw a minimal, flat-design cat as an SVG.”
minimal #18.5✕ CLOSE
Claude Opus 4.8 · minimal · attempt 1 · score 8.5
cat likeness: 9.0aesthetic: 8.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 200 200" width="200" height="200">
<!-- Ears -->
<polygon points="55,60 70,20 95,55" fill="#5c5c7a"/>
<polygon points="145,60 130,20 105,55" fill="#5c5c7a"/>
<polygon points="62,55 71,33 84,52" fill="#f2a7b8"/>
<polygon points="138,55 129,33 116,52" fill="#f2a7b8"/>
<!-- Head -->
<circle cx="100" cy="95" r="50" fill="#6d6d91"/>
<!-- Eyes -->
<ellipse cx="80" cy="90" rx="7" ry="11" fill="#2d2d3a"/>
<ellipse cx="120" cy="90" rx="7" ry="11" fill="#2d2d3a"/>
<!-- Nose -->
<polygon points="100,105 94,112 106,112" fill="#f2a7b8"/>
<!-- Mouth -->
<path d="M100 112 Q100 122 90 122" stroke="#2d2d3a" stroke-width="2" fill="none"/>
<path d="M100 112 Q100 122 110 122" stroke="#2d2d3a" stroke-width="2" fill="none"/>
<!-- Whiskers -->
<line x1="65" y1="105" x2="40" y2="100" stroke="#2d2d3a" stroke-width="2"/>
<line x1="65" y1="112" x2="40" y2="115" stroke="#2d2d3a" stroke-width="2"/>
<line x1="135" y1="105" x2="160" y2="100" stroke="#2d2d3a" stroke-width="2"/>
<line x1="135" y1="112" x2="160" y2="115" stroke="#2d2d3a" stroke-width="2"/>
</svg>
minimal #29.0✕ CLOSE
Claude Opus 4.8 · 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
<!-- Ears -->
<polygon points="55,70 60,25 95,55" fill="#f4a259"/>
<polygon points="145,70 140,25 105,55" fill="#f4a259"/>
<polygon points="63,60 65,38 84,52" fill="#f7c59f"/>
<polygon points="137,60 135,38 116,52" fill="#f7c59f"/>
<!-- Head -->
<circle cx="100" cy="105" r="55" fill="#f4a259"/>
<!-- Eyes -->
<circle cx="80" cy="100" r="8" fill="#2d3142"/>
<circle cx="120" cy="100" r="8" fill="#2d3142"/>
<circle cx="82" cy="97" r="2.5" fill="#fff"/>
<circle cx="122" cy="97" r="2.5" fill="#fff"/>
<!-- Nose -->
<polygon points="100,115 94,122 106,122" fill="#e76f51"/>
<!-- Mouth -->
<path d="M100,122 Q100,132 91,130" fill="none" stroke="#2d3142" stroke-width="2" stroke-linecap="round"/>
<path d="M100,122 Q100,132 109,130" fill="none" stroke="#2d3142" stroke-width="2" stroke-linecap="round"/>
<!-- Whiskers -->
<line x1="70" y1="118" x2="45" y2="112" stroke="#2d3142" stroke-width="2" stroke-linecap="round"/>
<line x1="70" y1="124" x2="45" y2="124" stroke="#2d3142" stroke-width="2" stroke-linecap="round"/>
<line x1="130" y1="118" x2="155" y2="112" stroke="#2d3142" stroke-width="2" stroke-linecap="round"/>
<line x1="130" y1="124" x2="155" y2="124" stroke="#2d3142" stroke-width="2" stroke-linecap="round"/>
</svg>
minimal #39.0✕ CLOSE
Claude Opus 4.8 · 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">
<!-- Ears -->
<polygon points="55,60 60,20 95,50" fill="#6b7280"/>
<polygon points="145,60 140,20 105,50" fill="#6b7280"/>
<polygon points="63,52 66,32 84,48" fill="#f9a8b4"/>
<polygon points="137,52 134,32 116,48" fill="#f9a8b4"/>
<!-- Head -->
<circle cx="100" cy="95" r="50" fill="#9ca3af"/>
<!-- Eyes -->
<ellipse cx="82" cy="90" rx="7" ry="10" fill="#1f2937"/>
<ellipse cx="118" cy="90" rx="7" ry="10" fill="#1f2937"/>
<circle cx="84" cy="86" r="2.5" fill="#fff"/>
<circle cx="120" cy="86" r="2.5" fill="#fff"/>
<!-- Nose -->
<polygon points="100,105 94,110 106,110" fill="#f9a8b4"/>
<!-- Mouth -->
<path d="M100 110 Q100 118 92 118 M100 110 Q100 118 108 118" stroke="#1f2937" stroke-width="2" fill="none"/>
<!-- Whiskers -->
<line x1="70" y1="105" x2="45" y2="100" stroke="#1f2937" stroke-width="2"/>
<line x1="70" y1="112" x2="45" y2="114" stroke="#1f2937" stroke-width="2"/>
<line x1="130" y1="105" x2="155" y2="100" stroke="#1f2937" stroke-width="2"/>
<line x1="130" y1="112" x2="155" y2="114" stroke="#1f2937" stroke-width="2"/>
</svg>
minimal #48.8✕ CLOSE
Claude Opus 4.8 · minimal · attempt 4 · score 8.8
cat likeness: 9.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 200 200" width="200" height="200">
<!-- Ears -->
<polygon points="55,60 65,20 95,50" fill="#6c5b7b"/>
<polygon points="145,60 135,20 105,50" fill="#6c5b7b"/>
<polygon points="62,52 68,32 84,48" fill="#f8b195"/>
<polygon points="138,52 132,32 116,48" fill="#f8b195"/>
<!-- Head -->
<circle cx="100" cy="95" r="50" fill="#8d7ca0"/>
<!-- Eyes -->
<ellipse cx="80" cy="90" rx="7" ry="10" fill="#2e2e3a"/>
<ellipse cx="120" cy="90" rx="7" ry="10" fill="#2e2e3a"/>
<circle cx="82" cy="86" r="2.5" fill="#fff"/>
<circle cx="122" cy="86" r="2.5" fill="#fff"/>
<!-- Nose -->
<polygon points="100,105 94,112 106,112" fill="#f67280"/>
<!-- Mouth -->
<path d="M100 112 Q100 120 90 120 M100 112 Q100 120 110 120" stroke="#2e2e3a" stroke-width="2" fill="none"/>
<!-- Whiskers -->
<line x1="55" y1="105" x2="80" y2="108" stroke="#2e2e3a" stroke-width="2"/>
<line x1="55" y1="115" x2="80" y2="114" stroke="#2e2e3a" stroke-width="2"/>
<line x1="145" y1="105" x2="120" y2="108" stroke="#2e2e3a" stroke-width="2"/>
<line x1="145" y1="115" x2="120" y2="114" stroke="#2e2e3a" stroke-width="2"/>
</svg>realistic
“Draw a realistic sitting cat with visible fur shading as an SVG.”
realistic #18.3✕ CLOSE
Claude Opus 4.8 · realistic · attempt 1 · score 8.3
cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 7.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>
<radialGradient id="bodyGrad" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#9a8069"/>
<stop offset="60%" stop-color="#7a6450"/>
<stop offset="100%" stop-color="#574433"/>
</radialGradient>
<radialGradient id="headGrad" cx="50%" cy="45%" r="65%">
<stop offset="0%" stop-color="#a68a70"/>
<stop offset="70%" stop-color="#836b54"/>
<stop offset="100%" stop-color="#5e4a38"/>
</radialGradient>
<linearGradient id="tailGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#6d5943"/>
<stop offset="100%" stop-color="#4a3a2b"/>
</linearGradient>
<radialGradient id="eyeGrad" cx="50%" cy="50%" r="60%">
<stop offset="0%" stop-color="#c8e66b"/>
<stop offset="70%" stop-color="#8fae2e"/>
<stop offset="100%" stop-color="#5c7014"/>
</radialGradient>
</defs>
<!-- ground shadow -->
<ellipse cx="200" cy="368" rx="110" ry="20" fill="#000" opacity="0.18"/>
<!-- Tail -->
<path d="M295 330 C360 320 370 250 320 235 C290 227 300 275 285 300 C280 315 285 330 295 330 Z" fill="url(#tailGrad)"/>
<path d="M330 240 C355 255 348 300 315 320" fill="none" stroke="#3a2c1f" stroke-width="4" opacity="0.4" stroke-linecap="round"/>
<!-- Body -->
<path d="M130 360 C110 300 115 220 165 190 C210 165 250 170 275 210 C300 250 300 320 285 360 Z" fill="url(#bodyGrad)"/>
<!-- Front legs -->
<path d="M170 360 C165 320 170 285 185 275 C200 285 200 330 200 360 Z" fill="#6f5a44"/>
<path d="M215 360 C213 322 218 288 232 280 C246 292 245 335 245 360 Z" fill="#7a6450"/>
<!-- Paws -->
<ellipse cx="185" cy="360" rx="22" ry="12" fill="#8a7259"/>
<ellipse cx="230" cy="360" rx="22" ry="12" fill="#8a7259"/>
<line x1="180" y1="356" x2="180" y2="366" stroke="#5e4a38" stroke-width="1.5"/>
<line x1="188" y1="356" x2="188" y2="366" stroke="#5e4a38" stroke-width="1.5"/>
<line x1="225" y1="356" x2="225" y2="366" stroke="#5e4a38" stroke-width="1.5"/>
<line x1="233" y1="356" x2="233" y2="366" stroke="#5e4a38" stroke-width="1.5"/>
<!-- Chest fur -->
<path d="M195 200 C185 250 185 310 200 355 C215 310 215 250 220 205 Z" fill="#b39c82" opacity="0.55"/>
<!-- Head -->
<g>
<!-- ears -->
<path d="M150 130 L140 75 L185 110 Z" fill="url(#headGrad)"/>
<path d="M250 130 L260 75 L215 110 Z" fill="url(#headGrad)"/>
<path d="M152 122 L147 90 L172 110 Z" fill="#d8a9a0"/>
<path d="M248 122 L253 90 L228 110 Z" fill="#d8a9a0"/>
<!-- face -->
<ellipse cx="200" cy="150" rx="62" ry="58" fill="url(#headGrad)"/>
<!-- cheek fur tufts -->
<path d="M138 155 L118 150 L138 165 Z" fill="#b39c82"/>
<path d="M262 155 L282 150 L262 165 Z" fill="#b39c82"/>
<!-- eyes -->
<ellipse cx="178" cy="145" rx="15" ry="17" fill="url(#eyeGrad)"/>
<ellipse cx="222" cy="145" rx="15" ry="17" fill="url(#eyeGrad)"/>
<ellipse cx="178" cy="145" rx="4.5" ry="14" fill="#1a1a10"/>
<ellipse cx="222" cy="145" rx="4.5" ry="14" fill="#1a1a10"/>
<circle cx="174" cy="139" r="3" fill="#fff" opacity="0.8"/>
<circle cx="218" cy="139" r="3" fill="#fff" opacity="0.8"/>
<!-- nose -->
<path d="M193 168 L207 168 L200 178 Z" fill="#c46b6b"/>
<!-- mouth -->
<path d="M200 178 L200 186 M200 186 C193 192 186 190 183 185 M200 186 C207 192 214 190 217 185" stroke="#4a3a2b" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#e8ddd0" stroke-width="1.2" opacity="0.8">
<line x1="188" y1="176" x2="130" y2="168"/>
<line x1="188" y1="180" x2="132" y2="185"/>
<line x1="212" y1="176" x2="270" y2="168"/>
<line x1="212" y1="180" x2="268" y2="185"/>
</g>
</g>
<!-- Fur shading strokes on body -->
<g stroke="#4a3a2b" stroke-width="1.3" opacity="0.35" fill="none" stroke-linecap="round">
<path d="M140 250 q8 15 4 30"/>
<path d="M150 290 q7 15 3 30"/>
<path d="M270 250 q-8 15 -4 30"/>
<path d="M262 290 q-6 15 -2 30"/>
<path d="M135 220 q6 12 2 24"/>
<path d="M275 220 q-6 12 -2 24"/>
</g>
<!-- Fur highlight strokes -->
<g stroke="#c2ab90" stroke-width="1" opacity="0.4" fill="none" stroke-linecap="round">
<path d="M180 210 q4 20 0 40"/>
<path d="M210 210 q4 20 0 40"/>
<path d="M165 135 q3 -12 -2 -20"/>
<path d="M235 135 q-3 -12 2 -20"/>
</g>
<!-- head top fur highlight -->
<path d="M175 100 q25 -15 50 0" stroke="#c2ab90" stroke-width="1.2" fill="none" opacity="0.4"/>
</svg>
realistic #27.3✕ CLOSE
Claude Opus 4.8 · realistic · attempt 2 · score 7.3
cat likeness: 8.0aesthetic: 7.0technique: 8.0prompt fidelity: 6.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>
<radialGradient id="bodyGrad" cx="45%" cy="40%" r="70%">
<stop offset="0%" stop-color="#9a8271"/>
<stop offset="60%" stop-color="#7a6553"/>
<stop offset="100%" stop-color="#5a4838"/>
</radialGradient>
<radialGradient id="headGrad" cx="50%" cy="40%" r="65%">
<stop offset="0%" stop-color="#a58c78"/>
<stop offset="70%" stop-color="#82705d"/>
<stop offset="100%" stop-color="#61503f"/>
</radialGradient>
<linearGradient id="tailGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#6d5947"/>
<stop offset="100%" stop-color="#4c3d2f"/>
</linearGradient>
<radialGradient id="earIn" cx="50%" cy="50%" r="60%">
<stop offset="0%" stop-color="#e0b0a8"/>
<stop offset="100%" stop-color="#a5776f"/>
</radialGradient>
<radialGradient id="eyeGrad" cx="50%" cy="40%" r="60%">
<stop offset="0%" stop-color="#c8e070"/>
<stop offset="60%" stop-color="#8ab030"/>
<stop offset="100%" stop-color="#5f7c1e"/>
</radialGradient>
</defs>
<!-- ground shadow -->
<ellipse cx="200" cy="375" rx="120" ry="18" fill="#00000022"/>
<!-- Tail -->
<path d="M300 300 Q370 290 355 220 Q345 175 300 200 Q330 210 325 250 Q320 285 285 295 Z" fill="url(#tailGrad)"/>
<path d="M300 300 Q360 285 350 225" fill="none" stroke="#3a2e22" stroke-width="3" opacity="0.4"/>
<!-- Body -->
<path d="M150 200 Q120 260 130 330 Q135 365 200 365 Q285 365 290 320 Q300 250 260 200 Z" fill="url(#bodyGrad)"/>
<!-- Front legs -->
<path d="M165 300 Q160 350 165 365 L200 365 Q205 340 195 300 Z" fill="url(#bodyGrad)"/>
<path d="M225 300 Q222 350 228 365 L262 365 Q262 340 250 300 Z" fill="url(#bodyGrad)"/>
<!-- paws -->
<ellipse cx="182" cy="365" rx="24" ry="10" fill="#6a5644"/>
<ellipse cx="245" cy="365" rx="24" ry="10" fill="#6a5644"/>
<line x1="176" y1="358" x2="176" y2="368" stroke="#4b3c2e" stroke-width="1.5"/>
<line x1="184" y1="358" x2="184" y2="368" stroke="#4b3c2e" stroke-width="1.5"/>
<line x1="192" y1="358" x2="192" y2="368" stroke="#4b3c2e" stroke-width="1.5"/>
<line x1="239" y1="358" x2="239" y2="368" stroke="#4b3c2e" stroke-width="1.5"/>
<line x1="247" y1="358" x2="247" y2="368" stroke="#4b3c2e" stroke-width="1.5"/>
<line x1="255" y1="358" x2="255" y2="368" stroke="#4b3c2e" stroke-width="1.5"/>
<!-- chest lighter fur -->
<path d="M200 210 Q180 270 190 340 Q205 350 220 340 Q230 270 210 210 Z" fill="#b7a290" opacity="0.5"/>
<!-- Ears -->
<path d="M150 120 L135 55 L190 100 Z" fill="url(#headGrad)"/>
<path d="M155 115 L146 72 L182 100 Z" fill="url(#earIn)"/>
<path d="M250 120 L265 55 L210 100 Z" fill="url(#headGrad)"/>
<path d="M245 115 L254 72 L218 100 Z" fill="url(#earIn)"/>
<!-- Head -->
<ellipse cx="200" cy="150" rx="72" ry="65" fill="url(#headGrad)"/>
<!-- fur texture strokes on head -->
<g stroke="#5a4838" stroke-width="1" opacity="0.35" fill="none">
<path d="M140 130 q10 -10 18 -4"/>
<path d="M150 155 q10 -8 18 -2"/>
<path d="M242 130 q-10 -10 -18 -4"/>
<path d="M250 155 q-10 -8 -18 -2"/>
<path d="M175 105 q6 -8 14 -3"/>
<path d="M210 105 q-6 -8 -14 -3"/>
</g>
<!-- fur strokes on body -->
<g stroke="#4c3d2f" stroke-width="1.2" opacity="0.3" fill="none">
<path d="M150 240 q12 -6 22 0"/>
<path d="M155 275 q12 -6 22 0"/>
<path d="M250 240 q-12 -6 -22 0"/>
<path d="M255 275 q-12 -6 -22 0"/>
<path d="M160 310 q14 -6 26 0"/>
<path d="M245 310 q-14 -6 -26 0"/>
</g>
<!-- Eyes -->
<ellipse cx="175" cy="145" rx="18" ry="14" fill="url(#eyeGrad)"/>
<ellipse cx="225" cy="145" rx="18" ry="14" fill="url(#eyeGrad)"/>
<ellipse cx="175" cy="145" rx="6" ry="12" fill="#1a1a10"/>
<ellipse cx="225" cy="145" rx="6" ry="12" fill="#1a1a10"/>
<circle cx="171" cy="140" r="3" fill="#ffffff" opacity="0.8"/>
<circle cx="221" cy="140" r="3" fill="#ffffff" opacity="0.8"/>
<path d="M157 135 Q175 128 193 135" fill="none" stroke="#4c3d2f" stroke-width="2"/>
<path d="M207 135 Q225 128 243 135" fill="none" stroke="#4c3d2f" stroke-width="2"/>
<!-- Nose -->
<path d="M193 170 L207 170 L200 180 Z" fill="#c47b7b"/>
<!-- mouth -->
<path d="M200 180 Q200 190 188 192" fill="none" stroke="#4c3d2f" stroke-width="1.5"/>
<path d="M200 180 Q200 190 212 192" fill="none" stroke="#4c3d2f" stroke-width="1.5"/>
<!-- Whiskers -->
<g stroke="#e8ded0" stroke-width="1.2" opacity="0.8" fill="none">
<path d="M180 172 Q140 168 110 175"/>
<path d="M180 178 Q140 180 112 190"/>
<path d="M220 172 Q260 168 290 175"/>
<path d="M220 178 Q260 180 288 190"/>
</g>
</svg>
realistic #37.5✕ CLOSE
Claude Opus 4.8 · realistic · attempt 3 · score 7.5
cat likeness: 9.0aesthetic: 7.0technique: 8.0prompt fidelity: 6.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>
<radialGradient id="bodyGrad" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#9c8069"/>
<stop offset="60%" stop-color="#7a6350"/>
<stop offset="100%" stop-color="#574839"/>
</radialGradient>
<radialGradient id="headGrad" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#a68a72"/>
<stop offset="70%" stop-color="#836b56"/>
<stop offset="100%" stop-color="#5e4d3c"/>
</radialGradient>
<linearGradient id="tailGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#7a6350"/>
<stop offset="100%" stop-color="#4d3f31"/>
</linearGradient>
<radialGradient id="eyeGrad" cx="50%" cy="50%" r="60%">
<stop offset="0%" stop-color="#b6e05a"/>
<stop offset="70%" stop-color="#7ba32a"/>
<stop offset="100%" stop-color="#4d6a12"/>
</radialGradient>
</defs>
<!-- ground shadow -->
<ellipse cx="200" cy="370" rx="120" ry="20" fill="#000" opacity="0.15"/>
<!-- Tail -->
<path d="M270 340 Q360 320 345 250 Q335 210 300 230 Q330 250 320 290 Q305 330 260 330 Z" fill="url(#tailGrad)"/>
<!-- Body -->
<path d="M140 200 Q120 300 150 360 L270 360 Q300 320 285 240 Q270 170 200 165 Q160 170 140 200 Z" fill="url(#bodyGrad)"/>
<!-- Fur shading strokes on body -->
<g stroke="#4d3f31" stroke-width="1.2" opacity="0.35" fill="none" stroke-linecap="round">
<path d="M170 220 q6 20 4 40"/>
<path d="M185 215 q6 25 3 50"/>
<path d="M200 215 q5 30 2 55"/>
<path d="M220 220 q6 25 4 50"/>
<path d="M240 230 q6 25 3 45"/>
<path d="M160 280 q4 25 3 45"/>
<path d="M180 285 q4 30 2 50"/>
<path d="M205 285 q4 30 2 55"/>
<path d="M230 285 q4 25 2 45"/>
<path d="M255 280 q3 20 1 40"/>
</g>
<g stroke="#b09a80" stroke-width="1" opacity="0.4" fill="none" stroke-linecap="round">
<path d="M175 218 q5 20 3 40"/>
<path d="M195 216 q5 25 2 50"/>
<path d="M225 222 q5 25 2 48"/>
</g>
<!-- Front legs -->
<path d="M160 350 Q158 300 172 300 Q184 300 182 350 Z" fill="url(#bodyGrad)"/>
<path d="M230 350 Q228 300 242 300 Q254 300 252 350 Z" fill="url(#bodyGrad)"/>
<!-- Paws -->
<ellipse cx="171" cy="356" rx="16" ry="10" fill="#8a7259"/>
<ellipse cx="241" cy="356" rx="16" ry="10" fill="#8a7259"/>
<g stroke="#5e4d3c" stroke-width="0.8" opacity="0.5">
<line x1="167" y1="350" x2="167" y2="360"/>
<line x1="171" y1="350" x2="171" y2="361"/>
<line x1="175" y1="350" x2="175" y2="360"/>
<line x1="237" y1="350" x2="237" y2="360"/>
<line x1="241" y1="350" x2="241" y2="361"/>
<line x1="245" y1="350" x2="245" y2="360"/>
</g>
<!-- chest lighter fur -->
<path d="M190 190 Q205 200 220 190 Q222 250 205 300 Q190 250 190 190 Z" fill="#c4ad91" opacity="0.55"/>
<!-- Ears -->
<path d="M150 120 L140 60 Q170 90 178 115 Z" fill="url(#headGrad)"/>
<path d="M250 120 L260 60 Q230 90 222 115 Z" fill="url(#headGrad)"/>
<path d="M153 112 L148 78 Q166 96 172 112 Z" fill="#b5806e"/>
<path d="M247 112 L252 78 Q234 96 228 112 Z" fill="#b5806e"/>
<!-- Head -->
<ellipse cx="200" cy="145" rx="65" ry="58" fill="url(#headGrad)"/>
<!-- Head fur shading -->
<g stroke="#5e4d3c" stroke-width="1" opacity="0.3" fill="none" stroke-linecap="round">
<path d="M155 120 q-6 10 -8 22"/>
<path d="M170 108 q-5 12 -6 25"/>
<path d="M245 120 q6 10 8 22"/>
<path d="M230 108 q5 12 6 25"/>
<path d="M150 160 q-4 12 -3 22"/>
<path d="M250 160 q4 12 3 22"/>
</g>
<!-- Cheeks fluff -->
<path d="M140 155 Q120 165 135 180 Q150 175 152 165 Z" fill="#c4ad91" opacity="0.5"/>
<path d="M260 155 Q280 165 265 180 Q250 175 248 165 Z" fill="#c4ad91" opacity="0.5"/>
<!-- Eyes -->
<ellipse cx="177" cy="140" rx="15" ry="17" fill="url(#eyeGrad)"/>
<ellipse cx="223" cy="140" rx="15" ry="17" fill="url(#eyeGrad)"/>
<ellipse cx="177" cy="140" rx="4" ry="15" fill="#1a1a10"/>
<ellipse cx="223" cy="140" rx="4" ry="15" fill="#1a1a10"/>
<circle cx="181" cy="134" r="3" fill="#fff" opacity="0.8"/>
<circle cx="227" cy="134" r="3" fill="#fff" opacity="0.8"/>
<!-- Nose -->
<path d="M193 165 L207 165 L200 174 Z" fill="#b5806e"/>
<!-- Mouth -->
<path d="M200 174 Q200 184 190 186" stroke="#5e4d3c" stroke-width="1.5" fill="none"/>
<path d="M200 174 Q200 184 210 186" stroke="#5e4d3c" stroke-width="1.5" fill="none"/>
<!-- Whiskers -->
<g stroke="#e8ddcf" stroke-width="1.2" opacity="0.8" fill="none">
<path d="M175 170 Q145 168 120 172"/>
<path d="M175 176 Q148 178 122 184"/>
<path d="M225 170 Q255 168 280 172"/>
<path d="M225 176 Q252 178 278 184"/>
</g>
</svg>
realistic #48.0✕ CLOSE
Claude Opus 4.8 · realistic · attempt 4 · score 8.0
cat likeness: 9.0aesthetic: 8.0technique: 8.0prompt fidelity: 7.0
the actual svg, as the machine wrote it:
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="bodyGrad" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#9c7a5b"/>
<stop offset="60%" stop-color="#7a5c40"/>
<stop offset="100%" stop-color="#5a4229"/>
</radialGradient>
<radialGradient id="headGrad" cx="50%" cy="45%" r="65%">
<stop offset="0%" stop-color="#a5825f"/>
<stop offset="70%" stop-color="#7d5e42"/>
<stop offset="100%" stop-color="#5e4429"/>
</radialGradient>
<linearGradient id="tailGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#7a5c40"/>
<stop offset="100%" stop-color="#4f3a22"/>
</linearGradient>
<radialGradient id="eyeGrad" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#c9e86b"/>
<stop offset="70%" stop-color="#8faa2c"/>
<stop offset="100%" stop-color="#5c6d18"/>
</radialGradient>
</defs>
<!-- Shadow -->
<ellipse cx="200" cy="378" rx="110" ry="18" fill="#000" opacity="0.18"/>
<!-- Tail -->
<path d="M280 320 Q360 300 350 240 Q345 200 315 210 Q335 250 300 285 Q285 300 270 310 Z" fill="url(#tailGrad)"/>
<path d="M280 320 Q360 300 350 240" fill="none" stroke="#3a2b18" stroke-width="2" opacity="0.4"/>
<!-- Body -->
<path d="M200 180
C140 180 120 260 130 320
C135 360 265 360 270 320
C280 260 260 180 200 180 Z" fill="url(#bodyGrad)"/>
<!-- Body fur strokes -->
<g stroke="#4a3620" stroke-width="1.2" opacity="0.35" fill="none">
<path d="M160 220 q10 20 5 40"/>
<path d="M180 230 q8 25 3 45"/>
<path d="M200 235 q6 25 2 50"/>
<path d="M220 230 q-8 25 -3 45"/>
<path d="M240 220 q-10 20 -5 40"/>
<path d="M150 290 q12 15 6 30"/>
<path d="M250 290 q-12 15 -6 30"/>
</g>
<!-- Front legs -->
<path d="M165 320 q-8 30 0 50 l18 0 q4 -30 -2 -50 Z" fill="url(#bodyGrad)"/>
<path d="M235 320 q8 30 0 50 l-18 0 q-4 -30 2 -50 Z" fill="url(#bodyGrad)"/>
<!-- Paws -->
<ellipse cx="175" cy="368" rx="16" ry="9" fill="#6b4f36"/>
<ellipse cx="225" cy="368" rx="16" ry="9" fill="#6b4f36"/>
<g stroke="#4a3620" stroke-width="1" opacity="0.5">
<line x1="175" y1="360" x2="175" y2="372"/>
<line x1="169" y1="361" x2="169" y2="371"/>
<line x1="181" y1="361" x2="181" y2="371"/>
<line x1="225" y1="360" x2="225" y2="372"/>
<line x1="219" y1="361" x2="219" y2="371"/>
<line x1="231" y1="361" x2="231" y2="371"/>
</g>
<!-- Chest lighter fur -->
<path d="M200 200 Q175 240 185 300 Q200 320 215 300 Q225 240 200 200 Z" fill="#c8a97f" opacity="0.5"/>
<!-- Head -->
<!-- Ears -->
<path d="M150 120 L135 60 L185 105 Z" fill="url(#headGrad)"/>
<path d="M250 120 L265 60 L215 105 Z" fill="url(#headGrad)"/>
<path d="M152 110 L143 75 L172 102 Z" fill="#c98f7a" opacity="0.7"/>
<path d="M248 110 L257 75 L228 102 Z" fill="#c98f7a" opacity="0.7"/>
<!-- Face -->
<ellipse cx="200" cy="150" rx="62" ry="58" fill="url(#headGrad)"/>
<!-- Face fur strokes -->
<g stroke="#4a3620" stroke-width="1" opacity="0.3" fill="none">
<path d="M150 130 q-6 12 -3 22"/>
<path d="M250 130 q6 12 3 22"/>
<path d="M160 175 q-5 10 -2 18"/>
<path d="M240 175 q5 10 2 18"/>
</g>
<!-- Cheeks light -->
<ellipse cx="165" cy="170" rx="22" ry="18" fill="#c8a97f" opacity="0.4"/>
<ellipse cx="235" cy="170" rx="22" ry="18" fill="#c8a97f" opacity="0.4"/>
<!-- Eyes -->
<ellipse cx="176" cy="145" rx="15" ry="17" fill="url(#eyeGrad)"/>
<ellipse cx="224" cy="145" rx="15" ry="17" fill="url(#eyeGrad)"/>
<ellipse cx="176" cy="145" rx="5" ry="15" fill="#1a1a10"/>
<ellipse cx="224" cy="145" rx="5" ry="15" fill="#1a1a10"/>
<circle cx="173" cy="139" r="3" fill="#fff" opacity="0.8"/>
<circle cx="221" cy="139" r="3" fill="#fff" opacity="0.8"/>
<!-- Nose -->
<path d="M193 168 L207 168 L200 178 Z" fill="#c97a6b"/>
<!-- Mouth -->
<path d="M200 178 Q192 188 182 184" fill="none" stroke="#3a2b18" stroke-width="2"/>
<path d="M200 178 Q208 188 218 184" fill="none" stroke="#3a2b18" stroke-width="2"/>
<!-- Whiskers -->
<g stroke="#e8ddc8" stroke-width="1.2" opacity="0.8">
<path d="M180 172 Q140 168 110 175" fill="none"/>
<path d="M180 178 Q140 180 108 190" fill="none"/>
<path d="M220 172 Q260 168 290 175" fill="none"/>
<path d="M220 178 Q260 180 292 190" fill="none"/>
</g>
</svg>action
“Draw a cat riding a bicycle as an SVG.”
action #18.5✕ CLOSE
Claude Opus 4.8 · action · attempt 1 · score 8.5
cat likeness: 9.0aesthetic: 8.0technique: 7.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">
<rect width="400" height="300" fill="#eaf6ff"/>
<!-- Ground -->
<line x1="0" y1="260" x2="400" y2="260" stroke="#9bbf8a" stroke-width="4"/>
<!-- Bicycle -->
<g stroke="#333" stroke-width="4" fill="none">
<!-- Wheels -->
<circle cx="110" cy="230" r="38" stroke-width="5"/>
<circle cx="290" cy="230" r="38" stroke-width="5"/>
<!-- Spokes -->
<g stroke="#888" stroke-width="1.5">
<line x1="110" y1="192" x2="110" y2="268"/>
<line x1="72" y1="230" x2="148" y2="230"/>
<line x1="83" y1="203" x2="137" y2="257"/>
<line x1="137" y1="203" x2="83" y2="257"/>
<line x1="290" y1="192" x2="290" y2="268"/>
<line x1="252" y1="230" x2="328" y2="230"/>
<line x1="263" y1="203" x2="317" y2="257"/>
<line x1="317" y1="203" x2="263" y2="257"/>
</g>
<!-- Frame -->
<line x1="110" y1="230" x2="200" y2="230"/>
<line x1="200" y1="230" x2="160" y2="170"/>
<line x1="110" y1="230" x2="160" y2="170"/>
<line x1="200" y1="230" x2="290" y2="230"/>
<line x1="160" y1="170" x2="255" y2="175"/>
<line x1="255" y1="175" x2="290" y2="230"/>
<!-- Seat post & handlebar -->
<line x1="160" y1="170" x2="150" y2="150"/>
<line x1="255" y1="175" x2="270" y2="155"/>
</g>
<!-- Pedals -->
<circle cx="200" cy="230" r="6" fill="#333"/>
<line x1="200" y1="230" x2="212" y2="248" stroke="#333" stroke-width="3"/>
<rect x="208" y="246" width="12" height="4" fill="#333"/>
<!-- Seat -->
<ellipse cx="150" cy="148" rx="15" ry="5" fill="#654"/>
<!-- Handlebar -->
<line x1="262" y1="155" x2="280" y2="150" stroke="#333" stroke-width="4"/>
<!-- Cat -->
<g>
<!-- Tail -->
<path d="M140 150 Q100 130 115 100 Q125 115 135 130" fill="none" stroke="#f4a742" stroke-width="8" stroke-linecap="round"/>
<!-- Body -->
<ellipse cx="185" cy="140" rx="40" ry="26" fill="#f4a742"/>
<!-- Back legs to pedal -->
<path d="M180 158 Q195 200 205 235" stroke="#f4a742" stroke-width="10" fill="none" stroke-linecap="round"/>
<!-- Front legs to handlebar -->
<path d="M215 145 Q245 150 268 152" stroke="#f4a742" stroke-width="9" fill="none" stroke-linecap="round"/>
<!-- Head -->
<circle cx="235" cy="110" r="26" fill="#f4a742"/>
<!-- Ears -->
<polygon points="215,95 210,72 232,88" fill="#f4a742"/>
<polygon points="255,95 262,72 240,88" fill="#f4a742"/>
<polygon points="217,92 214,79 228,90" fill="#f7c99b"/>
<polygon points="253,92 256,79 242,90" fill="#f7c99b"/>
<!-- Eyes -->
<circle cx="227" cy="107" r="4" fill="#333"/>
<circle cx="245" cy="107" r="4" fill="#333"/>
<!-- Nose -->
<polygon points="236,116 232,120 240,120" fill="#e07b5a"/>
<!-- Mouth -->
<path d="M236 120 Q232 126 227 122 M236 120 Q240 126 245 122" stroke="#333" stroke-width="1.5" fill="none"/>
<!-- Whiskers -->
<g stroke="#666" stroke-width="1">
<line x1="222" y1="117" x2="200" y2="114"/>
<line x1="222" y1="120" x2="200" y2="122"/>
<line x1="250" y1="117" x2="272" y2="114"/>
<line x1="250" y1="120" x2="272" y2="122"/>
</g>
<!-- Stripes -->
<g stroke="#d98527" stroke-width="3" stroke-linecap="round">
<line x1="170" y1="122" x2="175" y2="132"/>
<line x1="185" y1="118" x2="189" y2="130"/>
<line x1="200" y1="120" x2="203" y2="131"/>
</g>
</g>
</svg>
action #28.8✕ CLOSE
Claude Opus 4.8 · action · attempt 2 · 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">
<!-- Ground -->
<line x1="0" y1="260" x2="400" y2="260" stroke="#888" stroke-width="2"/>
<!-- Bicycle -->
<g stroke="#333" stroke-width="4" fill="none">
<!-- Rear wheel -->
<circle cx="100" cy="220" r="40"/>
<!-- Front wheel -->
<circle cx="290" cy="220" r="40"/>
<!-- Frame -->
<line x1="100" y1="220" x2="190" y2="220"/>
<line x1="190" y1="220" x2="150" y2="160"/>
<line x1="150" y1="160" x2="100" y2="220"/>
<line x1="190" y1="220" x2="230" y2="160"/>
<line x1="150" y1="160" x2="230" y2="160"/>
<!-- Seat post -->
<line x1="150" y1="160" x2="150" y2="140"/>
<!-- Handlebar post -->
<line x1="230" y1="160" x2="290" y2="220"/>
<line x1="230" y1="160" x2="250" y2="140"/>
</g>
<!-- Wheel spokes -->
<g stroke="#aaa" stroke-width="1.5">
<line x1="100" y1="180" x2="100" y2="260"/>
<line x1="60" y1="220" x2="140" y2="220"/>
<line x1="72" y1="192" x2="128" y2="248"/>
<line x1="128" y1="192" x2="72" y2="248"/>
<line x1="290" y1="180" x2="290" y2="260"/>
<line x1="250" y1="220" x2="330" y2="220"/>
<line x1="262" y1="192" x2="318" y2="248"/>
<line x1="318" y1="192" x2="262" y2="248"/>
</g>
<!-- Pedals -->
<circle cx="190" cy="220" r="6" fill="#333"/>
<line x1="190" y1="220" x2="185" y2="240" stroke="#333" stroke-width="3"/>
<rect x="176" y="240" width="16" height="5" fill="#333"/>
<!-- Seat -->
<ellipse cx="150" cy="138" rx="14" ry="5" fill="#333"/>
<!-- Handlebar -->
<line x1="245" y1="140" x2="262" y2="140" stroke="#333" stroke-width="4"/>
<!-- Cat -->
<g>
<!-- Body -->
<ellipse cx="165" cy="120" rx="35" ry="24" fill="#f4a460"/>
<!-- Back legs to pedal -->
<path d="M170 138 Q180 165 187 213" stroke="#f4a460" stroke-width="9" fill="none" stroke-linecap="round"/>
<!-- Front paws to handlebar -->
<path d="M195 118 Q230 120 250 138" stroke="#f4a460" stroke-width="9" fill="none" stroke-linecap="round"/>
<!-- Tail -->
<path d="M132 118 Q100 100 105 130 Q108 150 120 140" stroke="#f4a460" stroke-width="8" fill="none" stroke-linecap="round"/>
<!-- Head -->
<circle cx="200" cy="90" r="26" fill="#f4a460"/>
<!-- Ears -->
<polygon points="182,72 178,50 198,66" fill="#f4a460"/>
<polygon points="218,72 222,50 202,66" fill="#f4a460"/>
<polygon points="184,68 182,56 194,66" fill="#e8956b"/>
<polygon points="216,68 218,56 206,66" fill="#e8956b"/>
<!-- Eyes -->
<ellipse cx="191" cy="88" rx="4" ry="5" fill="#2b2b2b"/>
<ellipse cx="209" cy="88" rx="4" ry="5" fill="#2b2b2b"/>
<!-- Nose -->
<polygon points="200,96 196,99 204,99" fill="#d15a5a"/>
<!-- Mouth -->
<path d="M200 99 Q195 104 190 100 M200 99 Q205 104 210 100" stroke="#2b2b2b" stroke-width="1.5" fill="none"/>
<!-- Whiskers -->
<g stroke="#555" stroke-width="1">
<line x1="186" y1="96" x2="165" y2="92"/>
<line x1="186" y1="99" x2="165" y2="100"/>
<line x1="214" y1="96" x2="235" y2="92"/>
<line x1="214" y1="99" x2="235" y2="100"/>
</g>
<!-- Stripes -->
<path d="M150 108 q6 -8 12 0" stroke="#d2843e" stroke-width="3" fill="none"/>
<path d="M162 120 q6 -8 12 0" stroke="#d2843e" stroke-width="3" fill="none"/>
</g>
</svg>
action #38.5✕ CLOSE
Claude Opus 4.8 · action · attempt 3 · score 8.5
cat likeness: 9.0aesthetic: 8.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">
<rect width="400" height="300" fill="#e8f4f8"/>
<!-- Ground -->
<line x1="0" y1="260" x2="400" y2="260" stroke="#8d9" stroke-width="4"/>
<!-- Bicycle -->
<!-- Back wheel -->
<circle cx="110" cy="230" r="40" fill="none" stroke="#333" stroke-width="5"/>
<circle cx="110" cy="230" r="4" fill="#333"/>
<g stroke="#999" stroke-width="1.5">
<line x1="110" y1="230" x2="110" y2="190"/>
<line x1="110" y1="230" x2="110" y2="270"/>
<line x1="110" y1="230" x2="150" y2="230"/>
<line x1="110" y1="230" x2="70" y2="230"/>
<line x1="110" y1="230" x2="138" y2="202"/>
<line x1="110" y1="230" x2="82" y2="258"/>
<line x1="110" y1="230" x2="138" y2="258"/>
<line x1="110" y1="230" x2="82" y2="202"/>
</g>
<!-- Front wheel -->
<circle cx="290" cy="230" r="40" fill="none" stroke="#333" stroke-width="5"/>
<circle cx="290" cy="230" r="4" fill="#333"/>
<g stroke="#999" stroke-width="1.5">
<line x1="290" y1="230" x2="290" y2="190"/>
<line x1="290" y1="230" x2="290" y2="270"/>
<line x1="290" y1="230" x2="330" y2="230"/>
<line x1="290" y1="230" x2="250" y2="230"/>
<line x1="290" y1="230" x2="318" y2="202"/>
<line x1="290" y1="230" x2="262" y2="258"/>
<line x1="290" y1="230" x2="318" y2="258"/>
<line x1="290" y1="230" x2="262" y2="202"/>
</g>
<!-- Frame -->
<g stroke="#c0392b" stroke-width="6" fill="none" stroke-linecap="round">
<line x1="110" y1="230" x2="200" y2="230"/>
<line x1="200" y1="230" x2="160" y2="170"/>
<line x1="110" y1="230" x2="160" y2="170"/>
<line x1="200" y1="230" x2="290" y2="230"/>
<line x1="160" y1="170" x2="245" y2="175"/>
<line x1="290" y1="230" x2="245" y2="175"/>
</g>
<!-- Pedals -->
<circle cx="200" cy="230" r="8" fill="#333"/>
<line x1="200" y1="230" x2="215" y2="248" stroke="#333" stroke-width="4"/>
<rect x="212" y="246" width="16" height="6" fill="#555"/>
<!-- Seat -->
<rect x="150" y="162" width="24" height="8" rx="4" fill="#333"/>
<!-- Handlebar -->
<line x1="245" y1="175" x2="245" y2="150" stroke="#333" stroke-width="4"/>
<line x1="230" y1="148" x2="258" y2="148" stroke="#333" stroke-width="5" stroke-linecap="round"/>
<!-- Cat -->
<!-- Body -->
<ellipse cx="175" cy="145" rx="38" ry="28" fill="#f5a623"/>
<!-- Tail -->
<path d="M138 145 Q100 135 105 110 Q108 100 118 105" fill="none" stroke="#f5a623" stroke-width="9" stroke-linecap="round"/>
<!-- Front leg to pedal -->
<path d="M195 155 Q210 190 215 245" fill="none" stroke="#f5a623" stroke-width="9" stroke-linecap="round"/>
<!-- Back leg -->
<path d="M160 160 Q155 190 175 220" fill="none" stroke="#e59614" stroke-width="9" stroke-linecap="round"/>
<!-- Arm to handlebar -->
<path d="M200 130 Q225 130 244 148" fill="none" stroke="#f5a623" stroke-width="8" stroke-linecap="round"/>
<!-- Head -->
<circle cx="205" cy="105" r="26" fill="#f5a623"/>
<!-- Ears -->
<polygon points="188,88 182,68 200,80" fill="#f5a623"/>
<polygon points="222,88 228,68 210,80" fill="#f5a623"/>
<polygon points="189,85 186,73 197,80" fill="#ffcbb0"/>
<polygon points="221,85 224,73 213,80" fill="#ffcbb0"/>
<!-- Face -->
<circle cx="197" cy="103" r="3.5" fill="#333"/>
<circle cx="215" cy="103" r="3.5" fill="#333"/>
<polygon points="203,110 209,110 206,115" fill="#e07a5f"/>
<!-- Whiskers -->
<g stroke="#666" stroke-width="1">
<line x1="206" y1="113" x2="180" y2="110"/>
<line x1="206" y1="115" x2="180" y2="118"/>
<line x1="206" y1="113" x2="232" y2="110"/>
<line x1="206" y1="115" x2="232" y2="118"/>
</g>
<!-- Mouth -->
<path d="M206 115 Q201 120 197 116" fill="none" stroke="#333" stroke-width="1.2"/>
<path d="M206 115 Q211 120 215 116" fill="none" stroke="#333" stroke-width="1.2"/>
</svg>
action #48.5✕ CLOSE
Claude Opus 4.8 · action · attempt 4 · score 8.5
cat likeness: 9.0aesthetic: 8.0technique: 7.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">
<!-- Background -->
<rect width="400" height="300" fill="#e8f4f8"/>
<line x1="0" y1="250" x2="400" y2="250" stroke="#8b9dab" stroke-width="3"/>
<!-- Bicycle -->
<g stroke="#333" stroke-width="4" fill="none">
<!-- Rear wheel -->
<circle cx="110" cy="220" r="40"/>
<!-- Front wheel -->
<circle cx="290" cy="220" r="40"/>
<!-- Frame -->
<line x1="110" y1="220" x2="180" y2="220"/>
<line x1="180" y1="220" x2="200" y2="160"/>
<line x1="110" y1="220" x2="200" y2="160"/>
<line x1="200" y1="160" x2="290" y2="220"/>
<line x1="180" y1="220" x2="260" y2="150"/>
<line x1="260" y1="150" x2="290" y2="220"/>
<!-- Handlebar -->
<line x1="260" y1="150" x2="275" y2="140"/>
<!-- Seat post -->
<line x1="200" y1="160" x2="195" y2="140"/>
</g>
<!-- Seat -->
<rect x="178" y="132" width="35" height="8" rx="4" fill="#333"/>
<!-- Pedals -->
<circle cx="180" cy="220" r="6" fill="#333"/>
<line x1="180" y1="220" x2="180" y2="240" stroke="#333" stroke-width="4"/>
<rect x="170" y="240" width="20" height="6" rx="2" fill="#333"/>
<!-- Cat -->
<g>
<!-- Tail -->
<path d="M150 120 Q120 100 135 75 Q145 60 130 55" stroke="#f4a460" stroke-width="8" fill="none" stroke-linecap="round"/>
<!-- Body -->
<ellipse cx="190" cy="120" rx="45" ry="30" fill="#f4a460"/>
<!-- Back leg to pedal -->
<path d="M185 140 Q180 175 180 215" stroke="#f4a460" stroke-width="10" fill="none" stroke-linecap="round"/>
<!-- Front leg to handlebar -->
<path d="M225 130 Q250 135 270 142" stroke="#f4a460" stroke-width="9" fill="none" stroke-linecap="round"/>
<!-- Paw on handlebar -->
<circle cx="272" cy="143" r="7" fill="#f4a460"/>
<!-- Head -->
<circle cx="240" cy="95" r="30" fill="#f4a460"/>
<!-- Ears -->
<polygon points="218,75 210,50 235,68" fill="#f4a460"/>
<polygon points="262,75 272,50 245,68" fill="#f4a460"/>
<polygon points="220,72 216,58 230,68" fill="#e08850"/>
<polygon points="260,72 266,58 250,68" fill="#e08850"/>
<!-- Eyes -->
<circle cx="230" cy="92" r="5" fill="#2b2b2b"/>
<circle cx="252" cy="92" r="5" fill="#2b2b2b"/>
<circle cx="231.5" cy="90" r="1.5" fill="#fff"/>
<circle cx="253.5" cy="90" r="1.5" fill="#fff"/>
<!-- Nose -->
<polygon points="241,100 236,104 246,104" fill="#d5687a"/>
<!-- Mouth -->
<path d="M241 104 Q236 110 231 106 M241 104 Q246 110 251 106" stroke="#2b2b2b" stroke-width="1.5" fill="none"/>
<!-- Whiskers -->
<g stroke="#666" stroke-width="1">
<line x1="248" y1="102" x2="275" y2="98"/>
<line x1="248" y1="106" x2="275" y2="108"/>
<line x1="234" y1="102" x2="207" y2="98"/>
<line x1="234" y1="106" x2="207" y2="108"/>
</g>
</g>
</svg>style
“Draw an origami-style cat with geometric folds as an SVG.”
style #19.0✕ CLOSE
Claude Opus 4.8 · style · 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
<rect width="400" height="400" fill="#f4f0e8"/>
<!-- Body -->
<polygon points="200,220 130,360 290,360" fill="#e8955a"/>
<polygon points="200,220 130,360 200,360" fill="#d97e3f"/>
<polygon points="200,220 290,360 240,290" fill="#f0a869"/>
<!-- Chest fold -->
<polygon points="200,220 200,360 240,290" fill="#c96f35"/>
<!-- Head base -->
<polygon points="200,110 130,210 200,250 270,210" fill="#f0a869"/>
<polygon points="200,110 130,210 200,250" fill="#e8955a"/>
<polygon points="200,110 270,210 200,250" fill="#d97e3f"/>
<!-- Left ear -->
<polygon points="130,210 120,110 190,150" fill="#e8955a"/>
<polygon points="130,210 190,150 165,175" fill="#d97e3f"/>
<polygon points="135,150 120,110 175,140" fill="#f6c69a"/>
<!-- Right ear -->
<polygon points="270,210 280,110 210,150" fill="#d97e3f"/>
<polygon points="270,210 210,150 235,175" fill="#c96f35"/>
<polygon points="265,150 280,110 225,140" fill="#f6c69a"/>
<!-- Face lower fold -->
<polygon points="200,250 155,205 245,205" fill="#f6c69a"/>
<polygon points="200,250 200,205 245,205" fill="#f0b986"/>
<!-- Eyes -->
<polygon points="165,195 185,185 178,205" fill="#2e2e2e"/>
<polygon points="235,195 215,185 222,205" fill="#2e2e2e"/>
<!-- Nose -->
<polygon points="200,210 190,222 210,222" fill="#c94f4f"/>
<!-- Whisker folds -->
<line x1="200" y1="222" x2="150" y2="230" stroke="#a55c2c" stroke-width="1.5"/>
<line x1="200" y1="222" x2="250" y2="230" stroke="#a55c2c" stroke-width="1.5"/>
<line x1="200" y1="226" x2="155" y2="245" stroke="#a55c2c" stroke-width="1.5"/>
<line x1="200" y1="226" x2="245" y2="245" stroke="#a55c2c" stroke-width="1.5"/>
<!-- Tail -->
<polygon points="290,360 340,300 350,340 305,360" fill="#e8955a"/>
<polygon points="340,300 350,340 348,320" fill="#d97e3f"/>
<!-- Fold lines -->
<line x1="200" y1="110" x2="200" y2="250" stroke="#b9662f" stroke-width="1" opacity="0.5"/>
<line x1="200" y1="220" x2="240" y2="290" stroke="#b9662f" stroke-width="1" opacity="0.5"/>
</svg>
style #28.8✕ CLOSE
Claude Opus 4.8 · style · attempt 2 · score 8.8
cat likeness: 8.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 400 400" width="400" height="400">
<rect width="400" height="400" fill="#f5f0e8"/>
<!-- Body -->
<polygon points="150,250 260,240 300,340 130,360" fill="#e8955a"/>
<polygon points="150,250 260,240 205,300" fill="#d97c3f"/>
<polygon points="130,360 205,300 300,340" fill="#c96b30"/>
<!-- Tail -->
<polygon points="300,340 340,250 360,270 320,350" fill="#e8955a"/>
<polygon points="300,340 340,250 320,300" fill="#d97c3f"/>
<!-- Chest -->
<polygon points="205,300 130,360 190,360" fill="#f2b784"/>
<!-- Head base -->
<polygon points="120,120 220,110 240,210 110,220" fill="#e8955a"/>
<polygon points="120,120 220,110 175,165" fill="#f2b784"/>
<polygon points="110,220 175,165 240,210" fill="#d97c3f"/>
<!-- Left ear -->
<polygon points="120,120 115,55 170,105" fill="#e8955a"/>
<polygon points="120,120 170,105 150,120" fill="#d97c3f"/>
<polygon points="130,110 128,75 158,105" fill="#f2b784"/>
<!-- Right ear -->
<polygon points="220,110 250,50 195,100" fill="#e8955a"/>
<polygon points="220,110 195,100 210,118" fill="#d97c3f"/>
<polygon points="215,105 227,72 200,100" fill="#f2b784"/>
<!-- Face lower fold -->
<polygon points="130,180 240,180 175,240 110,200" fill="#f2b784"/>
<polygon points="130,180 175,240 175,180" fill="#e8955a"/>
<!-- Eyes -->
<polygon points="140,155 165,150 155,170" fill="#3a2a1a"/>
<polygon points="185,150 210,155 195,170" fill="#3a2a1a"/>
<!-- Nose -->
<polygon points="167,190 183,190 175,202" fill="#c94f4f"/>
<!-- Whisker lines -->
<line x1="175" y1="200" x2="120" y2="195" stroke="#8a5a30" stroke-width="1.5"/>
<line x1="175" y1="205" x2="122" y2="215" stroke="#8a5a30" stroke-width="1.5"/>
<line x1="175" y1="200" x2="230" y2="195" stroke="#8a5a30" stroke-width="1.5"/>
<line x1="175" y1="205" x2="228" y2="215" stroke="#8a5a30" stroke-width="1.5"/>
<!-- Fold outlines -->
<g fill="none" stroke="#b3612e" stroke-width="1" opacity="0.5">
<polygon points="120,120 220,110 240,210 110,220"/>
<line x1="175" y1="165" x2="120" y2="120"/>
<line x1="175" y1="165" x2="220" y2="110"/>
<line x1="175" y1="165" x2="110" y2="220"/>
<line x1="175" y1="165" x2="240" y2="210"/>
<polygon points="150,250 260,240 300,340 130,360"/>
<line x1="205" y1="300" x2="150" y2="250"/>
<line x1="205" y1="300" x2="260" y2="240"/>
<line x1="205" y1="300" x2="130" y2="360"/>
</g>
</svg>
style #39.0✕ CLOSE
Claude Opus 4.8 · style · 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 400 400" width="400" height="400">
<defs>
<linearGradient id="body" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#f4a259"/>
<stop offset="1" stop-color="#e07a3f"/>
</linearGradient>
<linearGradient id="bodyDark" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#d9793a"/>
<stop offset="1" stop-color="#b85c26"/>
</linearGradient>
<linearGradient id="face" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#ffc98b"/>
<stop offset="1" stop-color="#f4a259"/>
</linearGradient>
</defs>
<rect width="400" height="400" fill="#e8f0f2"/>
<!-- Body -->
<polygon points="200,220 120,360 280,360" fill="url(#body)"/>
<polygon points="200,220 120,360 200,340" fill="url(#bodyDark)"/>
<polygon points="200,220 280,360 200,340" fill="url(#body)"/>
<!-- Tail -->
<polygon points="280,340 340,300 320,360" fill="url(#bodyDark)"/>
<polygon points="280,340 320,360 290,355" fill="url(#body)"/>
<!-- Neck fold -->
<polygon points="200,220 165,270 235,270" fill="url(#bodyDark)"/>
<!-- Head -->
<polygon points="200,120 150,200 250,200" fill="url(#face)"/>
<polygon points="200,120 150,200 200,190" fill="url(#body)"/>
<polygon points="200,120 250,200 200,190" fill="url(#bodyDark)"/>
<!-- Lower face / chin -->
<polygon points="150,200 250,200 200,240" fill="url(#face)"/>
<polygon points="150,200 200,240 200,220" fill="url(#body)"/>
<polygon points="250,200 200,240 200,220" fill="url(#bodyDark)"/>
<!-- Left ear -->
<polygon points="150,200 140,120 190,155" fill="url(#body)"/>
<polygon points="150,200 190,155 165,175" fill="url(#bodyDark)"/>
<polygon points="152,175 148,140 175,158" fill="#ffd9b0"/>
<!-- Right ear -->
<polygon points="250,200 260,120 210,155" fill="url(#bodyDark)"/>
<polygon points="250,200 210,155 235,175" fill="url(#body)"/>
<polygon points="248,175 252,140 225,158" fill="#ffd9b0"/>
<!-- Eyes -->
<polygon points="175,195 185,185 195,195 185,200" fill="#2c2c2c"/>
<polygon points="225,195 215,185 205,195 215,200" fill="#2c2c2c"/>
<!-- Nose -->
<polygon points="200,210 192,205 208,205" fill="#c94f4f"/>
<!-- Whisker fold lines -->
<line x1="200" y1="212" x2="160" y2="220" stroke="#b85c26" stroke-width="1.5"/>
<line x1="200" y1="212" x2="240" y2="220" stroke="#b85c26" stroke-width="1.5"/>
<line x1="200" y1="215" x2="165" y2="230" stroke="#b85c26" stroke-width="1.5"/>
<line x1="200" y1="215" x2="235" y2="230" stroke="#b85c26" stroke-width="1.5"/>
<!-- Fold accent lines -->
<line x1="200" y1="120" x2="200" y2="190" stroke="#b85c26" stroke-width="1" opacity="0.5"/>
<line x1="200" y1="220" x2="200" y2="360" stroke="#b85c26" stroke-width="1" opacity="0.5"/>
</svg>
style #49.0✕ CLOSE
Claude Opus 4.8 · style · attempt 4 · 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 400 400" width="400" height="400">
<rect width="400" height="400" fill="#f5f0e8"/>
<!-- Body -->
<polygon points="150,250 260,240 300,340 120,350" fill="#e8853a"/>
<polygon points="150,250 260,240 220,300 160,300" fill="#f5a15e"/>
<polygon points="120,350 160,300 220,300 200,360" fill="#d9752c"/>
<polygon points="200,360 220,300 260,340 300,340" fill="#c96820"/>
<!-- Tail -->
<polygon points="290,300 340,220 360,240 320,330" fill="#e8853a"/>
<polygon points="290,300 340,220 320,290" fill="#f5a15e"/>
<polygon points="320,290 340,220 360,240 335,300" fill="#d9752c"/>
<!-- Head base -->
<polygon points="130,130 220,130 240,220 110,220" fill="#f5a15e"/>
<!-- Left ear -->
<polygon points="130,130 110,60 175,120" fill="#e8853a"/>
<polygon points="130,130 175,120 150,140" fill="#d9752c"/>
<polygon points="128,110 118,75 155,118" fill="#f7c6a0"/>
<!-- Right ear -->
<polygon points="220,130 240,60 175,120" fill="#e8853a"/>
<polygon points="220,130 175,120 200,140" fill="#d9752c"/>
<polygon points="222,110 232,75 195,118" fill="#f7c6a0"/>
<!-- Face geometric folds -->
<polygon points="130,130 220,130 175,175" fill="#f7b884"/>
<polygon points="110,220 175,175 240,220 175,255" fill="#e8853a"/>
<polygon points="130,130 175,175 110,220" fill="#f5a15e"/>
<polygon points="220,130 175,175 240,220" fill="#f5a15e"/>
<!-- Chin fold -->
<polygon points="110,220 175,255 240,220 175,240" fill="#d9752c"/>
<!-- Eyes -->
<polygon points="140,170 160,165 152,185" fill="#2e2e2e"/>
<polygon points="210,170 190,165 198,185" fill="#2e2e2e"/>
<!-- Nose -->
<polygon points="170,200 180,200 175,212" fill="#7a3b2e"/>
<!-- Whisker lines -->
<line x1="175" y1="208" x2="120" y2="200" stroke="#7a3b2e" stroke-width="1.5"/>
<line x1="175" y1="212" x2="122" y2="222" stroke="#7a3b2e" stroke-width="1.5"/>
<line x1="175" y1="208" x2="230" y2="200" stroke="#7a3b2e" stroke-width="1.5"/>
<line x1="175" y1="212" x2="228" y2="222" stroke="#7a3b2e" stroke-width="1.5"/>
<!-- Legs -->
<polygon points="130,340 155,340 150,375 125,375" fill="#d9752c"/>
<polygon points="240,335 265,335 270,370 245,370" fill="#c96820"/>
<!-- Fold accent lines -->
<line x1="130" y1="130" x2="220" y2="130" stroke="#c96820" stroke-width="1" opacity="0.6"/>
<line x1="150" y1="250" x2="260" y2="240" stroke="#c96820" stroke-width="1" opacity="0.5"/>
</svg>constraint
“Draw a recognizable cat as an SVG using at most 12 SVG elements.”
constraint #19.0✕ CLOSE
Claude Opus 4.8 · constraint · 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<ellipse cx="100" cy="140" rx="55" ry="45" fill="#f4a460"/>
<circle cx="100" cy="90" r="45" fill="#f4a460"/>
<polygon points="60,60 55,20 90,45" fill="#f4a460"/>
<polygon points="140,60 145,20 110,45" fill="#f4a460"/>
<circle cx="82" cy="85" r="7" fill="#2e2e2e"/>
<circle cx="118" cy="85" r="7" fill="#2e2e2e"/>
<polygon points="100,95 93,103 107,103" fill="#e06666"/>
<path d="M100 103 Q90 115 78 108 M100 103 Q110 115 122 108" stroke="#2e2e2e" stroke-width="2" fill="none"/>
<line x1="55" y1="95" x2="90" y2="100" stroke="#2e2e2e" stroke-width="1.5"/>
<line x1="145" y1="95" x2="110" y2="100" stroke="#2e2e2e" stroke-width="1.5"/>
<path d="M150 160 Q185 150 175 110" stroke="#f4a460" stroke-width="14" fill="none" stroke-linecap="round"/>
</svg>
constraint #29.0✕ CLOSE
Claude Opus 4.8 · constraint · 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<ellipse cx="100" cy="140" rx="55" ry="45" fill="#f4a460"/>
<circle cx="100" cy="90" r="45" fill="#f4a460"/>
<polygon points="60,60 55,15 95,45" fill="#f4a460"/>
<polygon points="140,60 145,15 105,45" fill="#f4a460"/>
<circle cx="82" cy="85" r="8" fill="#2f4f4f"/>
<circle cx="118" cy="85" r="8" fill="#2f4f4f"/>
<polygon points="100,95 92,102 108,102" fill="#e75480"/>
<path d="M100 102 Q90 115 75 108 M100 102 Q110 115 125 108" stroke="#2f4f4f" stroke-width="2" fill="none"/>
<line x1="55" y1="95" x2="95" y2="100" stroke="#2f4f4f" stroke-width="1.5"/>
<line x1="145" y1="95" x2="105" y2="100" stroke="#2f4f4f" stroke-width="1.5"/>
<path d="M150 150 Q185 130 170 100" stroke="#f4a460" stroke-width="14" fill="none" stroke-linecap="round"/>
</svg>
constraint #39.0✕ CLOSE
Claude Opus 4.8 · constraint · 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">
<ellipse cx="100" cy="130" rx="55" ry="50" fill="#f4a742"/>
<polygon points="55,60 45,20 90,45" fill="#f4a742"/>
<polygon points="145,60 155,20 110,45" fill="#f4a742"/>
<circle cx="100" cy="100" r="50" fill="#ffb95a"/>
<ellipse cx="80" cy="95" rx="9" ry="12" fill="#2d2d2d"/>
<ellipse cx="120" cy="95" rx="9" ry="12" fill="#2d2d2d"/>
<polygon points="100,110 92,120 108,120" fill="#e0607a"/>
<path d="M100 120 Q90 132 78 126 M100 120 Q110 132 122 126" stroke="#2d2d2d" stroke-width="2" fill="none"/>
<line x1="55" y1="112" x2="20" y2="105" stroke="#2d2d2d" stroke-width="2"/>
<line x1="55" y1="120" x2="20" y2="122" stroke="#2d2d2d" stroke-width="2"/>
<line x1="145" y1="112" x2="180" y2="105" stroke="#2d2d2d" stroke-width="2"/>
<line x1="145" y1="120" x2="180" y2="122" stroke="#2d2d2d" stroke-width="2"/>
</svg>
constraint #48.5✕ CLOSE
Claude Opus 4.8 · constraint · attempt 4 · score 8.5
cat likeness: 8.0aesthetic: 7.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">
<ellipse cx="100" cy="130" rx="55" ry="50" fill="#f4a460"/>
<polygon points="55,70 45,25 90,55" fill="#f4a460"/>
<polygon points="145,70 155,25 110,55" fill="#f4a460"/>
<circle cx="100" cy="105" r="45" fill="#ffb974"/>
<circle cx="82" cy="100" r="7" fill="#2d2d2d"/>
<circle cx="118" cy="100" r="7" fill="#2d2d2d"/>
<polygon points="100,112 92,120 108,120" fill="#e06666"/>
<path d="M100 120 Q90 132 78 126 M100 120 Q110 132 122 126" stroke="#2d2d2d" stroke-width="2" fill="none"/>
<line x1="60" y1="110" x2="30" y2="105" stroke="#2d2d2d" stroke-width="2"/>
<line x1="60" y1="118" x2="30" y2="120" stroke="#2d2d2d" stroke-width="2"/>
<line x1="140" y1="110" x2="170" y2="105" stroke="#2d2d2d" stroke-width="2"/>
<path d="M150 160 Q185 150 180 110" stroke="#f4a460" stroke-width="14" fill="none" stroke-linecap="round"/>
</svg>animation
“Draw a cat whose tail sways continuously, as an SVG using SMIL or CSS animation only (no JavaScript).”
animation #18.8✕ CLOSE
Claude Opus 4.8 · animation · attempt 1 · score 8.8
cat likeness: 9.0aesthetic: 8.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
<!-- Ground shadow -->
<ellipse cx="200" cy="255" rx="90" ry="15" fill="#000" opacity="0.1"/>
<!-- Tail (animated) -->
<g transform="translate(120,210)">
<path d="M0,0 Q-40,-10 -55,-45 Q-60,-70 -40,-85"
stroke="#f4a94a" stroke-width="14" fill="none" stroke-linecap="round">
<animate attributeName="d"
dur="2s" repeatCount="indefinite"
values="M0,0 Q-40,-10 -55,-45 Q-60,-70 -40,-85;
M0,0 Q-45,0 -70,-30 Q-90,-50 -85,-80;
M0,0 Q-40,-10 -55,-45 Q-60,-70 -40,-85"
keyTimes="0;0.5;1"/>
</path>
</g>
<!-- Body -->
<ellipse cx="200" cy="200" rx="80" ry="50" fill="#f4a94a"/>
<!-- Front legs -->
<rect x="170" y="230" width="16" height="30" rx="8" fill="#f4a94a"/>
<rect x="215" y="230" width="16" height="30" rx="8" fill="#f4a94a"/>
<!-- Head -->
<circle cx="255" cy="150" r="45" fill="#f4a94a"/>
<!-- Ears -->
<polygon points="220,120 215,80 250,110" fill="#f4a94a"/>
<polygon points="290,120 295,80 260,110" fill="#f4a94a"/>
<polygon points="225,115 223,92 243,110" fill="#f7c98a"/>
<polygon points="285,115 287,92 267,110" fill="#f7c98a"/>
<!-- Eyes -->
<ellipse cx="240" cy="145" rx="7" ry="10" fill="#333"/>
<ellipse cx="272" cy="145" rx="7" ry="10" fill="#333"/>
<circle cx="242" cy="141" r="2" fill="#fff"/>
<circle cx="274" cy="141" r="2" fill="#fff"/>
<!-- Nose -->
<polygon points="256,160 250,166 262,166" fill="#e07a7a"/>
<!-- Mouth -->
<path d="M256,166 Q250,175 244,170" stroke="#333" stroke-width="2" fill="none"/>
<path d="M256,166 Q262,175 268,170" stroke="#333" stroke-width="2" fill="none"/>
<!-- Whiskers -->
<line x1="230" y1="160" x2="200" y2="155" stroke="#333" stroke-width="1.5"/>
<line x1="230" y1="165" x2="200" y2="167" stroke="#333" stroke-width="1.5"/>
<line x1="282" y1="160" x2="312" y2="155" stroke="#333" stroke-width="1.5"/>
<line x1="282" y1="165" x2="312" y2="167" stroke="#333" stroke-width="1.5"/>
</svg>
animation #29.0✕ CLOSE
Claude Opus 4.8 · animation · 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 xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
<rect width="400" height="400" fill="#eaf4ff"/>
<!-- Tail (animated) -->
<g transform="translate(120,270)">
<path d="M0,0 Q-50,-10 -60,-60 Q-65,-90 -40,-100" fill="none" stroke="#6b4f3a" stroke-width="16" stroke-linecap="round">
<animate attributeName="d"
dur="2s" repeatCount="indefinite"
values="M0,0 Q-50,-10 -60,-60 Q-65,-90 -40,-100;
M0,0 Q-55,-20 -75,-55 Q-95,-80 -85,-115;
M0,0 Q-50,-10 -60,-60 Q-65,-90 -40,-100"/>
</path>
</g>
<!-- Body -->
<ellipse cx="200" cy="290" rx="90" ry="65" fill="#8a6a4f"/>
<!-- Head -->
<circle cx="255" cy="200" r="62" fill="#9a7a5c"/>
<!-- Ears -->
<polygon points="210,155 205,105 250,140" fill="#9a7a5c"/>
<polygon points="300,155 315,108 262,140" fill="#9a7a5c"/>
<polygon points="216,150 213,120 240,142" fill="#e8b9c9"/>
<polygon points="298,150 308,122 268,142" fill="#e8b9c9"/>
<!-- Eyes -->
<ellipse cx="235" cy="195" rx="12" ry="16" fill="#fff"/>
<ellipse cx="278" cy="195" rx="12" ry="16" fill="#fff"/>
<circle cx="236" cy="197" r="7" fill="#2b2b2b">
<animate attributeName="ry" dur="4s" repeatCount="indefinite"
values="7;7;1;7;7" keyTimes="0;0.45;0.5;0.55;1"/>
</circle>
<circle cx="277" cy="197" r="7" fill="#2b2b2b">
<animate attributeName="ry" dur="4s" repeatCount="indefinite"
values="7;7;1;7;7" keyTimes="0;0.45;0.5;0.55;1"/>
</circle>
<!-- Nose -->
<polygon points="255,215 248,222 262,222" fill="#e8899e"/>
<!-- Mouth -->
<path d="M255,222 Q248,235 240,228 M255,222 Q262,235 270,228" fill="none" stroke="#5a4030" stroke-width="2.5" stroke-linecap="round"/>
<!-- Whiskers -->
<g stroke="#5a4030" stroke-width="2" stroke-linecap="round">
<line x1="235" y1="218" x2="185" y2="210"/>
<line x1="235" y1="224" x2="185" y2="228"/>
<line x1="277" y1="218" x2="325" y2="210"/>
<line x1="277" y1="224" x2="325" y2="228"/>
</g>
<!-- Front paws -->
<ellipse cx="175" cy="345" rx="22" ry="15" fill="#9a7a5c"/>
<ellipse cx="230" cy="345" rx="22" ry="15" fill="#9a7a5c"/>
</svg>
animation #39.0✕ CLOSE
Claude Opus 4.8 · animation · 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 400 300" width="400" height="300">
<defs>
<style>
@keyframes sway {
0% { transform: rotate(0deg); }
50% { transform: rotate(-25deg); }
100% { transform: rotate(0deg); }
}
#tail {
transform-origin: 300px 210px;
animation: sway 2s ease-in-out infinite;
}
</style>
</defs>
<!-- Ground shadow -->
<ellipse cx="190" cy="270" rx="120" ry="14" fill="#00000018"/>
<!-- Tail (animated) -->
<path id="tail" d="M300,215 C360,200 370,150 330,130 C360,160 330,190 295,205 Z"
fill="#f6a04d" stroke="#d9822b" stroke-width="3"/>
<!-- Body -->
<ellipse cx="200" cy="215" rx="110" ry="55" fill="#f6a04d" stroke="#d9822b" stroke-width="3"/>
<!-- Front legs -->
<rect x="120" y="235" width="22" height="45" rx="10" fill="#f6a04d" stroke="#d9822b" stroke-width="3"/>
<rect x="165" y="240" width="22" height="40" rx="10" fill="#f6a04d" stroke="#d9822b" stroke-width="3"/>
<!-- Head -->
<circle cx="115" cy="150" r="55" fill="#f6a04d" stroke="#d9822b" stroke-width="3"/>
<!-- Ears -->
<path d="M75,115 L65,70 L110,100 Z" fill="#f6a04d" stroke="#d9822b" stroke-width="3"/>
<path d="M155,115 L165,70 L120,100 Z" fill="#f6a04d" stroke="#d9822b" stroke-width="3"/>
<path d="M78,110 L72,84 L98,102 Z" fill="#ffc9a0"/>
<path d="M152,110 L158,84 L132,102 Z" fill="#ffc9a0"/>
<!-- Eyes -->
<ellipse cx="95" cy="145" rx="10" ry="13" fill="#fff"/>
<ellipse cx="135" cy="145" rx="10" ry="13" fill="#fff"/>
<circle cx="95" cy="147" r="5" fill="#333"/>
<circle cx="135" cy="147" r="5" fill="#333"/>
<!-- Nose -->
<path d="M110,163 L120,163 L115,171 Z" fill="#e06377"/>
<!-- Mouth -->
<path d="M115,171 Q108,180 100,174 M115,171 Q122,180 130,174"
fill="none" stroke="#333" stroke-width="2"/>
<!-- Whiskers -->
<g stroke="#666" stroke-width="1.5">
<line x1="90" y1="165" x2="45" y2="158"/>
<line x1="90" y1="170" x2="45" y2="172"/>
<line x1="140" y1="165" x2="185" y2="158"/>
<line x1="140" y1="170" x2="185" y2="172"/>
</g>
</svg>
animation #48.8✕ CLOSE
Claude Opus 4.8 · 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
<!-- Ground -->
<ellipse cx="200" cy="360" rx="140" ry="20" fill="#dfe6e9"/>
<!-- Tail (animated) -->
<g transform="translate(285,300)">
<path d="M0,0 C40,10 70,-20 55,-70 C48,-95 20,-100 15,-80 C25,-88 40,-80 40,-60 C40,-25 15,-5 0,10 Z"
fill="#f0a95c" stroke="#d98b3a" stroke-width="2">
<animateTransform attributeName="transform"
type="rotate" values="-15;15;-15" keyTimes="0;0.5;1"
dur="2.5s" repeatCount="indefinite"/>
</path>
</g>
<!-- Body -->
<ellipse cx="200" cy="290" rx="90" ry="65" fill="#f5b869" stroke="#d98b3a" stroke-width="3"/>
<!-- Front legs -->
<rect x="150" y="320" width="24" height="45" rx="12" fill="#f5b869" stroke="#d98b3a" stroke-width="3"/>
<rect x="200" y="320" width="24" height="45" rx="12" fill="#f5b869" stroke="#d98b3a" stroke-width="3"/>
<!-- Head -->
<circle cx="200" cy="180" r="70" fill="#f5b869" stroke="#d98b3a" stroke-width="3"/>
<!-- Ears -->
<polygon points="140,140 130,80 185,120" fill="#f5b869" stroke="#d98b3a" stroke-width="3"/>
<polygon points="260,140 270,80 215,120" fill="#f5b869" stroke="#d98b3a" stroke-width="3"/>
<polygon points="145,130 140,95 172,120" fill="#f7c9a0"/>
<polygon points="255,130 260,95 228,120" fill="#f7c9a0"/>
<!-- Eyes -->
<ellipse cx="172" cy="175" rx="14" ry="18" fill="#fff"/>
<ellipse cx="228" cy="175" rx="14" ry="18" fill="#fff"/>
<circle cx="172" cy="178" r="8" fill="#2d3436">
<animate attributeName="ry" values="8;8;1;8;8" dur="4s" repeatCount="indefinite"/>
</circle>
<circle cx="228" cy="178" r="8" fill="#2d3436">
<animate attributeName="ry" values="8;8;1;8;8" dur="4s" repeatCount="indefinite"/>
</circle>
<!-- Nose -->
<polygon points="200,195 190,205 210,205" fill="#e77c7c"/>
<!-- Mouth -->
<path d="M200,205 Q200,215 188,216" fill="none" stroke="#d98b3a" stroke-width="2"/>
<path d="M200,205 Q200,215 212,216" fill="none" stroke="#d98b3a" stroke-width="2"/>
<!-- Whiskers -->
<g stroke="#c9a065" stroke-width="2">
<line x1="150" y1="195" x2="105" y2="188"/>
<line x1="150" y1="203" x2="105" y2="205"/>
<line x1="250" y1="195" x2="295" y2="188"/>
<line x1="250" y1="203" x2="295" y2="205"/>
</g>
</svg>