Claude Sonnet 5
RANK 06 · MEOWSCORE 86.0 · current · US · closed
minimal
“Draw a minimal, flat-design cat as an SVG.”
minimal #18.3✕ CLOSE
Claude Sonnet 5 · minimal · attempt 1 · score 8.3
cat likeness: 9.0aesthetic: 8.0technique: 7.0prompt fidelity: 9.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" width="300" height="300">
<rect width="300" height="300" fill="#FFF3E0"/>
<!-- Tail -->
<path d="M 210 220 Q 260 210 255 160" stroke="#4A4A4A" stroke-width="18" fill="none" stroke-linecap="round"/>
<!-- Body -->
<ellipse cx="150" cy="210" rx="70" ry="55" fill="#4A4A4A"/>
<!-- Head -->
<circle cx="150" cy="120" r="60" fill="#4A4A4A"/>
<!-- Ears -->
<path d="M 105 85 L 95 40 L 140 75 Z" fill="#4A4A4A"/>
<path d="M 195 85 L 205 40 L 160 75 Z" fill="#4A4A4A"/>
<!-- Inner ears -->
<path d="M 108 78 L 103 52 L 128 72 Z" fill="#F4A7B9"/>
<path d="M 192 78 L 197 52 L 172 72 Z" fill="#F4A7B9"/>
<!-- Face -->
<circle cx="128" cy="115" r="7" fill="#2B2B2B"/>
<circle cx="172" cy="115" r="7" fill="#2B2B2B"/>
<!-- Nose -->
<path d="M 143 132 L 157 132 L 150 140 Z" fill="#F4A7B9"/>
<!-- Mouth -->
<path d="M 150 140 Q 140 148 130 143" stroke="#2B2B2B" stroke-width="3" fill="none" stroke-linecap="round"/>
<path d="M 150 140 Q 160 148 170 143" stroke="#2B2B2B" stroke-width="3" fill="none" stroke-linecap="round"/>
<!-- Whiskers -->
<line x1="95" y1="120" x2="60" y2="115" stroke="#2B2B2B" stroke-width="2" stroke-linecap="round"/>
<line x1="95" y1="130" x2="60" y2="132" stroke="#2B2B2B" stroke-width="2" stroke-linecap="round"/>
<line x1="205" y1="120" x2="240" y2="115" stroke="#2B2B2B" stroke-width="2" stroke-linecap="round"/>
<line x1="205" y1="130" x2="240" y2="132" stroke="#2B2B2B" stroke-width="2" stroke-linecap="round"/>
<!-- Front paws -->
<ellipse cx="125" cy="255" rx="18" ry="22" fill="#3B3B3B"/>
<ellipse cx="175" cy="255" rx="18" ry="22" fill="#3B3B3B"/>
</svg>
minimal #28.8✕ CLOSE
Claude Sonnet 5 · minimal · attempt 2 · 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">
<rect width="200" height="200" fill="#F5E9DA"/>
<!-- Ears -->
<polygon points="60,70 75,30 95,65" fill="#FF9F5A"/>
<polygon points="140,70 125,30 105,65" fill="#FF9F5A"/>
<!-- Head -->
<circle cx="100" cy="100" r="45" fill="#FFB877"/>
<!-- Inner ears -->
<polygon points="66,64 76,42 88,62" fill="#FFDAB3"/>
<polygon points="134,64 124,42 112,62" fill="#FFDAB3"/>
<!-- Eyes -->
<ellipse cx="83" cy="98" rx="6" ry="8" fill="#3A2E2E"/>
<ellipse cx="117" cy="98" rx="6" ry="8" fill="#3A2E2E"/>
<!-- Nose -->
<polygon points="100,110 95,118 105,118" fill="#3A2E2E"/>
<!-- Mouth -->
<path d="M100,118 Q95,125 88,120" stroke="#3A2E2E" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M100,118 Q105,125 112,120" stroke="#3A2E2E" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Whiskers -->
<line x1="55" y1="100" x2="30" y2="95" stroke="#3A2E2E" stroke-width="2" stroke-linecap="round"/>
<line x1="55" y1="108" x2="30" y2="108" stroke="#3A2E2E" stroke-width="2" stroke-linecap="round"/>
<line x1="145" y1="100" x2="170" y2="95" stroke="#3A2E2E" stroke-width="2" stroke-linecap="round"/>
<line x1="145" y1="108" x2="170" y2="108" stroke="#3A2E2E" stroke-width="2" stroke-linecap="round"/>
<!-- Body -->
<ellipse cx="100" cy="170" rx="55" ry="35" fill="#FFB877"/>
</svg>
minimal #38.3✕ CLOSE
Claude Sonnet 5 · minimal · attempt 3 · score 8.3
cat likeness: 9.0aesthetic: 8.0technique: 7.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">
<rect width="200" height="200" fill="#F5E9DA"/>
<!-- Tail -->
<path d="M150,150 Q180,140 175,110 Q173,100 163,102 Q168,120 145,140 Z" fill="#4A4A4A"/>
<!-- Body -->
<ellipse cx="100" cy="140" rx="55" ry="40" fill="#4A4A4A"/>
<!-- Head -->
<circle cx="100" cy="80" r="42" fill="#4A4A4A"/>
<!-- Ears -->
<polygon points="65,55 75,15 90,60" fill="#4A4A4A"/>
<polygon points="135,55 125,15 110,60" fill="#4A4A4A"/>
<polygon points="70,52 76,28 84,55" fill="#F4B5A0"/>
<polygon points="130,52 124,28 116,55" fill="#F4B5A0"/>
<!-- Face patch -->
<ellipse cx="100" cy="95" rx="26" ry="18" fill="#F5E9DA"/>
<!-- Eyes -->
<ellipse cx="85" cy="78" rx="6" ry="8" fill="#2B2B2B"/>
<ellipse cx="115" cy="78" rx="6" ry="8" fill="#2B2B2B"/>
<circle cx="87" cy="75" r="1.8" fill="#FFFFFF"/>
<circle cx="117" cy="75" r="1.8" fill="#FFFFFF"/>
<!-- Nose -->
<polygon points="100,90 95,97 105,97" fill="#F4B5A0"/>
<!-- Mouth -->
<path d="M100,97 Q100,102 92,102" stroke="#2B2B2B" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M100,97 Q100,102 108,102" stroke="#2B2B2B" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Whiskers -->
<line x1="60" y1="88" x2="35" y2="82" stroke="#2B2B2B" stroke-width="1.5"/>
<line x1="60" y1="95" x2="35" y2="95" stroke="#2B2B2B" stroke-width="1.5"/>
<line x1="140" y1="88" x2="165" y2="82" stroke="#2B2B2B" stroke-width="1.5"/>
<line x1="140" y1="95" x2="165" y2="95" stroke="#2B2B2B" stroke-width="1.5"/>
<!-- Paws -->
<ellipse cx="75" cy="175" rx="14" ry="10" fill="#5B5B5B"/>
<ellipse cx="125" cy="175" rx="14" ry="10" fill="#5B5B5B"/>
</svg>
minimal #48.3✕ CLOSE
Claude Sonnet 5 · minimal · attempt 4 · score 8.3
cat likeness: 9.0aesthetic: 8.0technique: 7.0prompt fidelity: 9.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">
<rect width="400" height="400" fill="#F4E9DC"/>
<!-- Tail -->
<path d="M 260 260 Q 320 250 330 190 Q 335 160 315 155 Q 300 152 300 175"
fill="none" stroke="#4A4A4A" stroke-width="22" stroke-linecap="round"/>
<!-- Body -->
<ellipse cx="190" cy="270" rx="90" ry="70" fill="#4A4A4A"/>
<!-- Head -->
<circle cx="180" cy="160" r="75" fill="#4A4A4A"/>
<!-- Ears -->
<path d="M 120 110 L 105 55 L 155 95 Z" fill="#4A4A4A"/>
<path d="M 240 110 L 255 55 L 205 95 Z" fill="#4A4A4A"/>
<!-- Inner ears -->
<path d="M 122 100 L 113 70 L 140 92 Z" fill="#E8A87C"/>
<path d="M 238 100 L 247 70 L 220 92 Z" fill="#E8A87C"/>
<!-- Face -->
<circle cx="155" cy="155" r="7" fill="#F4E9DC"/>
<circle cx="205" cy="155" r="7" fill="#F4E9DC"/>
<!-- Nose -->
<path d="M 172 178 L 188 178 L 180 188 Z" fill="#E8A87C"/>
<!-- Mouth -->
<path d="M 180 188 Q 180 195 170 195" fill="none" stroke="#F4E9DC" stroke-width="3" stroke-linecap="round"/>
<path d="M 180 188 Q 180 195 190 195" fill="none" stroke="#F4E9DC" stroke-width="3" stroke-linecap="round"/>
<!-- Whiskers -->
<line x1="100" y1="165" x2="145" y2="170" stroke="#4A4A4A" stroke-width="2"/>
<line x1="100" y1="180" x2="145" y2="180" stroke="#4A4A4A" stroke-width="2"/>
<line x1="215" y1="170" x2="260" y2="165" stroke="#4A4A4A" stroke-width="2"/>
<line x1="215" y1="180" x2="260" y2="180" stroke="#4A4A4A" stroke-width="2"/>
<!-- Front paws -->
<ellipse cx="150" cy="330" rx="22" ry="28" fill="#4A4A4A"/>
<ellipse cx="230" cy="330" rx="22" ry="28" fill="#4A4A4A"/>
</svg>realistic
“Draw a realistic sitting cat with visible fur shading as an SVG.”
realistic #18.0✕ CLOSE
Claude Sonnet 5 · realistic · attempt 1 · score 8.0
cat likeness: 9.0aesthetic: 8.0technique: 8.0prompt fidelity: 7.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="bodyGrad" cx="35%" cy="25%" r="75%">
<stop offset="0%" stop-color="#d4d4d4"/>
<stop offset="55%" stop-color="#aeaeae"/>
<stop offset="100%" stop-color="#7c7c7c"/>
</radialGradient>
<radialGradient id="headGrad" cx="40%" cy="30%" r="70%">
<stop offset="0%" stop-color="#d8d8d8"/>
<stop offset="60%" stop-color="#b3b3b3"/>
<stop offset="100%" stop-color="#868686"/>
</radialGradient>
<linearGradient id="tailGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#c4c4c4"/>
<stop offset="100%" stop-color="#7f7f7f"/>
</linearGradient>
<linearGradient id="earGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#9a9a9a"/>
<stop offset="100%" stop-color="#6b6b6b"/>
</linearGradient>
<path id="bodyShape" d="M130,362
C118,300 126,238 152,208
C168,188 184,182 200,182
C216,182 232,188 248,208
C274,238 282,300 270,362
Z"/>
<circle id="headShape" cx="200" cy="140" r="64"/>
<path id="tailShape" d="M256,332
C302,340 334,298 336,250
C338,208 318,176 288,188
C300,198 308,214 308,236
C308,266 296,296 268,318
C264,322 260,326 256,332 Z"/>
<clipPath id="bodyClip"><use href="#bodyShape"/></clipPath>
<clipPath id="headClip"><use href="#headShape"/></clipPath>
<clipPath id="tailClip"><use href="#tailShape"/></clipPath>
</defs>
<!-- background -->
<rect width="400" height="400" fill="#f4efe6"/>
<!-- ground shadow -->
<ellipse cx="205" cy="368" rx="150" ry="18" fill="#000" opacity="0.15"/>
<!-- TAIL -->
<use href="#tailShape" fill="url(#tailGrad)" stroke="#5c5c5c" stroke-width="1"/>
<g clip-path="url(#tailClip)">
<path d="M270,200 C285,220 290,245 288,270" stroke="#5a5a5a" stroke-width="6" fill="none" opacity="0.35"/>
<path d="M290,210 C305,235 310,260 300,290" stroke="#5a5a5a" stroke-width="6" fill="none" opacity="0.3"/>
<path d="M300,230 C312,250 315,275 300,300" stroke="#4d4d4d" stroke-width="5" fill="none" opacity="0.3"/>
<g stroke="#8a8a8a" stroke-width="1.2" fill="none" opacity="0.5" stroke-linecap="round">
<path d="M270,205 q5,10 2,20"/>
<path d="M282,215 q6,10 2,22"/>
<path d="M292,230 q7,12 1,24"/>
<path d="M300,250 q6,12 -2,24"/>
<path d="M304,270 q4,12 -6,24"/>
<path d="M298,292 q2,10 -10,20"/>
</g>
</g>
<path d="M256,332 C302,340 334,298 336,250 C338,208 318,176 288,188" fill="none" stroke="#5c5c5c" stroke-width="1.5" opacity="0.6"/>
<!-- BODY -->
<use href="#bodyShape" fill="url(#bodyGrad)" stroke="#5c5c5c" stroke-width="1.5"/>
<g clip-path="url(#bodyClip)">
<!-- belly lighter patch -->
<ellipse cx="200" cy="300" rx="45" ry="60" fill="#e6e2da" opacity="0.55"/>
<!-- stripes -->
<path d="M150,220 C165,235 180,240 200,238" stroke="#6f6f6f" stroke-width="5" fill="none" opacity="0.4"/>
<path d="M145,250 C165,265 185,268 205,264" stroke="#6f6f6f" stroke-width="5" fill="none" opacity="0.35"/>
<path d="M142,280 C165,296 190,298 212,292" stroke="#6f6f6f" stroke-width="5" fill="none" opacity="0.3"/>
<path d="M255,220 C240,235 225,240 205,238" stroke="#6f6f6f" stroke-width="5" fill="none" opacity="0.4"/>
<path d="M260,250 C240,265 220,268 200,264" stroke="#6f6f6f" stroke-width="5" fill="none" opacity="0.35"/>
<!-- fur strokes -->
<g stroke="#8f8f8f" stroke-width="1.2" fill="none" opacity="0.55" stroke-linecap="round">
<path d="M145,210 q4,10 0,20"/>
<path d="M155,205 q4,10 0,20"/>
<path d="M165,200 q4,10 0,20"/>
<path d="M175,196 q4,10 0,20"/>
<path d="M185,193 q4,10 0,20"/>
<path d="M195,192 q4,10 0,20"/>
<path d="M205,192 q4,10 0,20"/>
<path d="M215,193 q4,10 0,20"/>
<path d="M225,196 q4,10 0,20"/>
<path d="M235,200 q4,10 0,20"/>
<path d="M245,205 q4,10 0,20"/>
<path d="M255,210 q4,10 0,20"/>
<path d="M140,240 q5,12 0,24"/>
<path d="M155,235 q5,12 0,24"/>
<path d="M170,230 q5,12 0,24"/>
<path d="M185,228 q5,12 0,24"/>
<path d="M200,227 q5,12 0,24"/>
<path d="M215,228 q5,12 0,24"/>
<path d="M230,230 q5,12 0,24"/>
<path d="M245,235 q5,12 0,24"/>
<path d="M260,240 q5,12 0,24"/>
<path d="M138,275 q5,14 0,28"/>
<path d="M155,270 q5,14 0,28"/>
<path d="M172,266 q5,14 0,28"/>
<path d="M190,264 q5,14 0,28"/>
<path d="M208,264 q5,14 0,28"/>
<path d="M226,266 q5,14 0,28"/>
<path d="M244,270 q5,14 0,28"/>
<path d="M262,275 q5,14 0,28"/>
<path d="M145,315 q6,14 0,28"/>
<path d="M165,310 q6,14 0,28"/>
<path d="M185,306 q6,14 0,28"/>
<path d="M205,305 q6,14 0,28"/>
<path d="M225,306 q6,14 0,28"/>
<path d="M245,310 q6,14 0,28"/>
<path d="M262,315 q6,14 0,28"/>
</g>
</g>
<!-- FRONT PAWS -->
<g stroke="#5c5c5c" stroke-width="1.2">
<ellipse cx="178" cy="352" rx="20" ry="15" fill="#c8c8c8"/>
<ellipse cx="224" cy="352" rx="20" ry="15" fill="#bcbcbc"/>
</g>
<g stroke="#8f8f8f" stroke-width="1" opacity="0.6">
<path d="M170,346 q4,8 0,14"/>
<path d="M178,344 q4,8 0,14"/>
<path d="M186,346 q4,8 0,14"/>
<path d="M216,346 q4,8 0,14"/>
<path d="M224,344 q4,8 0,14"/>
<path d="M232,346 q4,8 0,14"/>
</g>
<path d="M172,362 q6,4 12,0" stroke="#6b6b6b" stroke-width="1" fill="none" opacity="0.5"/>
<path d="M218,362 q6,4 12,0" stroke="#6b6b6b" stroke-width="1" fill="none" opacity="0.5"/>
<!-- EARS -->
<path d="M150,112 L166,48 L188,116 Z" fill="url(#earGrad)" stroke="#4d4d4d" stroke-width="1.5"/>
<path d="M212,116 L234,48 L250,112 Z" fill="url(#earGrad)" stroke="#4d4d4d" stroke-width="1.5"/>
<path d="M158,105 L167,65 L182,108 Z" fill="#e7b7b7" opacity="0.75"/>
<path d="M218,108 L233,65 L242,105 Z" fill="#e7b7b7" opacity="0.75"/>
<g stroke="#7a7a7a" stroke-width="0.8" opacity="0.5">
<path d="M155,100 q6,4 6,12" fill="none"/>
<path d="M165,90 q6,4 6,14" fill="none"/>
<path d="M175,80 q6,4 6,16" fill="none"/>
<path d="M225,80 q-6,4 -6,16" fill="none"/>
<path d="M235,90 q-6,4 -6,14" fill="none"/>
<path d="M242,100 q-6,4 -6,12" fill="none"/>
</g>
<!-- HEAD -->
<use href="#headShape" fill="url(#headGrad)" stroke="#5c5c5c" stroke-width="1.5"/>
<g clip-path="url(#headClip)">
<!-- head stripes -->
<path d="M170,90 C180,100 190,102 200,100" stroke="#6f6f6f" stroke-width="4" fill="none" opacity="0.4"/>
<path d="M230,90 C220,100 210,102 200,100" stroke="#6f6f6f" stroke-width="4" fill="none" opacity="0.4"/>
<path d="M160,110 C175,118 190,120 200,118" stroke="#6f6f6f" stroke-width="4" fill="none" opacity="0.3"/>
<path d="M240,110 C225,118 210,120 200,118" stroke="#6f6f6f" stroke-width="4" fill="none" opacity="0.3"/>
<!-- cheek lighter patches -->
<ellipse cx="175" cy="150" rx="20" ry="16" fill="#e6e2da" opacity="0.4"/>
<ellipse cx="225" cy="150" rx="20" ry="16" fill="#e6e2da" opacity="0.4"/>
<!-- fur strokes on head -->
<g stroke="#8f8f8f" stroke-width="1" fill="none" opacity="0.5" stroke-linecap="round">
<path d="M150,100 q4,8 0,16"/>
<path d="M160,90 q4,8 0,16"/>
<path d="M172,84 q4,8 0,16"/>
<path d="M186,80 q4,8 0,16"/>
<path d="M200,78 q4,8 0,16"/>
<path d="M214,80 q4,8 0,16"/>
<path d="M228,84 q4,8 0,16"/>
<path d="M240,90 q4,8 0,16"/>
<path d="M250,100 q4,8 0,16"/>
<path d="M150,150 q6,10 0,20"/>
<path d="M165,160 q6,10 0,20"/>
<path d="M235,160 q-6,10 0,20"/>
<path d="M250,150 q-6,10 0,20"/>
</g>
</g>
<!-- EYES -->
<g>
<ellipse cx="180" cy="140" rx="12" ry="16" fill="#a8cf3b" stroke="#4d4d4d" stroke-width="1"/>
<ellipse cx="220" cy="140" rx="12" ry="16" fill="#a8cf3b" stroke="#4d4d4d" stroke-width="1"/>
<rect x="177.5" y="130" width="5" height="20" rx="2.5" fill="#111"/>
<rect x="217.5" y="130" width="5" height="20" rx="2.5" fill="#111"/>
<circle cx="176" cy="132" r="2.2" fill="#fff" opacity="0.9"/>
<circle cx="216" cy="132" r="2.2" fill="#fff" opacity="0.9"/>
<path d="M164,128 Q180,116 196,128" stroke="#5c5c5c" stroke-width="1.2" fill="none" opacity="0.6"/>
<path d="M204,128 Q220,116 236,128" stroke="#5c5c5c" stroke-width="1.2" fill="none" opacity="0.6"/>
</g>
<!-- NOSE & MOUTH -->
<path d="M194,156 L206,156 L200,165 Z" fill="#e79aa0" stroke="#a05a60" stroke-width="0.8"/>
<path d="M200,165 L200,172" stroke="#5c5c5c" stroke-width="1.2"/>
<path d="M200,172 Q188,182 176,176" stroke="#5c5c5c" stroke-width="1.2" fill="none"/>
<path d="M200,172 Q212,182 224,176" stroke="#5c5c5c" stroke-width="1.2" fill="none"/>
<!-- WHISKERS -->
<g stroke="#eaeaea" stroke-width="1" opacity="0.85">
<path d="M150,158 L100,150"/>
<path d="M150,166 L98,166"/>
<path d="M150,174 L100,182"/>
<path d="M250,158 L300,150"/>
<path d="M250,166 L302,166"/>
<path d="M250,174 L300,182"/>
</g>
</svg>
realistic #27.8✕ CLOSE
Claude Sonnet 5 · realistic · attempt 2 · score 7.8
cat likeness: 9.0aesthetic: 7.0technique: 9.0prompt fidelity: 6.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 600" width="500" height="600">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#dfe9f0"/>
<stop offset="100%" stop-color="#b9c9d6"/>
</linearGradient>
<radialGradient id="bodyShade" cx="40%" cy="30%" r="80%">
<stop offset="0%" stop-color="#f2c08a"/>
<stop offset="55%" stop-color="#e0a468"/>
<stop offset="100%" stop-color="#a3703c"/>
</radialGradient>
<radialGradient id="headShade" cx="45%" cy="30%" r="75%">
<stop offset="0%" stop-color="#f5cd9a"/>
<stop offset="60%" stop-color="#e3a96b"/>
<stop offset="100%" stop-color="#9c6b3a"/>
</radialGradient>
<linearGradient id="earGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#e0a468"/>
<stop offset="100%" stop-color="#8a5a2e"/>
</linearGradient>
<radialGradient id="innerEar" cx="50%" cy="50%" r="60%">
<stop offset="0%" stop-color="#f6cbc1"/>
<stop offset="100%" stop-color="#d98f83"/>
</radialGradient>
<linearGradient id="tailGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#e3a96b"/>
<stop offset="100%" stop-color="#8a5a2e"/>
</linearGradient>
<radialGradient id="eyeGlow" cx="50%" cy="40%" r="60%">
<stop offset="0%" stop-color="#bff0c0"/>
<stop offset="70%" stop-color="#4fae5b"/>
<stop offset="100%" stop-color="#2c6e33"/>
</radialGradient>
<filter id="softBlur" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1.2"/>
</filter>
</defs>
<!-- Background -->
<rect width="500" height="600" fill="url(#bg)"/>
<ellipse cx="250" cy="560" rx="220" ry="30" fill="#00000022"/>
<!-- Tail curling in front -->
<path d="M330,470
C400,470 430,410 410,350
C395,305 350,300 330,330
C315,352 335,365 350,360
C368,354 375,380 360,400
C340,425 300,420 300,460 Z"
fill="url(#tailGrad)" stroke="#5c3b1e" stroke-width="1.5"/>
<!-- fine fur strokes on tail -->
<g stroke="#6e4526" stroke-width="1" opacity="0.5">
<path d="M340,340 q10,-8 18,-2"/>
<path d="M355,355 q10,-6 18,0"/>
<path d="M365,375 q10,-4 16,4"/>
<path d="M350,400 q8,-6 16,0"/>
<path d="M330,420 q8,-6 16,0"/>
</g>
<!-- Body -->
<path d="M150,560
C120,480 130,400 170,360
C150,340 145,300 180,280
C220,260 280,260 320,280
C355,300 350,340 330,360
C370,400 380,480 350,560 Z"
fill="url(#bodyShade)" stroke="#7a4f28" stroke-width="2"/>
<!-- Body fur shading strokes -->
<g stroke="#8a5a30" stroke-width="1" opacity="0.45">
<path d="M170,380 q10,20 0,40"/>
<path d="M190,370 q10,25 0,50"/>
<path d="M210,365 q8,30 -2,55"/>
<path d="M230,360 q6,32 -4,58"/>
<path d="M250,360 q4,34 -6,60"/>
<path d="M270,362 q4,32 -4,58"/>
<path d="M290,368 q6,30 -2,55"/>
<path d="M310,375 q8,25 0,50"/>
<path d="M330,385 q10,20 0,40"/>
</g>
<g stroke="#f5d3a0" stroke-width="1" opacity="0.4">
<path d="M180,400 q10,15 2,30"/>
<path d="M210,395 q8,18 0,35"/>
<path d="M240,392 q6,20 -2,38"/>
<path d="M270,395 q6,18 0,35"/>
<path d="M300,400 q8,15 2,30"/>
</g>
<!-- Front chest lighter fur patch -->
<path d="M210,340 C230,330 270,330 290,340 C300,400 290,470 250,500 C210,470 200,400 210,340 Z"
fill="#f7e3c4" opacity="0.85"/>
<g stroke="#e8c894" stroke-width="1" opacity="0.6">
<path d="M225,360 q5,60 0,110"/>
<path d="M250,355 q0,65 0,120"/>
<path d="M275,360 q-5,60 0,110"/>
</g>
<!-- Front paws -->
<ellipse cx="215" cy="545" rx="28" ry="20" fill="#f2dcb5" stroke="#c9a877" stroke-width="1.5"/>
<ellipse cx="285" cy="545" rx="28" ry="20" fill="#f2dcb5" stroke="#c9a877" stroke-width="1.5"/>
<line x1="205" y1="530" x2="205" y2="555" stroke="#c9a877" stroke-width="1"/>
<line x1="220" y1="528" x2="220" y2="555" stroke="#c9a877" stroke-width="1"/>
<line x1="275" y1="528" x2="275" y2="555" stroke="#c9a877" stroke-width="1"/>
<line x1="290" y1="530" x2="290" y2="555" stroke="#c9a877" stroke-width="1"/>
<!-- Ears -->
<path d="M175,230 L150,140 L215,205 Z" fill="url(#earGrad)" stroke="#6e4526" stroke-width="2"/>
<path d="M180,222 L160,155 L205,200 Z" fill="url(#innerEar)"/>
<path d="M325,230 L350,140 L285,205 Z" fill="url(#earGrad)" stroke="#6e4526" stroke-width="2"/>
<path d="M320,222 L340,155 L295,200 Z" fill="url(#innerEar)"/>
<!-- fur tufts inside ears -->
<g stroke="#f3e4d4" stroke-width="1" opacity="0.7">
<path d="M170,210 l6,-30"/>
<path d="M182,205 l4,-25"/>
<path d="M330,210 l-6,-30"/>
<path d="M318,205 l-4,-25"/>
</g>
<!-- Head -->
<ellipse cx="250" cy="255" rx="95" ry="85" fill="url(#headShade)" stroke="#7a4f28" stroke-width="2"/>
<!-- Head fur shading -->
<g stroke="#8a5a30" stroke-width="1" opacity="0.4">
<path d="M180,220 q10,20 4,40"/>
<path d="M195,195 q12,22 6,45"/>
<path d="M215,180 q10,25 4,50"/>
<path d="M250,175 q4,28 0,55"/>
<path d="M285,180 q-10,25 -4,50"/>
<path d="M305,195 q-12,22 -6,45"/>
<path d="M320,220 q-10,20 -4,40"/>
</g>
<!-- cheek fluff -->
<path d="M160,250 C140,260 130,290 150,310 C170,320 190,300 190,280 Z" fill="#f5dcae" opacity="0.7"/>
<path d="M340,250 C360,260 370,290 350,310 C330,320 310,300 310,280 Z" fill="#f5dcae" opacity="0.7"/>
<!-- Stripe markings on head -->
<g stroke="#7a4f28" stroke-width="3" opacity="0.5" fill="none">
<path d="M225,180 Q235,200 225,215"/>
<path d="M250,175 Q255,195 250,215"/>
<path d="M275,180 Q265,200 275,215"/>
</g>
<!-- Eyes -->
<g>
<ellipse cx="215" cy="255" rx="20" ry="24" fill="#fff"/>
<ellipse cx="215" cy="255" rx="17" ry="21" fill="url(#eyeGlow)"/>
<ellipse cx="215" cy="255" rx="5" ry="18" fill="#111"/>
<circle cx="209" cy="247" r="3" fill="#fff" opacity="0.9"/>
<ellipse cx="285" cy="255" rx="20" ry="24" fill="#fff"/>
<ellipse cx="285" cy="255" rx="17" ry="21" fill="url(#eyeGlow)"/>
<ellipse cx="285" cy="255" rx="5" ry="18" fill="#111"/>
<circle cx="279" cy="247" r="3" fill="#fff" opacity="0.9"/>
</g>
<!-- eyelid shading -->
<path d="M195,240 Q215,225 235,240" stroke="#7a4f28" stroke-width="2" fill="none" opacity="0.6"/>
<path d="M265,240 Q285,225 305,240" stroke="#7a4f28" stroke-width="2" fill="none" opacity="0.6"/>
<!-- Nose -->
<path d="M240,290 L260,290 L250,305 Z" fill="#d98f83" stroke="#a5605a" stroke-width="1.5"/>
<!-- Mouth -->
<path d="M250,305 L250,315" stroke="#5c3b1e" stroke-width="1.5"/>
<path d="M250,315 Q235,330 215,320" stroke="#5c3b1e" stroke-width="1.5" fill="none"/>
<path d="M250,315 Q265,330 285,320" stroke="#5c3b1e" stroke-width="1.5" fill="none"/>
<!-- Whiskers -->
<g stroke="#fefefe" stroke-width="1.3" opacity="0.85">
<line x1="170" y1="285" x2="90" y2="275"/>
<line x1="170" y1="295" x2="90" y2="300"/>
<line x1="170" y1="305" x2="95" y2="325"/>
<line x1="330" y1="285" x2="410" y2="275"/>
<line x1="330" y1="295" x2="410" y2="300"/>
<line x1="330" y1="305" x2="405" y2="325"/>
</g>
<!-- subtle top-of-head highlight -->
<ellipse cx="235" cy="200" rx="45" ry="20" fill="#fef3df" opacity="0.25" filter="url(#softBlur)"/>
</svg>
realistic #38.3✕ CLOSE
Claude Sonnet 5 · realistic · attempt 3 · 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 500 600" width="500" height="600">
<defs>
<radialGradient id="bgGrad" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#fdf6e3"/>
<stop offset="100%" stop-color="#e8dcc0"/>
</radialGradient>
<linearGradient id="bodyGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#8a6a4a"/>
<stop offset="45%" stop-color="#6b4e35"/>
<stop offset="100%" stop-color="#4a3423"/>
</linearGradient>
<linearGradient id="headGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#9a7a56"/>
<stop offset="60%" stop-color="#785a3d"/>
<stop offset="100%" stop-color="#5a4029"/>
</linearGradient>
<linearGradient id="earGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#6b4e35"/>
<stop offset="100%" stop-color="#3f2c1c"/>
</linearGradient>
<linearGradient id="tailGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#8a6a4a"/>
<stop offset="100%" stop-color="#3f2c1c"/>
</linearGradient>
<radialGradient id="innerEar" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#d9a58c"/>
<stop offset="100%" stop-color="#a66f57"/>
</radialGradient>
<radialGradient id="eyeGrad" cx="50%" cy="40%" r="60%">
<stop offset="0%" stop-color="#dfe97a"/>
<stop offset="70%" stop-color="#9db83a"/>
<stop offset="100%" stop-color="#4d5e1c"/>
</radialGradient>
<filter id="softBlur" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="1.2"/>
</filter>
</defs>
<!-- Background -->
<rect width="500" height="600" fill="url(#bgGrad)"/>
<ellipse cx="250" cy="540" rx="220" ry="30" fill="#c9b795" opacity="0.5"/>
<!-- Tail -->
<path d="M 340 470
C 420 460 470 400 460 320
C 452 260 400 230 370 250
C 400 260 430 300 430 350
C 430 410 390 450 330 465 Z"
fill="url(#tailGrad)" stroke="#2e2015" stroke-width="1"/>
<!-- Tail fur strokes -->
<g stroke="#2e2015" stroke-width="1.5" opacity="0.4" stroke-linecap="round">
<path d="M380 260 Q400 280 410 310"/>
<path d="M400 290 Q415 320 415 350"/>
<path d="M405 330 Q415 360 405 390"/>
<path d="M395 370 Q400 400 380 420"/>
<path d="M370 400 Q370 430 350 450"/>
</g>
<!-- Body -->
<path d="M 150 560
C 100 560 90 480 100 420
C 108 370 140 330 190 320
C 250 308 320 330 340 400
C 355 450 350 520 320 555
C 280 575 190 575 150 560 Z"
fill="url(#bodyGrad)" stroke="#2e2015" stroke-width="1.5"/>
<!-- Body fur shading strokes -->
<g stroke="#2e2015" stroke-width="1.2" opacity="0.35" stroke-linecap="round">
<path d="M130 420 Q140 450 130 480"/>
<path d="M150 400 Q160 440 150 470"/>
<path d="M170 390 Q180 430 172 465"/>
<path d="M200 380 Q205 420 198 460"/>
<path d="M230 375 Q235 415 228 455"/>
<path d="M260 380 Q268 420 260 460"/>
<path d="M290 390 Q298 430 288 465"/>
<path d="M310 410 Q318 450 305 480"/>
</g>
<g stroke="#c9a878" stroke-width="1" opacity="0.3" stroke-linecap="round">
<path d="M140 400 Q150 440 138 470"/>
<path d="M180 385 Q190 425 180 460"/>
<path d="M220 375 Q228 415 218 455"/>
<path d="M270 385 Q278 425 268 460"/>
</g>
<!-- Chest fluff -->
<ellipse cx="230" cy="480" rx="70" ry="90" fill="#b89a72" opacity="0.5"/>
<g stroke="#8a6a4a" stroke-width="1" opacity="0.5" stroke-linecap="round">
<path d="M200 410 Q205 460 200 520"/>
<path d="M220 405 Q225 460 218 525"/>
<path d="M240 405 Q245 460 240 525"/>
<path d="M260 410 Q262 460 255 520"/>
</g>
<!-- Front legs -->
<path d="M 175 470 C 165 500 165 540 175 560 C 190 570 205 570 210 555
C 215 530 210 495 205 470 Z"
fill="url(#bodyGrad)" stroke="#2e2015" stroke-width="1.2"/>
<path d="M 240 470 C 235 500 235 540 245 560 C 260 570 275 570 278 555
C 280 530 275 495 268 470 Z"
fill="url(#bodyGrad)" stroke="#2e2015" stroke-width="1.2"/>
<!-- paw shading -->
<ellipse cx="192" cy="558" rx="20" ry="10" fill="#c9ad86" opacity="0.5"/>
<ellipse cx="260" cy="558" rx="20" ry="10" fill="#c9ad86" opacity="0.5"/>
<!-- Ears -->
<path d="M 155 260 L 130 175 L 205 230 Z" fill="url(#earGrad)" stroke="#2e2015" stroke-width="1.2"/>
<path d="M 165 255 L 148 195 L 200 232 Z" fill="url(#innerEar)"/>
<path d="M 270 250 L 300 165 L 335 240 Z" fill="url(#earGrad)" stroke="#2e2015" stroke-width="1.2"/>
<path d="M 278 248 L 300 190 L 325 240 Z" fill="url(#innerEar)"/>
<!-- Ear fur tufts -->
<g stroke="#5a4029" stroke-width="1" opacity="0.6" stroke-linecap="round">
<path d="M140 210 L150 195"/>
<path d="M150 220 L160 205"/>
<path d="M305 195 L300 178"/>
<path d="M315 205 L312 188"/>
</g>
<!-- Head -->
<ellipse cx="240" cy="300" rx="105" ry="95" fill="url(#headGrad)" stroke="#2e2015" stroke-width="1.5"/>
<!-- Head fur shading -->
<g stroke="#2e2015" stroke-width="1" opacity="0.3" stroke-linecap="round">
<path d="M160 260 Q170 280 165 300"/>
<path d="M175 245 Q188 265 180 288"/>
<path d="M300 250 Q312 270 305 292"/>
<path d="M315 265 Q325 285 315 305"/>
</g>
<!-- Face markings - subtle darker patch -->
<ellipse cx="240" cy="330" rx="80" ry="55" fill="#5a4029" opacity="0.35"/>
<!-- Cheeks lighter fur -->
<ellipse cx="185" cy="320" rx="35" ry="28" fill="#b8996f" opacity="0.4"/>
<ellipse cx="295" cy="320" rx="35" ry="28" fill="#b8996f" opacity="0.4"/>
<!-- Eyes -->
<g>
<ellipse cx="205" cy="295" rx="22" ry="26" fill="#1a1a1a"/>
<ellipse cx="205" cy="295" rx="18" ry="22" fill="url(#eyeGrad)"/>
<ellipse cx="205" cy="295" rx="6" ry="18" fill="#151505"/>
<circle cx="199" cy="286" r="3.5" fill="#ffffff" opacity="0.9"/>
<ellipse cx="278" cy="295" rx="22" ry="26" fill="#1a1a1a"/>
<ellipse cx="278" cy="295" rx="18" ry="22" fill="url(#eyeGrad)"/>
<ellipse cx="278" cy="295" rx="6" ry="18" fill="#151505"/>
<circle cx="272" cy="286" r="3.5" fill="#ffffff" opacity="0.9"/>
</g>
<!-- Eyebrow / brow fur -->
<path d="M185 270 Q205 260 225 268" stroke="#3f2c1c" stroke-width="2" fill="none" opacity="0.5"/>
<path d="M258 268 Q278 260 298 270" stroke="#3f2c1c" stroke-width="2" fill="none" opacity="0.5"/>
<!-- Nose -->
<path d="M232 330 L248 330 L240 342 Z" fill="#d98c8c" stroke="#7a3d3d" stroke-width="1"/>
<!-- Mouth -->
<path d="M240 342 L240 352" stroke="#3f2c1c" stroke-width="1.5"/>
<path d="M240 352 Q225 362 210 355" stroke="#3f2c1c" stroke-width="1.5" fill="none"/>
<path d="M240 352 Q255 362 270 355" stroke="#3f2c1c" stroke-width="1.5" fill="none"/>
<!-- Whisker dots -->
<g fill="#3f2c1c" opacity="0.6">
<circle cx="205" cy="335" r="1.3"/>
<circle cx="200" cy="342" r="1.3"/>
<circle cx="196" cy="349" r="1.3"/>
<circle cx="275" cy="335" r="1.3"/>
<circle cx="280" cy="342" r="1.3"/>
<circle cx="284" cy="349" r="1.3"/>
</g>
<!-- Whiskers -->
<g stroke="#f5f0e6" stroke-width="1" opacity="0.85" fill="none">
<path d="M195 335 Q140 325 100 320"/>
<path d="M192 342 Q135 345 95 350"/>
<path d="M190 349 Q135 360 98 372"/>
<path d="M285 335 Q340 325 380 320"/>
<path d="M288 342 Q345 345 385 350"/>
<path d="M290 349 Q345 360 382 372"/>
</g>
<!-- Head top fur texture -->
<g stroke="#3f2c1c" stroke-width="1" opacity="0.3" stroke-linecap="round">
<path d="M210 220 Q215 235 210 250"/>
<path d="M240 215 Q242 232 238 248"/>
<path d="M270 220 Q268 235 272 250"/>
</g>
<!-- Subtle highlight on head -->
<ellipse cx="220" cy="255" rx="40" ry="20" fill="#c9ac82" opacity="0.25"/>
</svg>
realistic #47.5✕ CLOSE
Claude Sonnet 5 · realistic · attempt 4 · 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 500 600" width="500" height="600">
<defs>
<linearGradient id="bgGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#eef3f7"/>
<stop offset="70%" stop-color="#f7f1e6"/>
<stop offset="100%" stop-color="#efe6d3"/>
</linearGradient>
<radialGradient id="furBody" cx="45%" cy="25%" r="80%">
<stop offset="0%" stop-color="#f3b579"/>
<stop offset="55%" stop-color="#d9853b"/>
<stop offset="100%" stop-color="#a85c26"/>
</radialGradient>
<radialGradient id="furHead" cx="45%" cy="30%" r="75%">
<stop offset="0%" stop-color="#f6c48c"/>
<stop offset="60%" stop-color="#dd8f45"/>
<stop offset="100%" stop-color="#a85c26"/>
</radialGradient>
<linearGradient id="tailGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#f3b579"/>
<stop offset="100%" stop-color="#9c531f"/>
</linearGradient>
<radialGradient id="pawGrad" cx="50%" cy="30%" r="70%">
<stop offset="0%" stop-color="#fdf6ec"/>
<stop offset="100%" stop-color="#e6d5b8"/>
</radialGradient>
<radialGradient id="chestGrad" cx="50%" cy="20%" r="80%">
<stop offset="0%" stop-color="#fffaf1"/>
<stop offset="100%" stop-color="#eed9b8"/>
</radialGradient>
<filter id="soft" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="6"/>
</filter>
</defs>
<!-- background -->
<rect x="0" y="0" width="500" height="600" fill="url(#bgGrad)"/>
<!-- ground shadow -->
<ellipse cx="250" cy="575" rx="150" ry="18" fill="#000000" opacity="0.18" filter="url(#soft)"/>
<!-- tail curling from behind body -->
<path d="M375,460 C440,445 470,380 445,320 C428,280 385,268 362,290
C395,300 412,342 400,384 C390,420 368,448 335,462
C348,470 362,468 375,460 Z"
fill="url(#tailGrad)" stroke="#7a441a" stroke-width="2"/>
<!-- tail stripes -->
<path d="M400,300 C415,320 418,345 405,368" fill="none" stroke="#6e3a16" stroke-width="6" opacity="0.5" stroke-linecap="round"/>
<path d="M385,285 C400,305 405,330 395,352" fill="none" stroke="#6e3a16" stroke-width="6" opacity="0.4" stroke-linecap="round"/>
<path d="M420,330 C432,350 432,372 420,392" fill="none" stroke="#6e3a16" stroke-width="6" opacity="0.35" stroke-linecap="round"/>
<!-- body -->
<path d="M150,565 C112,565 95,520 95,468
C95,378 118,312 162,272
C185,250 210,240 225,238
L275,238
C290,240 315,250 338,272
C382,312 405,378 405,468
C405,520 388,565 350,565 Z"
fill="url(#furBody)" stroke="#8a4c22" stroke-width="2"/>
<!-- chest patch -->
<ellipse cx="250" cy="440" rx="72" ry="115" fill="url(#chestGrad)" opacity="0.92"/>
<!-- body stripes -->
<path d="M140,320 C160,340 168,370 158,400" fill="none" stroke="#8a4c22" stroke-width="7" opacity="0.35" stroke-linecap="round"/>
<path d="M370,330 C352,350 346,378 358,405" fill="none" stroke="#8a4c22" stroke-width="7" opacity="0.35" stroke-linecap="round"/>
<path d="M120,400 C142,420 150,450 138,478" fill="none" stroke="#8a4c22" stroke-width="7" opacity="0.3" stroke-linecap="round"/>
<path d="M382,405 C362,425 355,455 368,482" fill="none" stroke="#8a4c22" stroke-width="7" opacity="0.3" stroke-linecap="round"/>
<!-- front paws -->
<ellipse cx="212" cy="548" rx="38" ry="27" fill="url(#pawGrad)" stroke="#c8a97c" stroke-width="1.5"/>
<ellipse cx="288" cy="548" rx="38" ry="27" fill="url(#pawGrad)" stroke="#c8a97c" stroke-width="1.5"/>
<line x1="196" y1="540" x2="196" y2="562" stroke="#c8a97c" stroke-width="1.5"/>
<line x1="212" y1="536" x2="212" y2="562" stroke="#c8a97c" stroke-width="1.5"/>
<line x1="228" y1="540" x2="228" y2="562" stroke="#c8a97c" stroke-width="1.5"/>
<line x1="272" y1="540" x2="272" y2="562" stroke="#c8a97c" stroke-width="1.5"/>
<line x1="288" y1="536" x2="288" y2="562" stroke="#c8a97c" stroke-width="1.5"/>
<line x1="304" y1="540" x2="304" y2="562" stroke="#c8a97c" stroke-width="1.5"/>
<!-- fur texture strokes on body -->
<g stroke-linecap="round" fill="none" opacity="0.55">
<path d="M160,350 C165,340 172,340 178,350" stroke="#f3b579" stroke-width="2"/>
<path d="M180,380 C185,368 193,368 198,380" stroke="#a85c26" stroke-width="2"/>
<path d="M200,420 C206,408 214,408 220,420" stroke="#f3b579" stroke-width="2"/>
<path d="M320,360 C326,348 334,348 340,360" stroke="#a85c26" stroke-width="2"/>
<path d="M300,400 C306,388 314,388 320,400" stroke="#f3b579" stroke-width="2"/>
<path d="M280,440 C286,428 294,428 300,440" stroke="#a85c26" stroke-width="2"/>
<path d="M230,460 C236,448 244,448 250,460" stroke="#f3b579" stroke-width="2"/>
<path d="M260,500 C266,488 274,488 280,500" stroke="#a85c26" stroke-width="2"/>
<path d="M150,470 C156,458 164,458 170,470" stroke="#f3b579" stroke-width="2"/>
<path d="M370,470 C364,458 356,458 350,470" stroke="#a85c26" stroke-width="2"/>
</g>
<!-- head -->
<ellipse cx="250" cy="195" rx="97" ry="90" fill="url(#furHead)" stroke="#8a4c22" stroke-width="2"/>
<!-- head fur strokes -->
<g stroke-linecap="round" fill="none" opacity="0.5">
<path d="M190,150 C195,138 203,138 208,150" stroke="#f6c48c" stroke-width="2"/>
<path d="M215,130 C220,118 228,118 233,130" stroke="#a85c26" stroke-width="2"/>
<path d="M245,120 C250,108 258,108 263,120" stroke="#f6c48c" stroke-width="2"/>
<path d="M275,130 C280,118 288,118 293,130" stroke="#a85c26" stroke-width="2"/>
<path d="M300,150 C305,138 313,138 318,150" stroke="#f6c48c" stroke-width="2"/>
</g>
<!-- ears -->
<polygon points="165,150 128,52 208,128" fill="url(#furHead)" stroke="#8a4c22" stroke-width="2"/>
<polygon points="335,150 372,52 292,128" fill="url(#furHead)" stroke="#8a4c22" stroke-width="2"/>
<polygon points="168,138 145,75 200,122" fill="#f2a9a9" opacity="0.85"/>
<polygon points="332,138 355,75 300,122" fill="#f2a9a9" opacity="0.85"/>
<!-- ear fur tufts -->
<path d="M150,110 C145,100 150,90 158,88" fill="none" stroke="#8a4c22" stroke-width="2" opacity="0.5"/>
<path d="M350,110 C355,100 350,90 342,88" fill="none" stroke="#8a4c22" stroke-width="2" opacity="0.5"/>
<!-- eyes -->
<path d="M195,178 C205,160 230,160 240,178 C230,198 205,198 195,178 Z" fill="#fffefc"/>
<path d="M260,178 C270,160 295,160 305,178 C295,198 270,198 260,178 Z" fill="#fffefc"/>
<circle cx="217" cy="181" r="13" fill="#9fc94b"/>
<circle cx="283" cy="181" r="13" fill="#9fc94b"/>
<ellipse cx="217" cy="181" rx="4" ry="11" fill="#1b1b1b"/>
<ellipse cx="283" cy="181" rx="4" ry="11" fill="#1b1b1b"/>
<circle cx="213" cy="176" r="2" fill="#ffffff"/>
<circle cx="279" cy="176" r="2" fill="#ffffff"/>
<!-- eyelid shading -->
<path d="M195,178 C205,168 230,168 240,178" fill="none" stroke="#8a4c22" stroke-width="2" opacity="0.4"/>
<path d="M260,178 C270,168 295,168 305,178" fill="none" stroke="#8a4c22" stroke-width="2" opacity="0.4"/>
<!-- nose -->
<path d="M240,210 C245,204 255,204 260,210 C258,220 242,220 240,210 Z" fill="#e08a8a" stroke="#a85252" stroke-width="1"/>
<!-- mouth -->
<path d="M250,220 L250,232" stroke="#5c3a22" stroke-width="2" fill="none"/>
<path d="M250,232 C240,244 222,244 216,234" stroke="#5c3a22" stroke-width="2" fill="none"/>
<path d="M250,232 C260,244 278,244 284,234" stroke="#5c3a22" stroke-width="2" fill="none"/>
<!-- whiskers -->
<g stroke="#f5efe6" stroke-width="1.5" opacity="0.9">
<line x1="205" y1="215" x2="95" y2="205"/>
<line x1="205" y1="225" x2="92" y2="228"/>
<line x1="205" y1="235" x2="98" y2="252"/>
<line x1="295" y1="215" x2="405" y2="205"/>
<line x1="295" y1="225" x2="408" y2="228"/>
<line x1="295" y1="235" x2="402" y2="252"/>
</g>
<!-- subtle head highlight -->
<ellipse cx="225" cy="150" rx="35" ry="20" fill="#ffffff" opacity="0.12"/>
</svg>action
“Draw a cat riding a bicycle as an SVG.”
action #18.3✕ CLOSE
Claude Sonnet 5 · action · attempt 1 · score 8.3
cat likeness: 9.0aesthetic: 8.0technique: 7.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">
<!-- sky -->
<rect width="400" height="300" fill="#eaf6ff"/>
<!-- ground -->
<line x1="0" y1="265" x2="400" y2="265" stroke="#8b5a2b" stroke-width="4"/>
<rect x="0" y="265" width="400" height="35" fill="#c9a06b"/>
<!-- ===== Bicycle ===== -->
<!-- wheels -->
<circle cx="110" cy="220" r="45" fill="none" stroke="#333" stroke-width="6"/>
<circle cx="110" cy="220" r="8" fill="#333"/>
<circle cx="290" cy="220" r="45" fill="none" stroke="#333" stroke-width="6"/>
<circle cx="290" cy="220" r="8" fill="#333"/>
<!-- spokes -->
<g stroke="#666" stroke-width="2">
<line x1="110" y1="220" x2="80" y2="190"/>
<line x1="110" y1="220" x2="140" y2="190"/>
<line x1="110" y1="220" x2="80" y2="250"/>
<line x1="110" y1="220" x2="140" y2="250"/>
<line x1="290" y1="220" x2="260" y2="190"/>
<line x1="290" y1="220" x2="320" y2="190"/>
<line x1="290" y1="220" x2="260" y2="250"/>
<line x1="290" y1="220" x2="320" y2="250"/>
</g>
<!-- frame -->
<g stroke="#c0392b" stroke-width="5" stroke-linecap="round" fill="none">
<line x1="110" y1="220" x2="170" y2="140"/>
<line x1="170" y1="140" x2="190" y2="220"/>
<line x1="190" y1="220" x2="110" y2="220"/>
<line x1="190" y1="220" x2="290" y2="220"/>
<line x1="290" y1="220" x2="270" y2="130"/>
<line x1="270" y1="130" x2="170" y2="140"/>
</g>
<!-- seat -->
<rect x="158" y="132" width="26" height="8" rx="3" fill="#333"/>
<!-- handlebar -->
<line x1="270" y1="130" x2="248" y2="112" stroke="#333" stroke-width="5" stroke-linecap="round"/>
<line x1="248" y1="112" x2="292" y2="108" stroke="#333" stroke-width="5" stroke-linecap="round"/>
<!-- pedal crank -->
<line x1="190" y1="220" x2="168" y2="236" stroke="#333" stroke-width="4"/>
<line x1="190" y1="220" x2="212" y2="204" stroke="#333" stroke-width="4"/>
<circle cx="168" cy="236" r="5" fill="#333"/>
<circle cx="212" cy="204" r="5" fill="#333"/>
<!-- ===== Cat ===== -->
<!-- tail -->
<path d="M150 165 Q100 150 122 195" stroke="#e8974a" stroke-width="12" fill="none" stroke-linecap="round"/>
<path d="M150 165 Q100 150 122 195" stroke="#c76f2e" stroke-width="3" fill="none" stroke-linecap="round" opacity="0.6"/>
<!-- back leg to pedal -->
<path d="M172 175 Q150 205 168 230" stroke="#e8974a" stroke-width="13" fill="none" stroke-linecap="round"/>
<ellipse cx="168" cy="234" rx="8" ry="6" fill="#e8974a"/>
<!-- body -->
<ellipse cx="195" cy="155" rx="46" ry="30" fill="#e8974a" transform="rotate(-20 195 155)"/>
<!-- stripes on body -->
<path d="M165 145 Q175 130 190 128" stroke="#c76f2e" stroke-width="4" fill="none" stroke-linecap="round"/>
<path d="M175 165 Q190 150 205 148" stroke="#c76f2e" stroke-width="4" fill="none" stroke-linecap="round"/>
<path d="M195 178 Q210 165 222 160" stroke="#c76f2e" stroke-width="4" fill="none" stroke-linecap="round"/>
<!-- front leg to handlebar -->
<path d="M222 138 Q245 122 253 113" stroke="#e8974a" stroke-width="11" fill="none" stroke-linecap="round"/>
<ellipse cx="253" cy="112" rx="7" ry="6" fill="#e8974a"/>
<!-- head -->
<circle cx="245" cy="108" r="26" fill="#e8974a"/>
<!-- head stripes -->
<path d="M232 92 Q245 86 258 92" stroke="#c76f2e" stroke-width="3" fill="none" stroke-linecap="round"/>
<!-- ears -->
<polygon points="228,94 236,66 249,90" fill="#e8974a"/>
<polygon points="262,90 270,64 275,93" fill="#e8974a"/>
<polygon points="232,88 238,74 245,88" fill="#ffc0cb"/>
<polygon points="265,86 269,72 273,88" fill="#ffc0cb"/>
<!-- eyes -->
<ellipse cx="236" cy="106" rx="4" ry="5" fill="#2b2b2b"/>
<ellipse cx="255" cy="104" rx="4" ry="5" fill="#2b2b2b"/>
<circle cx="237" cy="104" r="1" fill="#fff"/>
<circle cx="256" cy="102" r="1" fill="#fff"/>
<!-- nose -->
<polygon points="245,116 241,121 249,121" fill="#8a4a2b"/>
<!-- mouth -->
<path d="M245 121 Q240 126 234 123" stroke="#5a3320" stroke-width="1.5" fill="none"/>
<path d="M245 121 Q250 126 256 123" stroke="#5a3320" stroke-width="1.5" fill="none"/>
<!-- whiskers -->
<g stroke="#5a3320" stroke-width="1">
<line x1="222" y1="112" x2="198" y2="106"/>
<line x1="222" y1="118" x2="198" y2="118"/>
<line x1="268" y1="112" x2="292" y2="106"/>
<line x1="268" y1="118" x2="292" y2="118"/>
</g>
</svg>
action #29.0✕ CLOSE
Claude Sonnet 5 · action · 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 400 300" width="400" height="300">
<!-- Background -->
<rect x="0" y="0" width="400" height="300" fill="#eaf6ff"/>
<line x1="0" y1="260" x2="400" y2="260" stroke="#cdeccd" stroke-width="20"/>
<!-- Bicycle wheels -->
<g stroke="#333" stroke-width="4" fill="none">
<circle cx="100" cy="215" r="45"/>
<circle cx="280" cy="215" r="45"/>
</g>
<!-- Spokes -->
<g stroke="#666" stroke-width="1.5">
<g>
<line x1="100" y1="215" x2="100" y2="170"/>
<line x1="100" y1="215" x2="100" y2="260"/>
<line x1="100" y1="215" x2="132" y2="183"/>
<line x1="100" y1="215" x2="68" y2="183"/>
<line x1="100" y1="215" x2="132" y2="247"/>
<line x1="100" y1="215" x2="68" y2="247"/>
<line x1="100" y1="215" x2="145" y2="215"/>
<line x1="100" y1="215" x2="55" y2="215"/>
</g>
<g>
<line x1="280" y1="215" x2="280" y2="170"/>
<line x1="280" y1="215" x2="280" y2="260"/>
<line x1="280" y1="215" x2="312" y2="183"/>
<line x1="280" y1="215" x2="248" y2="183"/>
<line x1="280" y1="215" x2="312" y2="247"/>
<line x1="280" y1="215" x2="248" y2="247"/>
<line x1="280" y1="215" x2="325" y2="215"/>
<line x1="280" y1="215" x2="235" y2="215"/>
</g>
</g>
<circle cx="100" cy="215" r="6" fill="#333"/>
<circle cx="280" cy="215" r="6" fill="#333"/>
<!-- Bicycle frame -->
<g stroke="#444" stroke-width="5" fill="none" stroke-linecap="round">
<line x1="100" y1="215" x2="190" y2="210"/>
<line x1="190" y1="210" x2="165" y2="130"/>
<line x1="165" y1="130" x2="100" y2="215"/>
<line x1="190" y1="210" x2="280" y2="215"/>
<line x1="190" y1="210" x2="225" y2="115"/>
<line x1="225" y1="115" x2="280" y2="215"/>
</g>
<!-- Handlebar -->
<g stroke="#333" stroke-width="5" stroke-linecap="round">
<line x1="225" y1="115" x2="225" y2="98"/>
<line x1="200" y1="98" x2="250" y2="98"/>
</g>
<!-- Seat -->
<ellipse cx="163" cy="123" rx="18" ry="7" fill="#5a3b2b" transform="rotate(-15 163 123)"/>
<!-- Pedal crank -->
<circle cx="190" cy="210" r="6" fill="#333"/>
<line x1="190" y1="210" x2="175" y2="230" stroke="#333" stroke-width="4"/>
<line x1="190" y1="210" x2="205" y2="190" stroke="#333" stroke-width="4"/>
<rect x="167" y="228" width="16" height="6" fill="#222" transform="rotate(35 175 230)"/>
<rect x="197" y="184" width="16" height="6" fill="#222" transform="rotate(-35 205 190)"/>
<!-- Cat tail -->
<path d="M110,160 C70,150 60,110 90,95" stroke="#e8974a" stroke-width="12" fill="none" stroke-linecap="round"/>
<path d="M110,160 C70,150 60,110 90,95" stroke="#c97a34" stroke-width="4" fill="none" stroke-linecap="round" opacity="0.6"/>
<!-- Cat body -->
<ellipse cx="150" cy="150" rx="48" ry="26" fill="#e8974a" transform="rotate(-18 150 150)"/>
<ellipse cx="150" cy="150" rx="48" ry="26" fill="none" stroke="#c97a34" stroke-width="3" transform="rotate(-18 150 150)"/>
<!-- Stripes on body -->
<g stroke="#c97a34" stroke-width="4" fill="none" opacity="0.7">
<path d="M120,135 q10,20 0,35"/>
<path d="M140,128 q10,25 0,42"/>
<path d="M160,124 q10,25 0,42"/>
</g>
<!-- Hind legs -->
<path d="M140,168 L172,222" stroke="#e8974a" stroke-width="12" stroke-linecap="round"/>
<path d="M155,170 L200,195" stroke="#e8974a" stroke-width="12" stroke-linecap="round"/>
<circle cx="172" cy="224" r="7" fill="#d9843a"/>
<circle cx="202" cy="196" r="7" fill="#d9843a"/>
<!-- Front legs (arms) to handlebar -->
<path d="M182,122 L207,100" stroke="#e8974a" stroke-width="11" stroke-linecap="round"/>
<path d="M195,118 L232,100" stroke="#e8974a" stroke-width="11" stroke-linecap="round"/>
<circle cx="207" cy="99" r="7" fill="#d9843a"/>
<circle cx="233" cy="99" r="7" fill="#d9843a"/>
<!-- Cat head -->
<circle cx="210" cy="108" r="24" fill="#e8974a"/>
<circle cx="210" cy="108" r="24" fill="none" stroke="#c97a34" stroke-width="3"/>
<!-- Ears -->
<path d="M192,90 L186,68 L206,84 Z" fill="#e8974a" stroke="#c97a34" stroke-width="2"/>
<path d="M228,90 L236,66 L214,84 Z" fill="#e8974a" stroke="#c97a34" stroke-width="2"/>
<path d="M195,86 L192,74 L202,84 Z" fill="#f4b98a"/>
<path d="M225,86 L230,72 L219,84 Z" fill="#f4b98a"/>
<!-- Face features -->
<circle cx="202" cy="106" r="3" fill="#2b2b2b"/>
<circle cx="220" cy="106" r="3" fill="#2b2b2b"/>
<path d="M210,112 l-3,4 l6,0 Z" fill="#b5602c"/>
<path d="M210,116 q-6,6 -12,2" stroke="#4a2c17" stroke-width="1.5" fill="none"/>
<path d="M210,116 q6,6 12,2" stroke="#4a2c17" stroke-width="1.5" fill="none"/>
<!-- Whiskers -->
<g stroke="#7a5230" stroke-width="1.5">
<line x1="195" y1="112" x2="170" y2="108"/>
<line x1="195" y1="116" x2="170" y2="118"/>
<line x1="225" y1="112" x2="250" y2="108"/>
<line x1="225" y1="116" x2="250" y2="118"/>
</g>
</svg>
action #38.8✕ CLOSE
Claude Sonnet 5 · action · 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">
<!-- Sky -->
<rect x="0" y="0" width="400" height="300" fill="#bfe8f5"/>
<!-- Ground -->
<rect x="0" y="245" width="400" height="55" fill="#7bc47f"/>
<rect x="0" y="245" width="400" height="6" fill="#5da65f"/>
<!-- ================= BICYCLE ================= -->
<g stroke="#2b2b2b" stroke-width="5" fill="none" stroke-linecap="round">
<!-- Rear wheel -->
<circle cx="110" cy="210" r="45"/>
<!-- Front wheel -->
<circle cx="290" cy="210" r="45"/>
</g>
<!-- Spokes -->
<g stroke="#888" stroke-width="2">
<line x1="110" y1="165" x2="110" y2="255"/>
<line x1="65" y1="210" x2="155" y2="210"/>
<line x1="79" y1="179" x2="141" y2="241"/>
<line x1="79" y1="241" x2="141" y2="179"/>
<line x1="290" y1="165" x2="290" y2="255"/>
<line x1="245" y1="210" x2="335" y2="210"/>
<line x1="259" y1="179" x2="321" y2="241"/>
<line x1="259" y1="241" x2="321" y2="179"/>
</g>
<!-- Hubs -->
<circle cx="110" cy="210" r="6" fill="#333"/>
<circle cx="290" cy="210" r="6" fill="#333"/>
<!-- Frame -->
<g stroke="#3a3a3a" stroke-width="7" fill="none" stroke-linecap="round">
<line x1="110" y1="210" x2="180" y2="205"/>
<line x1="180" y1="205" x2="290" y2="210"/>
<line x1="180" y1="205" x2="185" y2="140"/>
<line x1="185" y1="140" x2="255" y2="128"/>
<line x1="255" y1="128" x2="290" y2="210"/>
<line x1="110" y1="210" x2="185" y2="140"/>
</g>
<!-- Seat -->
<ellipse cx="182" cy="136" rx="16" ry="6" fill="#3a3a3a"/>
<!-- Handlebar -->
<g stroke="#3a3a3a" stroke-width="6" stroke-linecap="round">
<line x1="255" y1="128" x2="255" y2="110"/>
<line x1="235" y1="112" x2="270" y2="112"/>
</g>
<!-- Pedal crank -->
<g stroke="#3a3a3a" stroke-width="5" stroke-linecap="round">
<line x1="180" y1="205" x2="205" y2="222"/>
<line x1="180" y1="205" x2="155" y2="188"/>
</g>
<circle cx="205" cy="222" r="5" fill="#333"/>
<circle cx="155" cy="188" r="5" fill="#333"/>
<circle cx="180" cy="205" r="7" fill="#222"/>
<!-- ================= CAT ================= -->
<!-- Tail -->
<path d="M165,165 C110,175 90,155 95,120 C100,150 120,165 165,175 Z"
fill="#e8934a" stroke="#c9762e" stroke-width="2"/>
<!-- Back leg (extended to lower pedal) -->
<path d="M170,150 C165,175 190,195 205,222"
fill="none" stroke="#e8934a" stroke-width="14" stroke-linecap="round"/>
<path d="M170,150 C165,175 190,195 205,222"
fill="none" stroke="#c9762e" stroke-width="14" stroke-linecap="round" opacity="0.15"/>
<!-- Back leg (bent to upper pedal) -->
<path d="M195,155 C170,165 150,170 155,188"
fill="none" stroke="#e8934a" stroke-width="14" stroke-linecap="round"/>
<!-- Body -->
<ellipse cx="195" cy="150" rx="30" ry="40" fill="#e8934a" stroke="#c9762e" stroke-width="2" transform="rotate(-12 195 150)"/>
<ellipse cx="192" cy="165" rx="15" ry="24" fill="#fff5e6" transform="rotate(-12 192 165)"/>
<!-- Front leg/arm to handlebar -->
<path d="M215,120 C245,110 250,115 255,112"
fill="none" stroke="#e8934a" stroke-width="13" stroke-linecap="round"/>
<circle cx="255" cy="112" r="7" fill="#e8934a"/>
<path d="M205,130 C235,128 250,122 255,112"
fill="none" stroke="#e8934a" stroke-width="13" stroke-linecap="round"/>
<!-- Stripes on body -->
<g stroke="#c9762e" stroke-width="3" fill="none" opacity="0.6">
<path d="M180,120 q10,-5 20,0" />
<path d="M178,135 q12,-5 24,0" />
<path d="M180,150 q12,-5 24,0" />
</g>
<!-- Head -->
<circle cx="200" cy="92" r="26" fill="#e8934a" stroke="#c9762e" stroke-width="2"/>
<!-- Ears -->
<path d="M180,75 L172,50 L195,68 Z" fill="#e8934a" stroke="#c9762e" stroke-width="2"/>
<path d="M220,75 L232,50 L206,66 Z" fill="#e8934a" stroke="#c9762e" stroke-width="2"/>
<path d="M182,70 L178,58 L192,66 Z" fill="#f5b98a"/>
<path d="M218,70 L224,58 L210,64 Z" fill="#f5b98a"/>
<!-- Face -->
<circle cx="191" cy="90" r="3.5" fill="#222"/>
<circle cx="209" cy="90" r="3.5" fill="#222"/>
<path d="M197,98 q3,4 6,0" stroke="#222" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M200,96 l0,4" stroke="#222" stroke-width="2" stroke-linecap="round"/>
<!-- Whiskers -->
<g stroke="#7a5230" stroke-width="1.5">
<line x1="178" y1="96" x2="150" y2="90"/>
<line x1="178" y1="101" x2="150" y2="100"/>
<line x1="222" y1="96" x2="250" y2="90"/>
<line x1="222" y1="101" x2="250" y2="100"/>
</g>
<!-- Nose -->
<path d="M197,95 L203,95 L200,99 Z" fill="#b5651d"/>
</svg>
action #48.5✕ CLOSE
Claude Sonnet 5 · action · attempt 4 · 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 500 400" width="500" height="400">
<!-- Background -->
<rect x="0" y="0" width="500" height="400" fill="#cdeffd"/>
<circle cx="420" cy="60" r="35" fill="#fff6b0"/>
<rect x="0" y="330" width="500" height="70" fill="#8bc34a"/>
<!-- Ground line -->
<line x1="0" y1="335" x2="500" y2="335" stroke="#689f38" stroke-width="4"/>
<!-- Bicycle -->
<g stroke="#333" stroke-width="4" fill="none">
<!-- wheels -->
<circle cx="150" cy="300" r="55" fill="#fff"/>
<circle cx="350" cy="300" r="55" fill="#fff"/>
<circle cx="150" cy="300" r="8" fill="#333" stroke="none"/>
<circle cx="350" cy="300" r="8" fill="#333" stroke="none"/>
<!-- spokes -->
<line x1="150" y1="245" x2="150" y2="355"/>
<line x1="95" y1="300" x2="205" y2="300"/>
<line x1="112" y1="262" x2="188" y2="338"/>
<line x1="112" y1="338" x2="188" y2="262"/>
<line x1="350" y1="245" x2="350" y2="355"/>
<line x1="295" y1="300" x2="405" y2="300"/>
<line x1="312" y1="262" x2="388" y2="338"/>
<line x1="312" y1="338" x2="388" y2="262"/>
<!-- frame -->
<line x1="150" y1="300" x2="250" y2="230"/>
<line x1="250" y1="230" x2="350" y2="300"/>
<line x1="250" y1="230" x2="230" y2="180"/>
<line x1="150" y1="300" x2="230" y2="180"/>
<line x1="230" y1="180" x2="300" y2="180"/>
<!-- seat post -->
<line x1="250" y1="230" x2="245" y2="190"/>
<!-- seat -->
<ellipse cx="235" cy="185" rx="18" ry="6" fill="#333" stroke="none"/>
<!-- handlebar -->
<line x1="300" y1="180" x2="300" y2="160"/>
<line x1="280" y1="160" x2="320" y2="160"/>
<!-- pedal crank -->
<circle cx="250" cy="300" r="10" fill="#333" stroke="none"/>
<line x1="250" y1="300" x2="270" y2="320"/>
<line x1="250" y1="300" x2="230" y2="280"/>
</g>
<!-- Cat body sitting on bike -->
<g>
<!-- Tail -->
<path d="M180 230 Q140 210 150 170 Q155 150 175 160"
fill="none" stroke="#ff9800" stroke-width="10" stroke-linecap="round"/>
<!-- Body -->
<ellipse cx="235" cy="210" rx="35" ry="45" fill="#ff9800"/>
<!-- Legs to pedals -->
<path d="M245 250 Q260 275 270 320" stroke="#ff9800" stroke-width="12" fill="none" stroke-linecap="round"/>
<path d="M225 250 Q210 270 230 280" stroke="#ff9800" stroke-width="12" fill="none" stroke-linecap="round"/>
<!-- Arms to handlebar -->
<path d="M255 190 Q280 175 300 160" stroke="#ff9800" stroke-width="10" fill="none" stroke-linecap="round"/>
<path d="M215 190 Q210 170 200 155" stroke="#ff9800" stroke-width="10" fill="none" stroke-linecap="round"/>
<!-- Head -->
<circle cx="235" cy="150" r="35" fill="#ff9800"/>
<!-- Ears -->
<polygon points="210,130 200,95 225,120" fill="#ff9800"/>
<polygon points="260,130 270,95 245,120" fill="#ff9800"/>
<polygon points="212,125 206,105 222,120" fill="#ffcc80"/>
<polygon points="258,125 264,105 248,120" fill="#ffcc80"/>
<!-- Face stripes -->
<path d="M215 120 L220 130" stroke="#e65100" stroke-width="3"/>
<path d="M255 120 L250 130" stroke="#e65100" stroke-width="3"/>
<!-- Eyes -->
<ellipse cx="222" cy="150" rx="5" ry="7" fill="#222"/>
<ellipse cx="248" cy="150" rx="5" ry="7" fill="#222"/>
<!-- Nose -->
<polygon points="235,158 230,165 240,165" fill="#e65100"/>
<!-- Mouth -->
<path d="M235 165 Q225 175 215 168" stroke="#e65100" stroke-width="2" fill="none"/>
<path d="M235 165 Q245 175 255 168" stroke="#e65100" stroke-width="2" fill="none"/>
<!-- Whiskers -->
<line x1="205" y1="155" x2="180" y2="150" stroke="#333" stroke-width="1.5"/>
<line x1="205" y1="160" x2="180" y2="162" stroke="#333" stroke-width="1.5"/>
<line x1="265" y1="155" x2="290" y2="150" stroke="#333" stroke-width="1.5"/>
<line x1="265" y1="160" x2="290" y2="162" stroke="#333" stroke-width="1.5"/>
</g>
</svg>style
“Draw an origami-style cat with geometric folds as an SVG.”
style #18.8✕ CLOSE
Claude Sonnet 5 · style · attempt 1 · 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 400 400" width="400" height="400">
<rect width="400" height="400" fill="#f4ede1"/>
<!-- Tail -->
<polygon points="290,300 340,260 335,275 355,255 340,290 300,315" fill="#e8b06a" stroke="#c98f4a" stroke-width="2"/>
<polygon points="300,300 335,270 320,285" fill="#d99f57" stroke="#c98f4a" stroke-width="1.5"/>
<!-- Body -->
<polygon points="120,260 200,180 290,260 260,330 150,330" fill="#f0c078" stroke="#c98f4a" stroke-width="2"/>
<polygon points="120,260 200,180 200,330 150,330" fill="#e8b06a" stroke="#c98f4a" stroke-width="2"/>
<polygon points="200,180 290,260 260,330 200,330" fill="#f4d493" stroke="#c98f4a" stroke-width="2"/>
<!-- Front legs -->
<polygon points="160,330 175,330 175,380 155,380" fill="#e8b06a" stroke="#c98f4a" stroke-width="2"/>
<polygon points="225,330 245,330 250,380 225,380" fill="#f4d493" stroke="#c98f4a" stroke-width="2"/>
<!-- Head -->
<polygon points="200,90 260,150 200,210 140,150" fill="#f4d493" stroke="#c98f4a" stroke-width="2"/>
<polygon points="200,90 260,150 200,150" fill="#f0c078" stroke="#c98f4a" stroke-width="2"/>
<polygon points="200,90 140,150 200,150" fill="#e8b06a" stroke="#c98f4a" stroke-width="2"/>
<!-- Ears -->
<polygon points="150,110 170,140 130,140" fill="#e8b06a" stroke="#c98f4a" stroke-width="2"/>
<polygon points="250,110 270,140 230,140" fill="#f4d493" stroke="#c98f4a" stroke-width="2"/>
<polygon points="150,118 163,138 138,135" fill="#d99f57" stroke="#c98f4a" stroke-width="1"/>
<polygon points="250,118 262,135 238,138" fill="#e8b569" stroke="#c98f4a" stroke-width="1"/>
<!-- Face fold lines -->
<line x1="200" y1="90" x2="200" y2="210" stroke="#c98f4a" stroke-width="1.5"/>
<line x1="140" y1="150" x2="260" y2="150" stroke="#c98f4a" stroke-width="1.5"/>
<!-- Eyes -->
<polygon points="170,155 180,150 178,162" fill="#333"/>
<polygon points="230,155 220,150 222,162" fill="#333"/>
<!-- Nose -->
<polygon points="196,170 204,170 200,178" fill="#c9704a"/>
<!-- Whiskers -->
<line x1="140" y1="175" x2="100" y2="170" stroke="#555" stroke-width="1.5"/>
<line x1="140" y1="182" x2="100" y2="185" stroke="#555" stroke-width="1.5"/>
<line x1="260" y1="175" x2="300" y2="170" stroke="#555" stroke-width="1.5"/>
<line x1="260" y1="182" x2="300" y2="185" stroke="#555" stroke-width="1.5"/>
<!-- Fold lines on body -->
<line x1="200" y1="180" x2="200" y2="330" stroke="#c98f4a" stroke-width="1.5"/>
<line x1="120" y1="260" x2="290" y2="260" stroke="#c98f4a" stroke-width="1.5"/>
<line x1="150" y1="330" x2="200" y2="260" stroke="#c98f4a" stroke-width="1"/>
<line x1="260" y1="330" x2="200" y2="260" stroke="#c98f4a" stroke-width="1"/>
</svg>
style #28.8✕ CLOSE
Claude Sonnet 5 · style · 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 viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="bgGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#fdf3e7"/>
<stop offset="1" stop-color="#f3dfc4"/>
</linearGradient>
<linearGradient id="body1" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#f6ad55"/>
<stop offset="1" stop-color="#ed8936"/>
</linearGradient>
<linearGradient id="body2" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#ed8936"/>
<stop offset="1" stop-color="#dd6b20"/>
</linearGradient>
<linearGradient id="body3" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#fbd38d"/>
<stop offset="1" stop-color="#f6ad55"/>
</linearGradient>
<linearGradient id="body4" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#dd6b20"/>
<stop offset="1" stop-color="#c05621"/>
</linearGradient>
<linearGradient id="earIn" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#feebc8"/>
<stop offset="1" stop-color="#fbd38d"/>
</linearGradient>
</defs>
<rect width="500" height="500" fill="url(#bgGrad)"/>
<!-- soft shadow -->
<ellipse cx="250" cy="430" rx="140" ry="18" fill="#c05621" opacity="0.15"/>
<!-- TAIL (folded triangular strips) -->
<g>
<polygon points="330,380 400,410 370,340" fill="url(#body2)" stroke="#a0522d" stroke-width="2"/>
<polygon points="370,340 400,410 420,330" fill="url(#body1)" stroke="#a0522d" stroke-width="2"/>
<polygon points="420,330 400,410 435,360" fill="url(#body3)" stroke="#a0522d" stroke-width="2"/>
</g>
<!-- BACK LEGS -->
<polygon points="180,360 210,430 230,360" fill="url(#body4)" stroke="#a0522d" stroke-width="2"/>
<polygon points="270,360 300,430 320,360" fill="url(#body4)" stroke="#a0522d" stroke-width="2"/>
<!-- BODY main folded polygon shapes -->
<g>
<polygon points="150,260 250,220 350,260 320,360 180,360" fill="url(#body1)" stroke="#a0522d" stroke-width="3"/>
<polygon points="150,260 250,220 250,300 180,360" fill="url(#body3)" stroke="#a0522d" stroke-width="2"/>
<polygon points="350,260 250,220 250,300 320,360" fill="url(#body2)" stroke="#a0522d" stroke-width="2"/>
<polygon points="180,360 250,300 320,360 250,340" fill="url(#body4)" stroke="#a0522d" stroke-width="2"/>
</g>
<!-- FRONT LEGS -->
<polygon points="200,340 190,430 220,430 225,350" fill="url(#body3)" stroke="#a0522d" stroke-width="2"/>
<polygon points="300,340 310,430 280,430 275,350" fill="url(#body3)" stroke="#a0522d" stroke-width="2"/>
<!-- CHEST fold -->
<polygon points="220,300 250,340 280,300 250,260" fill="url(#body3)" stroke="#a0522d" stroke-width="2"/>
<!-- NECK -->
<polygon points="220,220 280,220 265,260 235,260" fill="url(#body2)" stroke="#a0522d" stroke-width="2"/>
<!-- HEAD -->
<g>
<!-- main head diamond fold -->
<polygon points="250,120 320,180 250,240 180,180" fill="url(#body1)" stroke="#a0522d" stroke-width="3"/>
<!-- left half shading -->
<polygon points="250,120 180,180 250,240" fill="url(#body3)" stroke="#a0522d" stroke-width="2"/>
<!-- right half shading -->
<polygon points="250,120 320,180 250,240" fill="url(#body2)" stroke="#a0522d" stroke-width="2"/>
<!-- Ears -->
<polygon points="185,180 155,100 225,150" fill="url(#body1)" stroke="#a0522d" stroke-width="2"/>
<polygon points="190,170 168,115 220,150" fill="url(#earIn)" stroke="#a0522d" stroke-width="1"/>
<polygon points="315,180 345,100 275,150" fill="url(#body2)" stroke="#a0522d" stroke-width="2"/>
<polygon points="310,170 332,115 280,150" fill="url(#earIn)" stroke="#a0522d" stroke-width="1"/>
<!-- Muzzle fold -->
<polygon points="220,200 280,200 250,235" fill="url(#body3)" stroke="#a0522d" stroke-width="1.5"/>
<!-- Eyes: geometric folded triangles -->
<polygon points="205,165 225,155 220,175" fill="#4a2c0f"/>
<polygon points="295,165 275,155 280,175" fill="#4a2c0f"/>
<!-- Nose -->
<polygon points="245,195 255,195 250,205" fill="#7b341e"/>
<!-- Whisker fold lines -->
<line x1="185" y1="200" x2="140" y2="195" stroke="#a0522d" stroke-width="2"/>
<line x1="185" y1="208" x2="140" y2="215" stroke="#a0522d" stroke-width="2"/>
<line x1="315" y1="200" x2="360" y2="195" stroke="#a0522d" stroke-width="2"/>
<line x1="315" y1="208" x2="360" y2="215" stroke="#a0522d" stroke-width="2"/>
</g>
<!-- Extra fold-line details for origami feel -->
<g stroke="#8a4a1e" stroke-width="1" opacity="0.5" fill="none">
<line x1="250" y1="220" x2="250" y2="300"/>
<line x1="180" y1="360" x2="250" y2="300"/>
<line x1="320" y1="360" x2="250" y2="300"/>
<line x1="250" y1="120" x2="250" y2="240"/>
<line x1="180" y1="180" x2="320" y2="180"/>
</g>
</svg>
style #39.0✕ CLOSE
Claude Sonnet 5 · 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 width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<rect width="500" height="500" fill="#f4e9da"/>
<!-- Shadow -->
<ellipse cx="255" cy="430" rx="150" ry="18" fill="#00000015"/>
<!-- Tail -->
<polygon points="360,340 430,300 420,330 380,350" fill="#e8a33d"/>
<polygon points="380,350 420,330 400,360" fill="#d68c28"/>
<!-- Back body -->
<polygon points="150,260 360,260 340,380 170,390" fill="#f2b545"/>
<polygon points="150,260 250,260 230,390 170,390" fill="#e8a33d"/>
<polygon points="250,260 360,260 340,380 230,390" fill="#f7c463"/>
<!-- Front body fold -->
<polygon points="150,260 250,180 350,260" fill="#f7c463"/>
<polygon points="150,260 250,180 250,260" fill="#e8a33d"/>
<polygon points="250,180 350,260 250,260" fill="#f2b545"/>
<!-- Legs -->
<polygon points="180,390 200,440 220,390" fill="#e8a33d"/>
<polygon points="220,390 240,440 260,390" fill="#f2b545"/>
<polygon points="260,390 280,440 300,390" fill="#e8a33d"/>
<polygon points="300,390 320,440 340,390" fill="#f2b545"/>
<!-- Neck/head base -->
<polygon points="200,180 250,110 300,180" fill="#f7c463"/>
<polygon points="200,180 250,110 250,180" fill="#e8a33d"/>
<polygon points="250,110 300,180 250,180" fill="#f2b545"/>
<!-- Head -->
<polygon points="180,130 250,60 320,130 250,190" fill="#f7c463"/>
<polygon points="180,130 250,60 250,190" fill="#f2b545"/>
<polygon points="250,60 320,130 250,190" fill="#e8a33d"/>
<!-- Ears -->
<polygon points="180,130 150,60 210,95" fill="#e8a33d"/>
<polygon points="320,130 350,60 290,95" fill="#f2b545"/>
<polygon points="180,130 210,95 195,120" fill="#d68c28"/>
<polygon points="320,130 290,95 305,120" fill="#e8a33d"/>
<!-- Face fold lines -->
<line x1="250" y1="60" x2="250" y2="190" stroke="#d68c28" stroke-width="2"/>
<line x1="180" y1="130" x2="320" y2="130" stroke="#d68c28" stroke-width="2"/>
<!-- Eyes -->
<polygon points="215,120 230,110 230,130" fill="#3a2c1a"/>
<polygon points="285,120 270,110 270,130" fill="#3a2c1a"/>
<!-- Nose -->
<polygon points="245,145 255,145 250,155" fill="#c65a3b"/>
<!-- Whisker folds -->
<line x1="190" y1="150" x2="150" y2="145" stroke="#5c4a30" stroke-width="1.5"/>
<line x1="190" y1="160" x2="150" y2="165" stroke="#5c4a30" stroke-width="1.5"/>
<line x1="310" y1="150" x2="350" y2="145" stroke="#5c4a30" stroke-width="1.5"/>
<line x1="310" y1="160" x2="350" y2="165" stroke="#5c4a30" stroke-width="1.5"/>
<!-- Fold lines on body for origami effect -->
<line x1="150" y1="260" x2="250" y2="180" stroke="#c9852c" stroke-width="1.5"/>
<line x1="250" y1="180" x2="350" y2="260" stroke="#c9852c" stroke-width="1.5"/>
<line x1="150" y1="260" x2="360" y2="260" stroke="#c9852c" stroke-width="1.5"/>
<line x1="250" y1="260" x2="230" y2="390" stroke="#c9852c" stroke-width="1.5"/>
<line x1="250" y1="260" x2="340" y2="380" stroke="#c9852c" stroke-width="1.5"/>
</svg>
style #49.0✕ CLOSE
Claude Sonnet 5 · 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 viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" font-family="sans-serif">
<!-- Background -->
<rect x="0" y="0" width="400" height="400" fill="#FDF6EC"/>
<!-- Ground shadow -->
<ellipse cx="205" cy="385" rx="140" ry="14" fill="#000000" opacity="0.08"/>
<!-- ===================== TAIL (folded ribbon) ===================== -->
<g stroke="#6B4423" stroke-width="1.5" stroke-linejoin="round">
<polygon points="295,265 330,255 325,285 295,290" fill="#F2B75A"/>
<polygon points="330,255 355,270 345,300 325,285" fill="#E8A33D"/>
<polygon points="355,270 365,300 350,325 345,300" fill="#D98E2B"/>
</g>
<!-- ===================== BODY (faceted diamond) ===================== -->
<g stroke="#6B4423" stroke-width="2" stroke-linejoin="round">
<polygon points="200,210 105,265 200,268" fill="#F2B75A"/>
<polygon points="200,210 200,268 295,265" fill="#E8A33D"/>
<polygon points="200,268 105,265 200,350" fill="#D98E2B"/>
<polygon points="200,268 200,350 295,265" fill="#C97B1B"/>
</g>
<!-- crease lines on body -->
<line x1="200" y1="210" x2="200" y2="268" stroke="#FFFFFF" stroke-opacity="0.55" stroke-width="1.5"/>
<line x1="105" y1="265" x2="200" y2="268" stroke="#FFFFFF" stroke-opacity="0.4" stroke-width="1.5"/>
<line x1="295" y1="265" x2="200" y2="268" stroke="#FFFFFF" stroke-opacity="0.4" stroke-width="1.5"/>
<line x1="200" y1="268" x2="200" y2="350" stroke="#FFFFFF" stroke-opacity="0.4" stroke-width="1.5"/>
<!-- ===================== FRONT PAWS ===================== -->
<g stroke="#6B4423" stroke-width="2" stroke-linejoin="round">
<polygon points="155,330 200,350 165,380" fill="#F4C67A"/>
<polygon points="200,350 245,330 235,380" fill="#F2B75A"/>
</g>
<!-- ===================== EARS ===================== -->
<g stroke="#6B4423" stroke-width="2" stroke-linejoin="round">
<polygon points="138,55 150,140 188,112" fill="#D98E2B"/>
<polygon points="262,55 250,140 212,112" fill="#D98E2B"/>
<!-- inner ears -->
<polygon points="150,120 165,128 158,140" fill="#F4C67A"/>
<polygon points="250,120 235,128 242,140" fill="#F4C67A"/>
</g>
<!-- ===================== HEAD (faceted diamond) ===================== -->
<g stroke="#6B4423" stroke-width="2" stroke-linejoin="round">
<polygon points="200,85 138,150 200,148" fill="#F2B75A"/>
<polygon points="200,85 200,148 262,150" fill="#E8A33D"/>
<polygon points="200,148 138,150 200,210" fill="#D98E2B"/>
<polygon points="200,148 200,210 262,150" fill="#C97B1B"/>
</g>
<!-- crease lines on head -->
<line x1="200" y1="85" x2="200" y2="148" stroke="#FFFFFF" stroke-opacity="0.55" stroke-width="1.5"/>
<line x1="138" y1="150" x2="200" y2="148" stroke="#FFFFFF" stroke-opacity="0.4" stroke-width="1.5"/>
<line x1="262" y1="150" x2="200" y2="148" stroke="#FFFFFF" stroke-opacity="0.4" stroke-width="1.5"/>
<line x1="200" y1="148" x2="200" y2="210" stroke="#FFFFFF" stroke-opacity="0.4" stroke-width="1.5"/>
<!-- ===================== FACE FEATURES ===================== -->
<!-- eyes -->
<polygon points="170,138 187,138 178,154" fill="#2F1B0C"/>
<polygon points="230,138 213,138 222,154" fill="#2F1B0C"/>
<!-- nose -->
<polygon points="193,164 207,164 200,176" fill="#B5651D" stroke="#6B4423" stroke-width="1"/>
<!-- mouth -->
<path d="M193,180 L200,188 L207,180" fill="none" stroke="#6B4423" stroke-width="2" stroke-linecap="round"/>
<line x1="200" y1="176" x2="200" y2="188" stroke="#6B4423" stroke-width="2"/>
<!-- chin fold -->
<line x1="178" y1="200" x2="222" y2="200" stroke="#FFFFFF" stroke-opacity="0.5" stroke-width="1.5"/>
<!-- whiskers -->
<g stroke="#6B4423" stroke-width="1.3" stroke-linecap="round">
<line x1="180" y1="188" x2="105" y2="178"/>
<line x1="180" y1="196" x2="105" y2="200"/>
<line x1="220" y1="188" x2="295" y2="178"/>
<line x1="220" y1="196" x2="295" y2="200"/>
</g>
</svg>constraint
“Draw a recognizable cat as an SVG using at most 12 SVG elements.”
constraint #18.5✕ CLOSE
Claude Sonnet 5 · 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<ellipse cx="100" cy="140" rx="55" ry="40" fill="#f4a460"/>
<path d="M 40 150 Q 10 120 25 90 Q 60 100 60 140 Z" fill="#f4a460"/>
<circle cx="100" cy="90" r="45" fill="#f4a460"/>
<polygon points="65,60 80,20 90,65" fill="#f4a460"/>
<polygon points="135,60 120,20 110,65" fill="#f4a460"/>
<circle cx="82" cy="88" r="7" fill="#222"/>
<circle cx="118" cy="88" r="7" fill="#222"/>
<polygon points="100,100 92,110 108,110" fill="#e07a5f"/>
<path d="M 100 110 Q 100 118 92 120 M 100 110 Q 100 118 108 120" stroke="#333" stroke-width="2" fill="none"/>
<path d="M 60 95 L 20 90 M 60 100 L 20 100 M 140 95 L 180 90 M 140 100 L 180 100" stroke="#555" stroke-width="1.5"/>
</svg>
constraint #29.0✕ CLOSE
Claude Sonnet 5 · 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" width="200" height="200">
<ellipse cx="100" cy="130" rx="55" ry="40" fill="#e8a33d"/>
<circle cx="100" cy="80" r="40" fill="#e8a33d"/>
<polygon points="65,55 80,20 90,60" fill="#e8a33d"/>
<polygon points="135,55 120,20 110,60" fill="#e8a33d"/>
<circle cx="85" cy="80" r="6" fill="#222"/>
<circle cx="115" cy="80" r="6" fill="#222"/>
<polygon points="100,90 92,100 108,100" fill="#c0392b"/>
<path d="M100,100 Q100,108 92,108 M100,100 Q100,108 108,108" stroke="#222" stroke-width="2" fill="none"/>
<path d="M60,90 L20,80 M60,95 L20,95 M60,100 L20,110 M140,90 L180,80 M140,95 L180,95 M140,100 L180,110" stroke="#222" stroke-width="1.5"/>
<path d="M150,150 Q190,140 180,100 Q175,130 150,150" fill="#e8a33d"/>
</svg>
constraint #39.0✕ CLOSE
Claude Sonnet 5 · 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 viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="100" cy="160" rx="60" ry="40" fill="#f4a460"/>
<circle cx="100" cy="90" r="50" fill="#f4a460"/>
<polygon points="60,55 75,10 90,55" fill="#f4a460"/>
<polygon points="110,55 125,10 140,55" fill="#f4a460"/>
<ellipse cx="80" cy="85" rx="8" ry="12" fill="black"/>
<ellipse cx="120" cy="85" rx="8" ry="12" fill="black"/>
<polygon points="95,100 105,100 100,110" fill="pink"/>
<path d="M100 110 Q90 122 78 115 M100 110 Q110 122 122 115" stroke="black" stroke-width="2" fill="none"/>
<path d="M70 95 L20 90 M70 100 L20 100 M70 105 L20 112 M130 95 L180 90 M130 100 L180 100 M130 105 L180 112" stroke="black" stroke-width="1.5"/>
</svg>
constraint #48.5✕ CLOSE
Claude Sonnet 5 · 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 300 300" width="300" height="300">
<ellipse cx="150" cy="190" rx="75" ry="55" fill="#e8a13b"/>
<path d="M215 160 Q260 140 250 200 Q230 200 215 180 Z" fill="#e8a13b"/>
<circle cx="150" cy="100" r="48" fill="#e8a13b"/>
<polygon points="115,65 125,20 140,70" fill="#e8a13b"/>
<polygon points="185,65 175,20 160,70" fill="#e8a13b"/>
<circle cx="132" cy="98" r="6" fill="#222"/>
<circle cx="168" cy="98" r="6" fill="#222"/>
<polygon points="150,112 142,122 158,122" fill="#c56b2b"/>
<path d="M138 128 Q150 138 162 128" stroke="#5a2d0c" stroke-width="3" fill="none" stroke-linecap="round"/>
<path d="M100 118 L60 110 M100 124 L58 124 M100 130 L60 138 M200 118 L240 110 M200 124 L242 124 M200 130 L240 138" stroke="#333" stroke-width="2"/>
</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 Sonnet 5 · 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
<defs>
<style>
.cat-body { fill: #d98e4a; }
.cat-dark { fill: #b8703a; }
.cat-face { fill: #f5d6a8; }
.cat-eye { fill: #2b2b2b; }
</style>
</defs>
<!-- Background -->
<rect width="400" height="400" fill="#f0e6d2"/>
<!-- Ground shadow -->
<ellipse cx="200" cy="330" rx="120" ry="15" fill="#c9b896" opacity="0.5"/>
<!-- Tail (animated) -->
<g transform="translate(255,230)">
<path d="M0,0 C40,-10 70,-60 60,-110 C55,-130 40,-135 30,-120 C25,-105 35,-75 20,-50 C5,-25 -10,-10 0,0 Z"
class="cat-body" stroke="#b8703a" stroke-width="2">
<animateTransform
attributeName="transform"
type="rotate"
values="0 0 0; 25 0 0; -15 0 0; 20 0 0; 0 0 0"
keyTimes="0; 0.25; 0.5; 0.75; 1"
dur="2.2s"
repeatCount="indefinite"
calcMode="spline"
keySplines="0.4 0 0.6 1; 0.4 0 0.6 1; 0.4 0 0.6 1; 0.4 0 0.6 1"/>
</path>
</g>
<!-- Body -->
<ellipse cx="200" cy="270" rx="90" ry="65" class="cat-body"/>
<!-- Front legs -->
<rect x="150" y="310" width="18" height="35" rx="8" class="cat-body"/>
<rect x="235" y="310" width="18" height="35" rx="8" class="cat-body"/>
<!-- Head -->
<circle cx="200" cy="190" r="65" class="cat-body"/>
<!-- Ears -->
<path d="M150,150 L135,100 L180,135 Z" class="cat-body"/>
<path d="M250,150 L265,100 L220,135 Z" class="cat-body"/>
<path d="M155,145 L145,115 L172,133 Z" class="cat-dark"/>
<path d="M245,145 L255,115 L228,133 Z" class="cat-dark"/>
<!-- Face patch -->
<ellipse cx="200" cy="205" rx="45" ry="35" class="cat-face"/>
<!-- Eyes -->
<ellipse cx="178" cy="185" rx="7" ry="10" class="cat-eye"/>
<ellipse cx="222" cy="185" rx="7" ry="10" class="cat-eye"/>
<circle cx="180" cy="182" r="2" fill="#fff"/>
<circle cx="224" cy="182" r="2" fill="#fff"/>
<!-- Nose -->
<path d="M195,205 L205,205 L200,213 Z" fill="#c26b6b"/>
<!-- Mouth -->
<path d="M200,213 Q195,222 185,218" stroke="#5a3d2b" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M200,213 Q205,222 215,218" stroke="#5a3d2b" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Whiskers -->
<line x1="150" y1="200" x2="110" y2="195" stroke="#5a3d2b" stroke-width="1.5"/>
<line x1="150" y1="210" x2="110" y2="212" stroke="#5a3d2b" stroke-width="1.5"/>
<line x1="250" y1="200" x2="290" y2="195" stroke="#5a3d2b" stroke-width="1.5"/>
<line x1="250" y1="210" x2="290" y2="212" stroke="#5a3d2b" stroke-width="1.5"/>
<!-- Stripes on body -->
<path d="M150,250 Q160,240 150,230" stroke="#b8703a" stroke-width="4" fill="none" stroke-linecap="round"/>
<path d="M250,250 Q240,240 250,230" stroke="#b8703a" stroke-width="4" fill="none" stroke-linecap="round"/>
</svg>
animation #29.0✕ CLOSE
Claude Sonnet 5 · animation · attempt 2 · score 9.0
cat likeness: 9.0aesthetic: 9.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">
<defs>
<radialGradient id="bg" cx="50%" cy="50%" r="75%">
<stop offset="0%" stop-color="#fff7e6"/>
<stop offset="100%" stop-color="#ffe9c7"/>
</radialGradient>
</defs>
<rect width="400" height="400" fill="url(#bg)"/>
<!-- Ground shadow -->
<ellipse cx="200" cy="330" rx="110" ry="14" fill="#d8c3a0" opacity="0.5"/>
<!-- TAIL (animated, drawn first so it goes behind body nicely at base) -->
<g transform="translate(255,255)">
<path d="M0,0 C40,-10 70,-40 60,-90 C55,-115 30,-130 10,-125"
fill="none" stroke="#e8975c" stroke-width="18" stroke-linecap="round">
<animateTransform attributeName="transform"
type="rotate"
values="0 0 0; 18 0 0; -12 0 0; 0 0 0"
dur="2.4s"
repeatCount="indefinite"
keyTimes="0;0.35;0.7;1"
calcMode="spline"
keySplines="0.4 0 0.6 1; 0.4 0 0.6 1; 0.4 0 0.6 1"/>
</path>
<path d="M0,0 C40,-10 70,-40 60,-90 C55,-115 30,-130 10,-125"
fill="none" stroke="#f2b07d" stroke-width="10" stroke-linecap="round">
<animateTransform attributeName="transform"
type="rotate"
values="0 0 0; 18 0 0; -12 0 0; 0 0 0"
dur="2.4s"
repeatCount="indefinite"
keyTimes="0;0.35;0.7;1"
calcMode="spline"
keySplines="0.4 0 0.6 1; 0.4 0 0.6 1; 0.4 0 0.6 1"/>
</path>
</g>
<!-- BODY -->
<ellipse cx="190" cy="270" rx="95" ry="65" fill="#f2a35c"/>
<ellipse cx="190" cy="270" rx="95" ry="65" fill="none" stroke="#d67f3a" stroke-width="3"/>
<!-- Belly patch -->
<ellipse cx="190" cy="290" rx="55" ry="35" fill="#fdeccb"/>
<!-- Front legs -->
<rect x="150" y="310" width="20" height="45" rx="10" fill="#f2a35c" stroke="#d67f3a" stroke-width="2"/>
<rect x="205" y="310" width="20" height="45" rx="10" fill="#f2a35c" stroke="#d67f3a" stroke-width="2"/>
<ellipse cx="160" cy="357" rx="14" ry="8" fill="#fdeccb"/>
<ellipse cx="215" cy="357" rx="14" ry="8" fill="#fdeccb"/>
<!-- HEAD -->
<g transform="translate(150,150)">
<!-- Ears -->
<path d="M-40,-30 L-55,-75 L-10,-45 Z" fill="#f2a35c" stroke="#d67f3a" stroke-width="3"/>
<path d="M40,-30 L55,-75 L10,-45 Z" fill="#f2a35c" stroke="#d67f3a" stroke-width="3"/>
<path d="M-38,-38 L-48,-65 L-20,-45 Z" fill="#fbc9a0"/>
<path d="M38,-38 L48,-65 L20,-45 Z" fill="#fbc9a0"/>
<!-- Head shape -->
<circle cx="0" cy="0" r="65" fill="#f2a35c" stroke="#d67f3a" stroke-width="3"/>
<!-- Cheek fluff -->
<ellipse cx="-45" cy="15" rx="18" ry="14" fill="#fdeccb"/>
<ellipse cx="45" cy="15" rx="18" ry="14" fill="#fdeccb"/>
<!-- Stripes -->
<path d="M-15,-55 L-10,-35" stroke="#d67f3a" stroke-width="4" stroke-linecap="round"/>
<path d="M15,-55 L10,-35" stroke="#d67f3a" stroke-width="4" stroke-linecap="round"/>
<path d="M0,-60 L0,-38" stroke="#d67f3a" stroke-width="4" stroke-linecap="round"/>
<!-- Eyes -->
<ellipse cx="-25" cy="-5" rx="9" ry="12" fill="#2b2b2b"/>
<ellipse cx="25" cy="-5" rx="9" ry="12" fill="#2b2b2b"/>
<circle cx="-27" cy="-9" r="2.5" fill="#fff"/>
<circle cx="23" cy="-9" r="2.5" fill="#fff"/>
<!-- Nose -->
<path d="M-6,15 L6,15 L0,23 Z" fill="#d67f3a"/>
<!-- Mouth -->
<path d="M0,23 Q-10,32 -20,25" fill="none" stroke="#7a4a2a" stroke-width="2.5" stroke-linecap="round"/>
<path d="M0,23 Q10,32 20,25" fill="none" stroke="#7a4a2a" stroke-width="2.5" stroke-linecap="round"/>
<!-- Whiskers -->
<g stroke="#7a4a2a" stroke-width="1.5" stroke-linecap="round">
<path d="M-30,18 L-65,10"/>
<path d="M-30,25 L-65,25"/>
<path d="M-30,32 L-65,40"/>
<path d="M30,18 L65,10"/>
<path d="M30,25 L65,25"/>
<path d="M30,32 L65,40"/>
</g>
</g>
</svg>
animation #39.0✕ CLOSE
Claude Sonnet 5 · animation · attempt 3 · score 9.0
cat likeness: 9.0aesthetic: 9.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">
<defs>
<radialGradient id="bg" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#fef6e4"/>
<stop offset="100%" stop-color="#e8d9c0"/>
</radialGradient>
</defs>
<rect width="400" height="400" fill="url(#bg)"/>
<!-- Ground shadow -->
<ellipse cx="200" cy="330" rx="120" ry="18" fill="#00000015"/>
<!-- Tail group, pivot at base near body -->
<g transform="translate(255,255)">
<g>
<path d="M0,0 C40,-10 70,-60 55,-110 C48,-135 25,-140 15,-120 C25,-110 30,-90 20,-70 C10,-45 -10,-20 -15,5 Z"
fill="#e8965a" stroke="#c97a3c" stroke-width="2">
</path>
<animateTransform attributeName="transform"
type="rotate"
values="0;18;0;-18;0"
keyTimes="0;0.25;0.5;0.75;1"
dur="2.2s"
repeatCount="indefinite"
additive="sum"/>
</g>
</g>
<!-- Back legs -->
<ellipse cx="150" cy="320" rx="18" ry="26" fill="#f2a35e"/>
<ellipse cx="230" cy="322" rx="18" ry="26" fill="#f2a35e"/>
<!-- Body -->
<ellipse cx="190" cy="260" rx="90" ry="70" fill="#f2a35e" stroke="#d9853f" stroke-width="2"/>
<!-- Front legs -->
<ellipse cx="150" cy="320" rx="15" ry="24" fill="#f7b877"/>
<ellipse cx="210" cy="322" rx="15" ry="24" fill="#f7b877"/>
<!-- Chest fluff -->
<ellipse cx="175" cy="290" rx="35" ry="45" fill="#fbd9a5"/>
<!-- Head -->
<g>
<ellipse cx="150" cy="170" rx="65" ry="58" fill="#f2a35e" stroke="#d9853f" stroke-width="2"/>
<!-- Ears -->
<polygon points="105,130 90,70 140,110" fill="#f2a35e" stroke="#d9853f" stroke-width="2"/>
<polygon points="195,130 210,70 160,110" fill="#f2a35e" stroke="#d9853f" stroke-width="2"/>
<polygon points="110,120 100,85 132,108" fill="#fbd9a5"/>
<polygon points="190,120 200,85 168,108" fill="#fbd9a5"/>
<!-- Face fluff -->
<ellipse cx="150" cy="195" rx="40" ry="30" fill="#fbd9a5"/>
<!-- Eyes -->
<ellipse cx="128" cy="165" rx="9" ry="12" fill="#2e2e2e"/>
<ellipse cx="172" cy="165" rx="9" ry="12" fill="#2e2e2e"/>
<circle cx="131" cy="161" r="2.5" fill="white"/>
<circle cx="175" cy="161" r="2.5" fill="white"/>
<!-- Nose -->
<path d="M144,190 L156,190 L150,198 Z" fill="#c96b4f"/>
<!-- Mouth -->
<path d="M150,198 Q140,208 128,202" stroke="#8a4a2f" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M150,198 Q160,208 172,202" stroke="#8a4a2f" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- Whiskers -->
<g stroke="#8a4a2f" stroke-width="1.5">
<line x1="95" y1="188" x2="45" y2="180"/>
<line x1="95" y1="196" x2="45" y2="196"/>
<line x1="95" y1="204" x2="45" y2="212"/>
<line x1="205" y1="188" x2="255" y2="180"/>
<line x1="205" y1="196" x2="255" y2="196"/>
<line x1="205" y1="204" x2="255" y2="212"/>
</g>
</g>
</svg>
animation #49.0✕ CLOSE
Claude Sonnet 5 · animation · 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">
<!-- Background -->
<rect width="400" height="400" fill="#f0e6d2"/>
<!-- Tail (animated) -->
<g transform="translate(270,260)">
<path d="M0,0 C 40,-10 70,-60 50,-110 C 40,-140 10,-150 -10,-140"
fill="none" stroke="#4a4a4a" stroke-width="18" stroke-linecap="round">
<animateTransform attributeName="transform"
type="rotate"
values="0;25;0;-20;0"
keyTimes="0;0.3;0.5;0.8;1"
dur="2.4s"
repeatCount="indefinite"
calcMode="spline"
keySplines="0.4 0 0.6 1;0.4 0 0.6 1;0.4 0 0.6 1;0.4 0 0.6 1"/>
</path>
</g>
<!-- Body -->
<ellipse cx="200" cy="290" rx="90" ry="60" fill="#4a4a4a"/>
<!-- Front legs -->
<rect x="150" y="320" width="18" height="45" rx="8" fill="#4a4a4a"/>
<rect x="230" y="320" width="18" height="45" rx="8" fill="#4a4a4a"/>
<!-- Head -->
<circle cx="180" cy="180" r="70" fill="#4a4a4a"/>
<!-- Ears -->
<polygon points="130,140 110,80 160,120" fill="#4a4a4a"/>
<polygon points="230,140 260,75 200,115" fill="#4a4a4a"/>
<polygon points="128,132 118,100 148,120" fill="#f0a6b8"/>
<polygon points="228,132 245,95 205,118" fill="#f0a6b8"/>
<!-- Face -->
<circle cx="155" cy="175" r="8" fill="#222"/>
<circle cx="205" cy="175" r="8" fill="#222"/>
<circle cx="157" cy="172" r="2.5" fill="#fff"/>
<circle cx="207" cy="172" r="2.5" fill="#fff"/>
<!-- Nose -->
<polygon points="180,195 172,205 188,205" fill="#f0a6b8"/>
<!-- Mouth -->
<path d="M180,205 Q170,215 160,208" stroke="#222" stroke-width="2" fill="none"/>
<path d="M180,205 Q190,215 200,208" stroke="#222" stroke-width="2" fill="none"/>
<!-- Whiskers -->
<g stroke="#222" stroke-width="1.5">
<line x1="120" y1="190" x2="60" y2="180"/>
<line x1="120" y1="200" x2="60" y2="200"/>
<line x1="120" y1="210" x2="60" y2="220"/>
<line x1="240" y1="190" x2="300" y2="180"/>
<line x1="240" y1="200" x2="300" y2="200"/>
<line x1="240" y1="210" x2="300" y2="220"/>
</g>
</svg>