Claude Fable 5
RANK 02 · MEOWSCORE 87.7 · current · US · closed
minimal
“Draw a minimal, flat-design cat as an SVG.”
minimal #18.3✕ CLOSE
Claude Fable 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 400 400" width="400" height="400">
<!-- background -->
<rect width="400" height="400" fill="#f6ede4"/>
<!-- tail -->
<path d="M290 300 Q345 300 345 250 Q345 220 320 220" fill="none" stroke="#4a4a58" stroke-width="18" stroke-linecap="round"/>
<!-- body -->
<path d="M130 320 Q130 220 200 220 Q270 220 270 320 Z" fill="#4a4a58"/>
<!-- ears -->
<polygon points="138,120 158,60 190,105" fill="#4a4a58"/>
<polygon points="262,120 242,60 210,105" fill="#4a4a58"/>
<polygon points="150,112 160,80 176,102" fill="#f2a7b3"/>
<polygon points="250,112 240,80 224,102" fill="#f2a7b3"/>
<!-- head -->
<circle cx="200" cy="150" r="70" fill="#4a4a58"/>
<!-- eyes -->
<circle cx="175" cy="145" r="8" fill="#f6ede4"/>
<circle cx="225" cy="145" r="8" fill="#f6ede4"/>
<!-- nose -->
<polygon points="200,168 192,160 208,160" fill="#f2a7b3"/>
<!-- mouth -->
<path d="M200 168 Q200 178 190 180 M200 168 Q200 178 210 180" fill="none" stroke="#f6ede4" stroke-width="3" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#f6ede4" stroke-width="3" stroke-linecap="round">
<line x1="150" y1="165" x2="118" y2="160"/>
<line x1="150" y1="175" x2="120" y2="180"/>
<line x1="250" y1="165" x2="282" y2="160"/>
<line x1="250" y1="175" x2="280" y2="180"/>
</g>
<!-- feet -->
<circle cx="170" cy="320" r="12" fill="#3a3a46"/>
<circle cx="230" cy="320" r="12" fill="#3a3a46"/>
<!-- ground shadow -->
<ellipse cx="215" cy="338" rx="110" ry="10" fill="#e4d5c6"/>
</svg>
minimal #28.5✕ CLOSE
Claude Fable 5 · minimal · attempt 2 · 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 400" width="400" height="400">
<!-- background -->
<rect width="400" height="400" fill="#F7EFE5"/>
<!-- tail -->
<path d="M285 300 Q340 300 340 250 Q340 215 310 215" fill="none" stroke="#4A4A58" stroke-width="22" stroke-linecap="round"/>
<!-- body -->
<path d="M130 320 Q130 220 200 220 Q270 220 270 320 Z" fill="#4A4A58"/>
<!-- ears -->
<polygon points="140,120 155,60 190,105" fill="#4A4A58"/>
<polygon points="260,120 245,60 210,105" fill="#4A4A58"/>
<polygon points="150,110 158,80 176,102" fill="#F2A0A0"/>
<polygon points="250,110 242,80 224,102" fill="#F2A0A0"/>
<!-- head -->
<circle cx="200" cy="150" r="65" fill="#4A4A58"/>
<!-- eyes -->
<circle cx="177" cy="145" r="8" fill="#F7EFE5"/>
<circle cx="223" cy="145" r="8" fill="#F7EFE5"/>
<!-- nose -->
<polygon points="200,165 192,158 208,158" fill="#F2A0A0"/>
<!-- mouth -->
<path d="M200 165 Q200 175 190 176 M200 165 Q200 175 210 176" fill="none" stroke="#F7EFE5" stroke-width="3" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#F7EFE5" stroke-width="3" stroke-linecap="round">
<line x1="150" y1="160" x2="118" y2="155"/>
<line x1="150" y1="172" x2="120" y2="178"/>
<line x1="250" y1="160" x2="282" y2="155"/>
<line x1="250" y1="172" x2="280" y2="178"/>
</g>
<!-- paws -->
<circle cx="170" cy="318" r="14" fill="#3B3B47"/>
<circle cx="230" cy="318" r="14" fill="#3B3B47"/>
<!-- ground line -->
<rect x="90" y="328" width="220" height="8" rx="4" fill="#E3D5C3"/>
</svg>
minimal #38.5✕ CLOSE
Claude Fable 5 · minimal · 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 400" width="400" height="400">
<!-- background -->
<rect width="400" height="400" fill="#F7EFE5"/>
<!-- tail -->
<path d="M290 300 Q 350 300 350 250 Q 350 220 325 220" stroke="#4A4A58" stroke-width="20" fill="none" stroke-linecap="round"/>
<!-- body -->
<path d="M120 320 Q 120 230 200 230 Q 280 230 280 320 Z" fill="#4A4A58"/>
<!-- ears -->
<polygon points="130,120 150,60 180,110" fill="#4A4A58"/>
<polygon points="270,120 250,60 220,110" fill="#4A4A58"/>
<polygon points="141,110 152,79 168,105" fill="#F2A6B3"/>
<polygon points="259,110 248,79 232,105" fill="#F2A6B3"/>
<!-- head -->
<circle cx="200" cy="160" r="75" fill="#4A4A58"/>
<!-- eyes -->
<circle cx="172" cy="152" r="9" fill="#F7EFE5"/>
<circle cx="228" cy="152" r="9" fill="#F7EFE5"/>
<!-- nose -->
<polygon points="192,178 208,178 200,190" fill="#F2A6B3"/>
<!-- mouth -->
<path d="M200 190 Q 200 200 190 202 M200 190 Q 200 200 210 202" stroke="#F7EFE5" stroke-width="3" fill="none" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#F7EFE5" stroke-width="3" stroke-linecap="round">
<line x1="140" y1="175" x2="105" y2="168"/>
<line x1="140" y1="188" x2="105" y2="192"/>
<line x1="260" y1="175" x2="295" y2="168"/>
<line x1="260" y1="188" x2="295" y2="192"/>
</g>
<!-- paws -->
<circle cx="165" cy="318" r="14" fill="#3B3B47"/>
<circle cx="235" cy="318" r="14" fill="#3B3B47"/>
<!-- ground line -->
<rect x="60" y="330" width="280" height="6" rx="3" fill="#E4D5C0"/>
</svg>
minimal #48.3✕ CLOSE
Claude Fable 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
<!-- background -->
<rect width="400" height="400" fill="#FCEED9"/>
<!-- tail -->
<path d="M290 300 Q345 300 345 250 Q345 215 315 215" fill="none" stroke="#4A4A58" stroke-width="20" stroke-linecap="round"/>
<!-- body -->
<path d="M130 330 Q130 230 200 230 Q270 230 270 330 Z" fill="#4A4A58"/>
<!-- ears -->
<polygon points="135,150 150,90 185,130" fill="#4A4A58"/>
<polygon points="265,150 250,90 215,130" fill="#4A4A58"/>
<polygon points="146,138 154,106 172,127" fill="#F49AB0"/>
<polygon points="254,138 246,106 228,127" fill="#F49AB0"/>
<!-- head -->
<circle cx="200" cy="185" r="75" fill="#4A4A58"/>
<!-- eyes -->
<circle cx="172" cy="178" r="9" fill="#FCEED9"/>
<circle cx="228" cy="178" r="9" fill="#FCEED9"/>
<!-- nose -->
<polygon points="192,205 208,205 200,216" fill="#F49AB0"/>
<!-- mouth -->
<path d="M200 216 Q200 228 189 228 M200 216 Q200 228 211 228" fill="none" stroke="#FCEED9" stroke-width="3" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#FCEED9" stroke-width="3" stroke-linecap="round">
<line x1="140" y1="200" x2="105" y2="193"/>
<line x1="140" y1="212" x2="107" y2="216"/>
<line x1="260" y1="200" x2="295" y2="193"/>
<line x1="260" y1="212" x2="293" y2="216"/>
</g>
<!-- paws -->
<circle cx="170" cy="330" r="14" fill="#3A3A46"/>
<circle cx="230" cy="330" r="14" fill="#3A3A46"/>
<!-- ground line -->
<line x1="80" y1="344" x2="320" y2="344" stroke="#E8C9A0" stroke-width="6" stroke-linecap="round"/>
</svg>realistic
“Draw a realistic sitting cat with visible fur shading as an SVG.”
realistic #18.3✕ CLOSE
Claude Fable 5 · realistic · attempt 1 · score 8.3
cat likeness: 9.0aesthetic: 9.0technique: 8.0prompt fidelity: 7.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 720" width="600" height="720">
<defs>
<radialGradient id="bg" cx="50%" cy="45%" r="70%">
<stop offset="0%" stop-color="#f4efe6"/>
<stop offset="100%" stop-color="#d8cfc0"/>
</radialGradient>
<linearGradient id="bodyGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#9a8b78"/>
<stop offset="45%" stop-color="#7d6e5c"/>
<stop offset="100%" stop-color="#55483a"/>
</linearGradient>
<radialGradient id="headGrad" cx="45%" cy="35%" r="75%">
<stop offset="0%" stop-color="#a3937f"/>
<stop offset="60%" stop-color="#82725f"/>
<stop offset="100%" stop-color="#5d4f40"/>
</radialGradient>
<linearGradient id="chestGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#e8ddcb"/>
<stop offset="100%" stop-color="#c3b49c"/>
</linearGradient>
<linearGradient id="tailGrad" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#6b5b49"/>
<stop offset="100%" stop-color="#4a3d30"/>
</linearGradient>
<radialGradient id="eyeGrad" cx="40%" cy="35%" r="70%">
<stop offset="0%" stop-color="#cfe36a"/>
<stop offset="60%" stop-color="#8fae2f"/>
<stop offset="100%" stop-color="#5c7517"/>
</radialGradient>
<radialGradient id="shadow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#000" stop-opacity="0.35"/>
<stop offset="100%" stop-color="#000" stop-opacity="0"/>
</radialGradient>
<linearGradient id="earIn" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#c98f88"/>
<stop offset="100%" stop-color="#8a5a52"/>
</linearGradient>
</defs>
<rect width="600" height="720" fill="url(#bg)"/>
<ellipse cx="300" cy="650" rx="230" ry="45" fill="url(#shadow)"/>
<!-- tail -->
<path d="M430 610 C 530 600 555 520 520 470 C 500 440 470 450 478 480 C 486 512 470 560 410 585 Z" fill="url(#tailGrad)"/>
<path d="M497 460 C 510 475 515 500 508 520" stroke="#3a2f24" stroke-width="6" fill="none" stroke-linecap="round" opacity="0.5"/>
<path d="M470 540 C 490 528 500 505 498 488" stroke="#8d7c66" stroke-width="4" fill="none" stroke-linecap="round" opacity="0.6"/>
<!-- body -->
<path d="M300 250 C 190 265 130 380 128 500 C 126 590 175 640 300 640 C 425 640 474 590 472 500 C 470 380 410 265 300 250 Z" fill="url(#bodyGrad)"/>
<!-- body side shading -->
<path d="M150 430 C 138 520 158 600 230 630 C 170 620 132 575 132 500 C 133 470 140 448 150 430 Z" fill="#463a2e" opacity="0.55"/>
<path d="M452 420 C 466 500 460 590 385 628 C 448 615 470 565 468 495 C 466 465 460 440 452 420 Z" fill="#463a2e" opacity="0.55"/>
<!-- tabby stripes on body flanks -->
<g stroke="#4a3d2e" stroke-width="10" stroke-linecap="round" fill="none" opacity="0.45">
<path d="M165 380 C 190 395 205 420 210 445"/>
<path d="M150 440 C 178 452 196 478 202 505"/>
<path d="M145 505 C 172 515 190 540 196 565"/>
<path d="M435 380 C 412 395 398 420 393 445"/>
<path d="M450 445 C 424 456 406 480 400 505"/>
<path d="M453 510 C 428 520 410 543 404 566"/>
</g>
<!-- chest -->
<path d="M300 330 C 250 335 222 390 220 470 C 218 560 250 625 300 630 C 350 625 382 560 380 470 C 378 390 350 335 300 330 Z" fill="url(#chestGrad)"/>
<!-- front legs -->
<path d="M262 470 C 250 520 248 580 252 618 C 254 636 300 640 298 618 C 296 580 292 520 288 472 Z" fill="#8d7c66"/>
<path d="M338 470 C 350 520 352 580 348 618 C 346 636 302 640 304 618 C 306 580 310 520 312 472 Z" fill="#7a6a56"/>
<path d="M262 470 C 250 520 248 580 252 618 C 253 630 268 636 280 634 C 268 580 270 520 278 472 Z" fill="#6a5a48" opacity="0.5"/>
<!-- paws -->
<ellipse cx="271" cy="626" rx="38" ry="20" fill="#d9cdb6"/>
<ellipse cx="333" cy="626" rx="38" ry="20" fill="#cbbda4"/>
<g stroke="#9c8d75" stroke-width="3" fill="none" opacity="0.8">
<path d="M258 620 L258 636"/>
<path d="M272 618 L272 638"/>
<path d="M286 620 L286 636"/>
<path d="M320 620 L320 636"/>
<path d="M334 618 L334 638"/>
<path d="M348 620 L348 636"/>
</g>
<!-- ears -->
<path d="M222 190 L205 92 L288 145 Z" fill="#6b5a48"/>
<path d="M378 190 L395 92 L312 145 Z" fill="#6b5a48"/>
<path d="M232 178 L219 112 L276 150 Z" fill="url(#earIn)"/>
<path d="M368 178 L381 112 L324 150 Z" fill="url(#earIn)"/>
<!-- ear tufts -->
<g stroke="#ded1ba" stroke-width="2" stroke-linecap="round" opacity="0.8">
<path d="M238 168 L228 140"/>
<path d="M248 164 L242 138"/>
<path d="M258 162 L254 140"/>
<path d="M362 168 L372 140"/>
<path d="M352 164 L358 138"/>
<path d="M342 162 L346 140"/>
</g>
<!-- head -->
<path d="M300 130 C 232 130 200 178 198 226 C 196 282 240 318 300 318 C 360 318 404 282 402 226 C 400 178 368 130 300 130 Z" fill="url(#headGrad)"/>
<!-- cheek fur silhouette -->
<g stroke="#82725f" stroke-width="3" stroke-linecap="round" opacity="0.9">
<path d="M204 250 L184 258"/>
<path d="M208 264 L188 276"/>
<path d="M214 278 L198 292"/>
<path d="M396 250 L416 258"/>
<path d="M392 264 L412 276"/>
<path d="M386 278 L402 292"/>
</g>
<!-- forehead stripes -->
<g stroke="#4a3d2e" stroke-width="7" stroke-linecap="round" fill="none" opacity="0.5">
<path d="M300 138 L300 176"/>
<path d="M278 142 C 276 156 275 166 276 176"/>
<path d="M322 142 C 324 156 325 166 324 176"/>
<path d="M258 150 C 254 160 252 170 253 178"/>
<path d="M342 150 C 346 160 348 170 347 178"/>
</g>
<!-- eyes -->
<g>
<path d="M232 220 C 240 204 268 202 276 218 C 270 234 240 236 232 220 Z" fill="url(#eyeGrad)"/>
<path d="M324 218 C 332 202 360 204 368 220 C 360 236 330 234 324 218 Z" fill="url(#eyeGrad)"/>
<ellipse cx="254" cy="219" rx="6" ry="12" fill="#1c1a14"/>
<ellipse cx="346" cy="219" rx="6" ry="12" fill="#1c1a14"/>
<circle cx="250" cy="213" r="3" fill="#fff" opacity="0.9"/>
<circle cx="342" cy="213" r="3" fill="#fff" opacity="0.9"/>
<path d="M230 218 C 240 200 268 199 278 214" stroke="#3a2f24" stroke-width="3" fill="none" stroke-linecap="round"/>
<path d="M322 214 C 332 199 360 200 370 218" stroke="#3a2f24" stroke-width="3" fill="none" stroke-linecap="round"/>
</g>
<!-- muzzle -->
<ellipse cx="300" cy="272" rx="46" ry="32" fill="#cbbda4"/>
<path d="M288 254 C 296 248 304 248 312 254 C 310 264 302 268 300 268 C 298 268 290 264 288 254 Z" fill="#b46a63"/>
<path d="M300 268 L300 282" stroke="#5a4a3a" stroke-width="3" stroke-linecap="round"/>
<path d="M300 282 C 292 294 278 294 270 286" stroke="#5a4a3a" stroke-width="3" fill="none" stroke-linecap="round"/>
<path d="M300 282 C 308 294 322 294 330 286" stroke="#5a4a3a" stroke-width="3" fill="none" stroke-linecap="round"/>
<!-- chin -->
<ellipse cx="300" cy="304" rx="18" ry="10" fill="#dcd0ba"/>
<!-- whisker dots -->
<g fill="#6a5a48" opacity="0.7">
<circle cx="268" cy="266" r="1.6"/><circle cx="276" cy="272" r="1.6"/><circle cx="266" cy="276" r="1.6"/>
<circle cx="332" cy="266" r="1.6"/><circle cx="324" cy="272" r="1.6"/><circle cx="334" cy="276" r="1.6"/>
</g>
<!-- whiskers -->
<g stroke="#f3ecdd" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.9">
<path d="M266 264 C 220 254 186 250 152 252"/>
<path d="M264 274 C 220 272 184 276 154 284"/>
<path d="M266 284 C 226 290 196 300 170 314"/>
<path d="M334 264 C 380 254 414 250 448 252"/>
<path d="M336 274 C 380 272 416 276 446 284"/>
<path d="M334 284 C 374 290 404 300 430 314"/>
</g>
<!-- fur texture: chest strokes -->
<g stroke="#f0e6d2" stroke-width="2" stroke-linecap="round" opacity="0.55">
<path d="M280 360 L276 384"/>
<path d="M300 356 L300 382"/>
<path d="M320 360 L324 384"/>
<path d="M268 400 L262 426"/>
<path d="M290 398 L288 426"/>
<path d="M312 398 L314 426"/>
<path d="M332 402 L338 426"/>
<path d="M258 448 L252 476"/>
<path d="M282 446 L280 476"/>
<path d="M304 446 L306 476"/>
<path d="M326 448 L332 476"/>
<path d="M252 500 L248 528"/>
<path d="M276 498 L274 528"/>
<path d="M300 498 L300 528"/>
<path d="M324 500 L328 528"/>
</g>
<!-- fur texture: body strokes (darker) -->
<g stroke="#3f342a" stroke-width="2" stroke-linecap="round" opacity="0.45">
<path d="M178 340 L170 362"/>
<path d="M198 322 L192 346"/>
<path d="M160 400 L152 424"/>
<path d="M172 470 L164 494"/>
<path d="M166 545 L160 568"/>
<path d="M190 590 L184 612"/>
<path d="M422 340 L430 362"/>
<path d="M402 322 L408 346"/>
<path d="M440 400 L448 424"/>
<path d="M430 470 L438 494"/>
<path d="M436 545 L442 568"/>
<path d="M412 590 L418 612"/>
</g>
<!-- fur texture: body strokes (light highlights) -->
<g stroke="#b3a48d" stroke-width="2" stroke-linecap="round" opacity="0.6">
<path d="M216 320 L210 344"/>
<path d="M236 300 L232 322"/>
<path d="M204 370 L198 394"/>
<path d="M196 440 L190 464"/>
<path d="M384 320 L390 344"/>
<path d="M364 300 L368 322"/>
<path d="M396 370 L402 394"/>
<path d="M404 440 L410 464"/>
<path d="M188 520 L182 544"/>
<path d="M412 520 L418 544"/>
</g>
<!-- fur texture: head strokes -->
<g stroke="#b3a48d" stroke-width="1.6" stroke-linecap="round" opacity="0.6">
<path d="M240 190 L234 204"/>
<path d="M226 210 L218 222"/>
<path d="M360 190 L366 204"/>
<path d="M374 210 L382 222"/>
<path d="M250 246 L244 258"/>
<path d="M350 246 L356 258"/>
<path d="M270 300 L266 312"/>
<path d="M330 300 L334 312"/>
<path d="M300 186 L300 196"/>
<path d="M284 190 L282 200"/>
<path d="M316 190 L318 200"/>
</g>
<!-- silhouette fur tufts on body edges -->
<g stroke="#5a4c3d" stroke-width="2.4" stroke-linecap="round" opacity="0.85">
<path d="M136 470 L124 466"/>
<path d="M134 500 L120 500"/>
<path d="M136 530 L124 534"/>
<path d="M464 470 L476 466"/>
<path d="M468 500 L480 500"/>
<path d="M464 530 L476 534"/>
<path d="M160 360 L148 352"/>
<path d="M440 360 L452 352"/>
</g>
</svg>
realistic #28.0✕ CLOSE
Claude Fable 5 · realistic · attempt 2 · score 8.0
cat likeness: 9.0aesthetic: 8.0technique: 8.0prompt fidelity: 7.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 500" width="400" height="500">
<defs>
<radialGradient id="bodyGrad" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#a8875f"/>
<stop offset="45%" stop-color="#8f6f4a"/>
<stop offset="80%" stop-color="#6e5236"/>
<stop offset="100%" stop-color="#54402a"/>
</radialGradient>
<radialGradient id="headGrad" cx="50%" cy="38%" r="75%">
<stop offset="0%" stop-color="#b3946b"/>
<stop offset="55%" stop-color="#95744d"/>
<stop offset="100%" stop-color="#6b5236"/>
</radialGradient>
<linearGradient id="tailGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#7c6040"/>
<stop offset="60%" stop-color="#8f704a"/>
<stop offset="100%" stop-color="#5a4530"/>
</linearGradient>
<radialGradient id="chestGrad" cx="50%" cy="30%" r="80%">
<stop offset="0%" stop-color="#e8dcc8"/>
<stop offset="60%" stop-color="#cdbb9d"/>
<stop offset="100%" stop-color="#a68d68"/>
</radialGradient>
<radialGradient id="eyeGrad" cx="50%" cy="40%" r="70%">
<stop offset="0%" stop-color="#c8d94a"/>
<stop offset="55%" stop-color="#8faf2e"/>
<stop offset="100%" stop-color="#4f6b1a"/>
</radialGradient>
<linearGradient id="earGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#6b5236"/>
<stop offset="100%" stop-color="#95744d"/>
</linearGradient>
<radialGradient id="bg" cx="50%" cy="45%" r="75%">
<stop offset="0%" stop-color="#f4efe6"/>
<stop offset="100%" stop-color="#d8cfbe"/>
</radialGradient>
</defs>
<rect width="400" height="500" fill="url(#bg)"/>
<ellipse cx="200" cy="452" rx="140" ry="22" fill="#000" opacity="0.18"/>
<!-- Tail -->
<path d="M290 400 Q345 420 348 380 Q352 335 320 355 Q300 368 285 372 Z" fill="url(#tailGrad)"/>
<path d="M120 440 Q60 445 55 400 Q52 360 90 355 Q140 350 175 400 L160 435 Q135 430 110 428 Q80 425 78 400 Q77 382 95 380 Q120 378 135 405 L125 420 Z" fill="url(#tailGrad)"/>
<!-- tail stripes -->
<path d="M70 380 Q78 392 76 408" stroke="#4a3826" stroke-width="7" fill="none" stroke-linecap="round" opacity="0.7"/>
<path d="M92 362 Q98 375 96 390" stroke="#4a3826" stroke-width="7" fill="none" stroke-linecap="round" opacity="0.7"/>
<path d="M120 365 Q128 380 126 396" stroke="#4a3826" stroke-width="7" fill="none" stroke-linecap="round" opacity="0.6"/>
<!-- Body -->
<path d="M200 230 Q290 245 300 340 Q308 420 280 440 Q240 458 200 456 Q160 458 120 440 Q92 420 100 340 Q110 245 200 230 Z" fill="url(#bodyGrad)"/>
<!-- Body stripes -->
<g stroke="#4a3826" fill="none" stroke-linecap="round" opacity="0.55">
<path d="M285 300 Q265 310 250 308" stroke-width="8"/>
<path d="M292 335 Q270 348 252 345" stroke-width="8"/>
<path d="M295 370 Q275 385 258 382" stroke-width="8"/>
<path d="M112 300 Q132 310 146 308" stroke-width="8"/>
<path d="M106 335 Q128 348 145 345" stroke-width="8"/>
<path d="M104 370 Q124 385 140 382" stroke-width="8"/>
</g>
<!-- Chest -->
<path d="M200 240 Q245 260 240 330 Q236 400 200 415 Q164 400 160 330 Q155 260 200 240 Z" fill="url(#chestGrad)"/>
<!-- Front legs -->
<path d="M172 340 Q166 400 168 430 Q168 448 185 448 Q198 448 197 432 Q196 395 194 345 Z" fill="#8a6c46"/>
<path d="M228 340 Q234 400 232 430 Q232 448 215 448 Q202 448 203 432 Q204 395 206 345 Z" fill="#7d6140"/>
<!-- Paws -->
<ellipse cx="180" cy="443" rx="22" ry="12" fill="#a4855d"/>
<ellipse cx="220" cy="443" rx="22" ry="12" fill="#96794f"/>
<g stroke="#5c4630" stroke-width="2" opacity="0.7">
<path d="M173 438 L172 449" fill="none"/>
<path d="M183 437 L183 450" fill="none"/>
<path d="M213 437 L213 450" fill="none"/>
<path d="M223 438 L224 449" fill="none"/>
</g>
<!-- Ears -->
<path d="M137 138 L118 62 L182 105 Z" fill="url(#earGrad)"/>
<path d="M263 138 L282 62 L218 105 Z" fill="url(#earGrad)"/>
<path d="M141 128 L128 76 L172 106 Z" fill="#c98a8a"/>
<path d="M259 128 L272 76 L228 106 Z" fill="#c98a8a"/>
<path d="M141 128 L128 76 L172 106 Z" fill="#8a5050" opacity="0.35"/>
<path d="M259 128 L272 76 L228 106 Z" fill="#8a5050" opacity="0.35"/>
<!-- ear tufts -->
<g stroke="#e8dcc8" stroke-width="1.5" opacity="0.8" fill="none" stroke-linecap="round">
<path d="M144 120 L136 96"/><path d="M150 118 L145 98"/><path d="M156 118 L154 102"/>
<path d="M256 120 L264 96"/><path d="M250 118 L255 98"/><path d="M244 118 L246 102"/>
</g>
<!-- Head -->
<path d="M200 100 Q268 100 275 165 Q280 210 250 232 Q225 248 200 248 Q175 248 150 232 Q120 210 125 165 Q132 100 200 100 Z" fill="url(#headGrad)"/>
<!-- Head stripes -->
<g stroke="#4a3826" fill="none" stroke-linecap="round" opacity="0.6">
<path d="M200 102 L200 128" stroke-width="7"/>
<path d="M184 104 Q182 118 184 128" stroke-width="6"/>
<path d="M216 104 Q218 118 216 128" stroke-width="6"/>
<path d="M132 160 Q145 158 155 162" stroke-width="6"/>
<path d="M268 160 Q255 158 245 162" stroke-width="6"/>
<path d="M134 180 Q147 178 156 182" stroke-width="5"/>
<path d="M266 180 Q253 178 244 182" stroke-width="5"/>
</g>
<!-- Eyes -->
<g>
<path d="M143 165 Q160 148 182 162 Q170 182 152 179 Q144 175 143 165 Z" fill="#2b2016"/>
<path d="M257 165 Q240 148 218 162 Q230 182 248 179 Q256 175 257 165 Z" fill="#2b2016"/>
<path d="M146 165 Q160 152 179 163 Q168 179 153 176 Q147 172 146 165 Z" fill="url(#eyeGrad)"/>
<path d="M254 165 Q240 152 221 163 Q232 179 247 176 Q253 172 254 165 Z" fill="url(#eyeGrad)"/>
<ellipse cx="163" cy="165" rx="4.5" ry="10" fill="#131009"/>
<ellipse cx="237" cy="165" rx="4.5" ry="10" fill="#131009"/>
<circle cx="159" cy="160" r="2.6" fill="#fff" opacity="0.9"/>
<circle cx="233" cy="160" r="2.6" fill="#fff" opacity="0.9"/>
<circle cx="167" cy="171" r="1.4" fill="#fff" opacity="0.5"/>
<circle cx="241" cy="171" r="1.4" fill="#fff" opacity="0.5"/>
</g>
<!-- Muzzle -->
<ellipse cx="200" cy="212" rx="42" ry="28" fill="#cdbb9d" opacity="0.75"/>
<path d="M191 197 L209 197 L200 210 Z" fill="#c46e7a"/>
<path d="M191 197 L209 197 L200 202 Z" fill="#d98a94"/>
<path d="M200 210 L200 219" stroke="#5c4630" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<path d="M200 219 Q190 230 178 224" stroke="#5c4630" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<path d="M200 219 Q210 230 222 224" stroke="#5c4630" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<!-- whisker dots -->
<g fill="#4a3826" opacity="0.6">
<circle cx="172" cy="209" r="1.3"/><circle cx="178" cy="215" r="1.3"/><circle cx="170" cy="217" r="1.3"/>
<circle cx="228" cy="209" r="1.3"/><circle cx="222" cy="215" r="1.3"/><circle cx="230" cy="217" r="1.3"/>
</g>
<!-- Whiskers -->
<g stroke="#f2ead9" stroke-width="1.6" fill="none" stroke-linecap="round" opacity="0.9">
<path d="M176 210 Q130 200 96 190"/>
<path d="M176 216 Q128 216 94 214"/>
<path d="M178 222 Q134 232 102 240"/>
<path d="M224 210 Q270 200 304 190"/>
<path d="M224 216 Q272 216 306 214"/>
<path d="M222 222 Q266 232 298 240"/>
</g>
<!-- Fur texture: light strokes -->
<g stroke="#d9c8a8" stroke-width="1.3" fill="none" stroke-linecap="round" opacity="0.55">
<path d="M150 118 Q147 128 149 136"/><path d="M165 110 Q163 120 165 128"/>
<path d="M235 110 Q237 120 235 128"/><path d="M250 118 Q253 128 251 136"/>
<path d="M138 190 Q136 199 139 206"/><path d="M262 190 Q264 199 261 206"/>
<path d="M148 224 Q150 232 156 237"/><path d="M252 224 Q250 232 244 237"/>
<path d="M188 236 Q189 243 187 249"/><path d="M212 236 Q211 243 213 249"/>
<path d="M130 275 Q125 286 127 296"/><path d="M270 275 Q275 286 273 296"/>
<path d="M118 320 Q113 332 116 344"/><path d="M282 320 Q287 332 284 344"/>
<path d="M112 365 Q108 378 112 390"/><path d="M288 365 Q292 378 288 390"/>
<path d="M125 408 Q123 420 128 430"/><path d="M275 408 Q277 420 272 430"/>
<path d="M180 260 Q178 272 181 282"/><path d="M220 260 Q222 272 219 282"/>
<path d="M200 268 Q199 280 200 292"/>
<path d="M188 310 Q186 322 189 334"/><path d="M212 310 Q214 322 211 334"/>
<path d="M200 330 Q199 344 200 356"/>
<path d="M182 360 Q180 372 183 384"/><path d="M218 360 Q220 372 217 384"/>
<path d="M75 388 Q70 396 72 404"/><path d="M100 368 Q96 376 98 385"/>
<path d="M330 362 Q336 370 334 380"/>
</g>
<!-- Fur texture: dark strokes -->
<g stroke="#4a3826" stroke-width="1.2" fill="none" stroke-linecap="round" opacity="0.4">
<path d="M158 130 Q156 139 158 146"/><path d="M242 130 Q244 139 242 146"/>
<path d="M143 205 Q142 213 146 219"/><path d="M257 205 Q258 213 254 219"/>
<path d="M134 296 Q130 307 133 317"/><path d="M266 296 Q270 307 267 317"/>
<path d="M122 345 Q118 356 121 367"/><path d="M278 345 Q282 356 279 367"/>
<path d="M135 420 Q134 430 139 438"/><path d="M265 420 Q266 430 261 438"/>
<path d="M170 290 Q168 300 171 310"/><path d="M230 290 Q232 300 229 310"/>
<path d="M175 335 Q173 346 176 356"/><path d="M225 335 Q227 346 224 356"/>
<path d="M200 390 Q199 400 201 410"/>
<path d="M148 250 Q145 258 148 266"/><path d="M252 250 Q255 258 252 266"/>
</g>
<!-- Outline fur silhouette accents -->
<g stroke="#5c4630" stroke-width="1.4" fill="none" stroke-linecap="round" opacity="0.5">
<path d="M126 148 Q120 152 116 158"/><path d="M274 148 Q280 152 284 158"/>
<path d="M104 300 Q98 304 95 310"/><path d="M296 300 Q302 304 305 310"/>
<path d="M100 380 Q94 384 91 391"/><path d="M300 380 Q306 384 309 391"/>
<path d="M156 240 Q150 244 147 250"/><path d="M244 240 Q250 244 253 250"/>
</g>
</svg>
realistic #38.3✕ CLOSE
Claude Fable 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 600 720" width="600" height="720">
<defs>
<radialGradient id="bodyGrad" cx="45%" cy="35%" r="80%">
<stop offset="0%" stop-color="#a8917a"/>
<stop offset="45%" stop-color="#8a7360"/>
<stop offset="80%" stop-color="#6b5643"/>
<stop offset="100%" stop-color="#4e3d2e"/>
</radialGradient>
<radialGradient id="headGrad" cx="45%" cy="35%" r="75%">
<stop offset="0%" stop-color="#b39b83"/>
<stop offset="55%" stop-color="#8f7863"/>
<stop offset="100%" stop-color="#63503e"/>
</radialGradient>
<radialGradient id="chestGrad" cx="50%" cy="30%" r="80%">
<stop offset="0%" stop-color="#e8ddcd"/>
<stop offset="60%" stop-color="#cbbba4"/>
<stop offset="100%" stop-color="#a08a71"/>
</radialGradient>
<linearGradient id="tailGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#75604c"/>
<stop offset="50%" stop-color="#8f7863"/>
<stop offset="100%" stop-color="#54432f"/>
</linearGradient>
<radialGradient id="eyeGrad" cx="40%" cy="35%" r="70%">
<stop offset="0%" stop-color="#d8e07a"/>
<stop offset="55%" stop-color="#a8b23c"/>
<stop offset="100%" stop-color="#5f6b1c"/>
</radialGradient>
<radialGradient id="earInner" cx="50%" cy="60%" r="70%">
<stop offset="0%" stop-color="#d6a08f"/>
<stop offset="100%" stop-color="#8a5a4a"/>
</radialGradient>
<radialGradient id="shadowGrad" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#000000" stop-opacity="0.35"/>
<stop offset="100%" stop-color="#000000" stop-opacity="0"/>
</radialGradient>
<linearGradient id="legGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#9c866f"/>
<stop offset="50%" stop-color="#8a7360"/>
<stop offset="100%" stop-color="#5f4c39"/>
</linearGradient>
</defs>
<!-- background -->
<rect width="600" height="720" fill="#e9e2d6"/>
<ellipse cx="300" cy="640" rx="230" ry="45" fill="url(#shadowGrad)"/>
<!-- tail wrapping around front -->
<path d="M420 570 Q505 560 505 490 Q505 430 460 440 Q485 455 480 490 Q472 540 400 555 Q330 570 250 610 Q200 632 175 618 Q160 608 172 596 Q195 605 240 588 Q320 558 420 570 Z"
fill="url(#tailGrad)" stroke="#4a3a2a" stroke-width="1.5" stroke-opacity="0.4"/>
<!-- tail stripes -->
<g fill="#4e3d2b" opacity="0.55">
<path d="M470 445 q14 8 14 30 q0 12 -4 22 q-3 -30 -14 -44 z"/>
<path d="M448 545 q22 -14 28 -38 q4 22 -10 36 q-10 9 -18 2 z"/>
<path d="M372 566 q18 -6 30 -14 q-4 18 -18 22 q-12 3 -12 -8 z"/>
<path d="M290 588 q18 -8 30 -12 q-6 16 -18 20 q-12 4 -12 -8 z"/>
<path d="M212 616 q16 -10 26 -14 q-4 16 -14 20 q-12 4 -12 -6 z"/>
</g>
<!-- body -->
<path d="M300 240
C 380 250 430 320 448 400
C 462 465 470 540 462 590
C 456 626 420 640 300 640
C 180 640 144 626 138 590
C 130 540 138 465 152 400
C 170 320 220 250 300 240 Z"
fill="url(#bodyGrad)"/>
<!-- body side stripes -->
<g fill="#4a3a29" opacity="0.45">
<path d="M420 350 q30 20 38 60 q-30 -22 -50 -46 q-6 -14 12 -14 z"/>
<path d="M432 420 q22 20 26 58 q-26 -20 -42 -44 q-6 -16 16 -14 z"/>
<path d="M438 500 q16 18 18 48 q-22 -16 -34 -38 q-4 -14 16 -10 z"/>
<path d="M180 350 q-30 20 -38 60 q30 -22 50 -46 q6 -14 -12 -14 z"/>
<path d="M168 420 q-22 20 -26 58 q26 -20 42 -44 q6 -16 -16 -14 z"/>
<path d="M162 500 q-16 18 -18 48 q22 -16 34 -38 q4 -14 -16 -10 z"/>
</g>
<!-- chest / front -->
<path d="M300 300
C 345 310 362 360 362 430
C 362 510 350 580 340 620
L 260 620
C 250 580 238 510 238 430
C 238 360 255 310 300 300 Z"
fill="url(#chestGrad)"/>
<!-- front legs -->
<path d="M262 440 C 250 500 246 560 248 615 L 292 618 C 292 560 292 500 296 450 Z" fill="url(#legGrad)"/>
<path d="M338 440 C 350 500 354 560 352 615 L 308 618 C 308 560 308 500 304 450 Z" fill="url(#legGrad)"/>
<!-- leg shading -->
<path d="M296 450 C 293 505 292 565 292 615 l -10 1 c -1 -55 1 -115 6 -168 z" fill="#5c4a38" opacity="0.35"/>
<path d="M304 450 C 307 505 308 565 308 615 l 10 1 c 1 -55 -1 -115 -6 -168 z" fill="#5c4a38" opacity="0.35"/>
<!-- paws -->
<g>
<ellipse cx="268" cy="622" rx="40" ry="20" fill="#c8b8a1"/>
<ellipse cx="332" cy="622" rx="40" ry="20" fill="#c8b8a1"/>
<g stroke="#8a745c" stroke-width="2.5" stroke-linecap="round" fill="none" opacity="0.8">
<path d="M254 616 q2 10 2 18"/>
<path d="M270 615 q1 11 1 20"/>
<path d="M286 617 q0 10 -1 17"/>
<path d="M318 617 q0 10 1 17"/>
<path d="M334 615 q-1 11 -1 20"/>
<path d="M350 616 q-2 10 -2 18"/>
</g>
</g>
<!-- head -->
<g>
<!-- ears -->
<path d="M226 148 L 202 60 L 288 108 Q 250 118 226 148 Z" fill="url(#headGrad)" stroke="#5a4735" stroke-width="2"/>
<path d="M374 148 L 398 60 L 312 108 Q 350 118 374 148 Z" fill="url(#headGrad)" stroke="#5a4735" stroke-width="2"/>
<path d="M232 133 L 216 78 L 272 110 Q 248 116 232 133 Z" fill="url(#earInner)"/>
<path d="M368 133 L 384 78 L 328 110 Q 352 116 368 133 Z" fill="url(#earInner)"/>
<!-- ear tufts -->
<g stroke="#e8ddcd" stroke-width="1.6" stroke-linecap="round" opacity="0.8">
<path d="M236 128 q-6 -14 -8 -26"/>
<path d="M244 122 q-4 -14 -4 -24"/>
<path d="M364 128 q6 -14 8 -26"/>
<path d="M356 122 q4 -14 4 -24"/>
</g>
<!-- face -->
<path d="M300 110
C 358 110 396 148 400 202
C 403 246 385 280 348 296
C 332 303 316 306 300 306
C 284 306 268 303 252 296
C 215 280 197 246 200 202
C 204 148 242 110 300 110 Z"
fill="url(#headGrad)"/>
<!-- forehead stripes -->
<g fill="#4a3a29" opacity="0.5">
<path d="M300 116 q4 24 0 46 q-4 -22 0 -46 z" stroke="#4a3a29" stroke-width="4" stroke-linecap="round"/>
<path d="M278 120 q0 20 4 38 q-10 -16 -12 -34 q4 -6 8 -4 z"/>
<path d="M322 120 q0 20 -4 38 q10 -16 12 -34 q-4 -6 -8 -4 z"/>
<path d="M256 132 q-2 16 4 30 q-12 -12 -14 -26 q4 -6 10 -4 z"/>
<path d="M344 132 q2 16 -4 30 q12 -12 14 -26 q-4 -6 -10 -4 z"/>
</g>
<!-- cheek stripes -->
<g fill="#4a3a29" opacity="0.4">
<path d="M206 210 q18 4 32 12 q-16 4 -32 -2 z"/>
<path d="M208 232 q16 4 28 12 q-16 3 -30 -3 z"/>
<path d="M394 210 q-18 4 -32 12 q16 4 32 -2 z"/>
<path d="M392 232 q-16 4 -28 12 q16 3 30 -3 z"/>
</g>
<!-- eyes -->
<g>
<path d="M236 202 q22 -18 44 0 q-20 22 -44 0 z" fill="#2a2118"/>
<ellipse cx="258" cy="201" rx="20" ry="13" fill="url(#eyeGrad)"/>
<ellipse cx="258" cy="201" rx="6.5" ry="12" fill="#141210"/>
<circle cx="253" cy="196" r="3.4" fill="#ffffff" opacity="0.9"/>
<path d="M236 202 q22 -18 44 0" fill="none" stroke="#2a2118" stroke-width="3" stroke-linecap="round"/>
<path d="M320 202 q22 -18 44 0 q-20 22 -44 0 z" fill="#2a2118"/>
<ellipse cx="342" cy="201" rx="20" ry="13" fill="url(#eyeGrad)"/>
<ellipse cx="342" cy="201" rx="6.5" ry="12" fill="#141210"/>
<circle cx="337" cy="196" r="3.4" fill="#ffffff" opacity="0.9"/>
<path d="M320 202 q22 -18 44 0" fill="none" stroke="#2a2118" stroke-width="3" stroke-linecap="round"/>
</g>
<!-- muzzle -->
<ellipse cx="300" cy="262" rx="52" ry="34" fill="#d9cbb4" opacity="0.9"/>
<path d="M300 242 l-14 12 q6 8 14 8 q8 0 14 -8 z" fill="#c47a6a" stroke="#8a5348" stroke-width="1.5"/>
<path d="M300 262 L 300 274" stroke="#5a4432" stroke-width="2.5" stroke-linecap="round"/>
<path d="M300 274 q-14 12 -28 4 M300 274 q14 12 28 4" fill="none" stroke="#5a4432" stroke-width="2.5" stroke-linecap="round"/>
<!-- chin -->
<ellipse cx="300" cy="292" rx="16" ry="9" fill="#e6dbc8" opacity="0.85"/>
<!-- whisker dots -->
<g fill="#6a563f">
<circle cx="268" cy="258" r="1.6"/><circle cx="260" cy="266" r="1.6"/><circle cx="270" cy="272" r="1.6"/>
<circle cx="332" cy="258" r="1.6"/><circle cx="340" cy="266" r="1.6"/><circle cx="330" cy="272" r="1.6"/>
</g>
<!-- whiskers -->
<g stroke="#f4efe2" stroke-width="1.8" stroke-linecap="round" fill="none" opacity="0.95">
<path d="M268 256 Q 200 240 152 244"/>
<path d="M264 266 Q 198 262 148 274"/>
<path d="M268 274 Q 206 284 162 302"/>
<path d="M332 256 Q 400 240 448 244"/>
<path d="M336 266 Q 402 262 452 274"/>
<path d="M332 274 Q 394 284 438 302"/>
</g>
<!-- eyebrow whiskers -->
<g stroke="#f4efe2" stroke-width="1.4" stroke-linecap="round" fill="none" opacity="0.8">
<path d="M252 178 q-8 -18 -22 -28"/>
<path d="M262 174 q-4 -18 -12 -30"/>
<path d="M348 178 q8 -18 22 -28"/>
<path d="M338 174 q4 -18 12 -30"/>
</g>
</g>
<!-- fur texture: short strokes over body -->
<g stroke="#3f3122" stroke-width="1.3" stroke-linecap="round" fill="none" opacity="0.28">
<path d="M200 330 q-4 12 -3 20"/><path d="M220 315 q-4 12 -3 20"/><path d="M185 370 q-4 12 -3 20"/>
<path d="M170 420 q-3 12 -2 20"/><path d="M162 470 q-3 12 -2 20"/><path d="M158 525 q-2 12 -1 20"/>
<path d="M400 330 q4 12 3 20"/><path d="M380 315 q4 12 3 20"/><path d="M415 370 q4 12 3 20"/>
<path d="M430 420 q3 12 2 20"/><path d="M438 470 q3 12 2 20"/><path d="M442 525 q2 12 1 20"/>
<path d="M210 400 q-3 12 -2 20"/><path d="M392 400 q3 12 2 20"/>
<path d="M198 460 q-3 12 -2 20"/><path d="M404 460 q3 12 2 20"/>
<path d="M192 530 q-2 12 -1 20"/><path d="M410 530 q2 12 1 20"/>
<path d="M230 570 q-2 12 -1 18"/><path d="M372 570 q2 12 1 18"/>
</g>
<g stroke="#f0e6d4" stroke-width="1.2" stroke-linecap="round" fill="none" opacity="0.4">
<path d="M282 340 q-2 12 -1 20"/><path d="M300 332 q0 12 0 20"/><path d="M318 340 q2 12 1 20"/>
<path d="M272 390 q-2 12 -1 20"/><path d="M300 384 q0 12 0 20"/><path d="M328 390 q2 12 1 20"/>
<path d="M266 445 q-2 12 -1 20"/><path d="M300 440 q0 12 0 20"/><path d="M334 445 q2 12 1 20"/>
<path d="M262 505 q-2 12 -1 18"/><path d="M300 500 q0 12 0 18"/><path d="M338 505 q2 12 1 18"/>
<path d="M262 555 q-1 10 -1 16"/><path d="M300 552 q0 10 0 16"/><path d="M338 555 q1 10 1 16"/>
</g>
<!-- fur on head edges -->
<g stroke="#3f3122" stroke-width="1.2" stroke-linecap="round" fill="none" opacity="0.3">
<path d="M212 236 q-8 6 -12 12"/><path d="M216 254 q-8 5 -13 10"/>
<path d="M388 236 q8 6 12 12"/><path d="M384 254 q8 5 13 10"/>
<path d="M250 298 q-3 8 -2 14"/><path d="M350 298 q3 8 2 14"/>
<path d="M300 306 q0 8 0 14"/><path d="M276 304 q-1 8 0 14"/><path d="M324 304 q1 8 0 14"/>
</g>
<!-- soft rim light on left -->
<path d="M300 240 C 220 250 170 320 152 400 C 140 458 132 520 137 572 C 128 520 134 458 148 398 C 166 316 218 246 300 236 Z"
fill="#f2e8d6" opacity="0.35"/>
</svg>
realistic #48.5✕ CLOSE
Claude Fable 5 · realistic · attempt 4 · score 8.5
cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 8.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 720" width="600" height="720">
<defs>
<radialGradient id="bg" cx="50%" cy="45%" r="70%">
<stop offset="0%" stop-color="#f4efe6"/>
<stop offset="100%" stop-color="#d9d0c0"/>
</radialGradient>
<linearGradient id="bodyGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#8a7f74"/>
<stop offset="45%" stop-color="#6e6258"/>
<stop offset="100%" stop-color="#4a3f37"/>
</linearGradient>
<radialGradient id="headGrad" cx="45%" cy="35%" r="75%">
<stop offset="0%" stop-color="#96897c"/>
<stop offset="60%" stop-color="#75685c"/>
<stop offset="100%" stop-color="#544a40"/>
</radialGradient>
<linearGradient id="chestGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#e8ddce"/>
<stop offset="100%" stop-color="#b7a893"/>
</linearGradient>
<linearGradient id="tailGrad" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#5b5046"/>
<stop offset="60%" stop-color="#75685c"/>
<stop offset="100%" stop-color="#463c33"/>
</linearGradient>
<radialGradient id="eyeGrad" cx="40%" cy="35%" r="70%">
<stop offset="0%" stop-color="#d8e26a"/>
<stop offset="55%" stop-color="#a4b93a"/>
<stop offset="100%" stop-color="#5d7a1e"/>
</radialGradient>
<linearGradient id="earInner" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#3a3029"/>
<stop offset="100%" stop-color="#8d6f66"/>
</linearGradient>
<radialGradient id="shadow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#000" stop-opacity="0.35"/>
<stop offset="100%" stop-color="#000" stop-opacity="0"/>
</radialGradient>
<linearGradient id="legGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#7a6d61"/>
<stop offset="100%" stop-color="#8f8172"/>
</linearGradient>
</defs>
<rect width="600" height="720" fill="url(#bg)"/>
<ellipse cx="300" cy="640" rx="200" ry="42" fill="url(#shadow)"/>
<!-- Tail wrapping around -->
<path d="M410 610 Q505 610 512 545 Q518 485 470 470 Q440 462 430 490 Q425 510 450 515 Q472 520 468 545 Q463 578 395 578 Z"
fill="url(#tailGrad)"/>
<!-- tail stripes -->
<path d="M498 500 q14 12 12 32" stroke="#3c332b" stroke-width="9" fill="none" stroke-linecap="round" opacity="0.7"/>
<path d="M508 528 q4 18 -8 32" stroke="#3c332b" stroke-width="9" fill="none" stroke-linecap="round" opacity="0.7"/>
<path d="M492 560 q-12 14 -34 16" stroke="#3c332b" stroke-width="9" fill="none" stroke-linecap="round" opacity="0.65"/>
<!-- Body (sitting) -->
<path d="M300 200
C 380 205 420 280 430 360
C 440 440 452 520 448 570
C 445 615 400 638 300 638
C 200 638 155 615 152 570
C 148 520 160 440 170 360
C 180 280 220 205 300 200 Z"
fill="url(#bodyGrad)"/>
<!-- Haunches shading -->
<path d="M430 420 C 455 470 458 560 440 600 C 420 632 370 636 355 630 C 400 610 420 520 405 440 Z" fill="#3d342c" opacity="0.55"/>
<path d="M170 420 C 145 470 142 560 160 600 C 180 632 230 636 245 630 C 200 610 180 520 195 440 Z" fill="#3d342c" opacity="0.45"/>
<!-- body tabby stripes -->
<g stroke="#42382f" stroke-linecap="round" fill="none" opacity="0.6">
<path d="M415 330 q22 30 24 70" stroke-width="12"/>
<path d="M428 400 q18 40 16 85" stroke-width="12"/>
<path d="M185 330 q-22 30 -24 70" stroke-width="12"/>
<path d="M172 400 q-18 40 -16 85" stroke-width="12"/>
<path d="M360 250 q30 18 44 55" stroke-width="10"/>
<path d="M240 250 q-30 18 -44 55" stroke-width="10"/>
</g>
<!-- Chest -->
<path d="M300 300 C 345 300 362 350 362 430 C 362 520 345 590 300 590 C 255 590 238 520 238 430 C 238 350 255 300 300 300 Z"
fill="url(#chestGrad)"/>
<!-- chest fur strokes -->
<g stroke="#c9b9a1" stroke-width="2.4" stroke-linecap="round" fill="none" opacity="0.85">
<path d="M285 340 q-4 22 -2 40"/>
<path d="M300 335 q0 24 2 44"/>
<path d="M315 340 q4 22 2 40"/>
<path d="M278 400 q-3 24 0 44"/>
<path d="M300 398 q1 26 0 48"/>
<path d="M322 400 q3 24 0 44"/>
<path d="M288 470 q-2 26 0 46"/>
<path d="M312 470 q2 26 0 46"/>
</g>
<g stroke="#93816a" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6">
<path d="M270 370 q-4 20 -3 38"/>
<path d="M330 370 q4 20 3 38"/>
<path d="M300 440 q0 22 0 42"/>
<path d="M275 510 q-1 22 2 40"/>
<path d="M325 510 q1 22 -2 40"/>
</g>
<!-- Front legs -->
<path d="M258 470 C 250 520 248 585 252 615 C 254 632 300 634 300 615 L 298 470 Z" fill="url(#legGrad)"/>
<path d="M342 470 C 350 520 352 585 348 615 C 346 632 300 634 300 615 L 302 470 Z" fill="url(#legGrad)"/>
<path d="M300 470 L 300 618" stroke="#5d5248" stroke-width="4" opacity="0.5"/>
<!-- paws -->
<ellipse cx="272" cy="622" rx="34" ry="18" fill="#9a8c7b"/>
<ellipse cx="328" cy="622" rx="34" ry="18" fill="#9a8c7b"/>
<g stroke="#6b5f52" stroke-width="2.5" opacity="0.7">
<path d="M262 615 l-2 12" fill="none"/>
<path d="M275 616 l0 13" fill="none"/>
<path d="M318 616 l0 13" fill="none"/>
<path d="M334 615 l2 12" fill="none"/>
</g>
<!-- leg stripes -->
<g stroke="#4d4238" stroke-width="7" stroke-linecap="round" fill="none" opacity="0.5">
<path d="M256 520 q18 6 40 4"/>
<path d="M254 560 q18 6 42 4"/>
<path d="M346 520 q-18 6 -40 4"/>
<path d="M348 560 q-18 6 -42 4"/>
</g>
<!-- Ears -->
<path d="M196 158 L 172 62 L 262 118 Z" fill="#5c5148"/>
<path d="M404 158 L 428 62 L 338 118 Z" fill="#5c5148"/>
<path d="M203 148 L 186 82 L 250 122 Z" fill="url(#earInner)"/>
<path d="M397 148 L 414 82 L 350 122 Z" fill="url(#earInner)"/>
<!-- ear tufts -->
<g stroke="#d8cbb8" stroke-width="1.8" stroke-linecap="round" fill="none" opacity="0.8">
<path d="M212 138 q-8 -12 -10 -26"/>
<path d="M222 134 q-6 -14 -6 -28"/>
<path d="M232 132 q-3 -13 0 -26"/>
<path d="M388 138 q8 -12 10 -26"/>
<path d="M378 134 q6 -14 6 -28"/>
<path d="M368 132 q3 -13 0 -26"/>
</g>
<!-- Head -->
<path d="M300 96
C 360 96 412 132 418 195
C 423 250 400 300 300 302
C 200 300 177 250 182 195
C 188 132 240 96 300 96 Z"
fill="url(#headGrad)"/>
<!-- cheek fluff -->
<g stroke="#87796b" stroke-width="2.2" stroke-linecap="round" fill="none" opacity="0.85">
<path d="M190 235 q-14 6 -24 16"/>
<path d="M192 250 q-15 4 -26 12"/>
<path d="M198 264 q-14 8 -20 18"/>
<path d="M410 235 q14 6 24 16"/>
<path d="M408 250 q15 4 26 12"/>
<path d="M402 264 q14 8 20 18"/>
</g>
<!-- forehead tabby M -->
<g stroke="#3f352c" stroke-width="6" stroke-linecap="round" fill="none" opacity="0.7">
<path d="M300 108 q-2 30 0 52"/>
<path d="M278 112 q-6 26 -6 46"/>
<path d="M322 112 q6 26 6 46"/>
<path d="M256 122 q-10 20 -12 38"/>
<path d="M344 122 q10 20 12 38"/>
</g>
<!-- eyes -->
<g>
<path d="M218 196 q26 -22 52 0 q-24 26 -52 0 Z" fill="#2c2620"/>
<ellipse cx="245" cy="196" rx="24" ry="17" fill="url(#eyeGrad)"/>
<ellipse cx="245" cy="196" rx="6.5" ry="15" fill="#141210"/>
<circle cx="239" cy="189" r="4" fill="#fff" opacity="0.85"/>
<circle cx="251" cy="202" r="2" fill="#fff" opacity="0.5"/>
<path d="M330 196 q26 -22 52 0 q-24 26 -52 0 Z" fill="#2c2620"/>
<ellipse cx="355" cy="196" rx="24" ry="17" fill="url(#eyeGrad)"/>
<ellipse cx="355" cy="196" rx="6.5" ry="15" fill="#141210"/>
<circle cx="349" cy="189" r="4" fill="#fff" opacity="0.85"/>
<circle cx="361" cy="202" r="2" fill="#fff" opacity="0.5"/>
</g>
<!-- eye lids -->
<path d="M220 190 q25 -18 50 -1" stroke="#3a312a" stroke-width="3.5" fill="none" stroke-linecap="round"/>
<path d="M330 189 q25 -17 50 1" stroke="#3a312a" stroke-width="3.5" fill="none" stroke-linecap="round"/>
<!-- muzzle -->
<ellipse cx="300" cy="258" rx="52" ry="34" fill="#cbbda9" opacity="0.9"/>
<path d="M300 234 L 286 250 Q 300 262 314 250 Z" fill="#c26a72"/>
<path d="M288 251 Q 300 260 312 251" fill="none" stroke="#8f4a52" stroke-width="2"/>
<path d="M300 258 L 300 272" stroke="#5a4c40" stroke-width="3" stroke-linecap="round"/>
<path d="M300 272 Q 285 286 268 276" stroke="#5a4c40" stroke-width="3" fill="none" stroke-linecap="round"/>
<path d="M300 272 Q 315 286 332 276" stroke="#5a4c40" stroke-width="3" fill="none" stroke-linecap="round"/>
<!-- chin -->
<ellipse cx="300" cy="292" rx="18" ry="10" fill="#d8ccba" opacity="0.85"/>
<!-- whisker dots -->
<g fill="#6b5d4f">
<circle cx="268" cy="256" r="1.6"/><circle cx="276" cy="264" r="1.6"/><circle cx="264" cy="268" r="1.6"/>
<circle cx="332" cy="256" r="1.6"/><circle cx="324" cy="264" r="1.6"/><circle cx="336" cy="268" r="1.6"/>
</g>
<!-- whiskers -->
<g stroke="#f4ede0" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.9">
<path d="M268 252 Q 190 236 130 244"/>
<path d="M266 262 Q 190 258 126 274"/>
<path d="M268 272 Q 198 282 142 304"/>
<path d="M332 252 Q 410 236 470 244"/>
<path d="M334 262 Q 410 258 474 274"/>
<path d="M332 272 Q 402 282 458 304"/>
</g>
<!-- fur texture: head edges -->
<g stroke="#4b4139" stroke-width="1.6" stroke-linecap="round" fill="none" opacity="0.55">
<path d="M200 170 q-8 8 -10 18"/>
<path d="M195 195 q-7 8 -8 18"/>
<path d="M400 170 q8 8 10 18"/>
<path d="M405 195 q7 8 8 18"/>
<path d="M240 292 q-4 10 -10 15"/>
<path d="M360 292 q4 10 10 15"/>
<path d="M270 300 q-2 9 -6 14"/>
<path d="M330 300 q2 9 6 14"/>
</g>
<!-- fur texture: body sides -->
<g stroke="#3a312a" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.5">
<path d="M195 350 q-8 14 -9 28"/>
<path d="M186 400 q-8 16 -8 32"/>
<path d="M178 460 q-7 18 -6 34"/>
<path d="M172 525 q-5 18 -2 34"/>
<path d="M405 350 q8 14 9 28"/>
<path d="M414 400 q8 16 8 32"/>
<path d="M422 460 q7 18 6 34"/>
<path d="M428 525 q5 18 2 34"/>
</g>
<g stroke="#9c8f80" stroke-width="1.6" stroke-linecap="round" fill="none" opacity="0.55">
<path d="M215 340 q-6 14 -6 28"/>
<path d="M208 395 q-6 16 -5 32"/>
<path d="M202 455 q-5 16 -4 32"/>
<path d="M385 340 q6 14 6 28"/>
<path d="M392 395 q6 16 5 32"/>
<path d="M398 455 q5 16 4 32"/>
<path d="M250 270 q-8 10 -18 14"/>
<path d="M350 270 q8 10 18 14"/>
</g>
<!-- shoulder highlight -->
<path d="M255 230 C 230 250 210 285 205 320 C 225 285 250 255 285 240 Z" fill="#a99a89" opacity="0.35"/>
<path d="M345 230 C 370 250 390 285 395 320 C 375 285 350 255 315 240 Z" fill="#a99a89" opacity="0.3"/>
<!-- neck fur transition -->
<g stroke="#b3a48e" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.7">
<path d="M262 308 q-3 12 0 22"/>
<path d="M282 312 q-2 12 0 22"/>
<path d="M300 314 q0 12 0 22"/>
<path d="M318 312 q2 12 0 22"/>
<path d="M338 308 q3 12 0 22"/>
</g>
</svg>action
“Draw a cat riding a bicycle as an SVG.”
action #19.0✕ CLOSE
Claude Fable 5 · action · 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 300" width="400" height="300">
<!-- background -->
<rect width="400" height="300" fill="#cfeef7"/>
<circle cx="330" cy="50" r="25" fill="#ffd93b"/>
<rect y="240" width="400" height="60" fill="#8fce6e"/>
<rect y="238" width="400" height="6" fill="#7ab85c"/>
<!-- rear wheel -->
<g stroke="#333" fill="none">
<circle cx="110" cy="220" r="45" stroke-width="7"/>
<circle cx="110" cy="220" r="6" fill="#333"/>
<line x1="110" y1="175" x2="110" y2="265" stroke-width="2"/>
<line x1="65" y1="220" x2="155" y2="220" stroke-width="2"/>
<line x1="78" y1="188" x2="142" y2="252" stroke-width="2"/>
<line x1="142" y1="188" x2="78" y2="252" stroke-width="2"/>
</g>
<!-- front wheel -->
<g stroke="#333" fill="none">
<circle cx="300" cy="220" r="45" stroke-width="7"/>
<circle cx="300" cy="220" r="6" fill="#333"/>
<line x1="300" y1="175" x2="300" y2="265" stroke-width="2"/>
<line x1="255" y1="220" x2="345" y2="220" stroke-width="2"/>
<line x1="268" y1="188" x2="332" y2="252" stroke-width="2"/>
<line x1="332" y1="188" x2="268" y2="252" stroke-width="2"/>
</g>
<!-- frame -->
<g stroke="#e74c3c" stroke-width="7" fill="none" stroke-linecap="round">
<line x1="110" y1="220" x2="190" y2="150"/>
<line x1="190" y1="150" x2="278" y2="145"/>
<line x1="278" y1="145" x2="300" y2="220"/>
<line x1="110" y1="220" x2="205" y2="220"/>
<line x1="205" y1="220" x2="278" y2="145"/>
<line x1="190" y1="150" x2="205" y2="220"/>
<line x1="185" y1="128" x2="190" y2="150"/>
<line x1="282" y1="122" x2="278" y2="145"/>
</g>
<!-- handlebar -->
<path d="M282 122 Q292 110 305 114" stroke="#333" stroke-width="6" fill="none" stroke-linecap="round"/>
<!-- seat -->
<path d="M170 126 L202 126 L196 118 L176 118 Z" fill="#333"/>
<!-- crank + pedals -->
<circle cx="205" cy="220" r="10" fill="#555"/>
<line x1="205" y1="220" x2="222" y2="240" stroke="#333" stroke-width="5"/>
<line x1="205" y1="220" x2="188" y2="200" stroke="#333" stroke-width="5"/>
<rect x="214" y="237" width="18" height="7" rx="2" fill="#333"/>
<rect x="178" y="196" width="18" height="7" rx="2" fill="#333"/>
<!-- cat -->
<g>
<!-- tail -->
<path d="M165 120 Q120 105 128 70 Q132 55 145 62 Q138 70 145 82 Q158 100 180 108" fill="#f39c3d" stroke="#d97c1a" stroke-width="2"/>
<!-- back leg to pedal -->
<path d="M180 130 Q185 175 220 238" stroke="#f39c3d" stroke-width="12" fill="none" stroke-linecap="round"/>
<!-- body -->
<path d="M170 130 Q180 85 215 78 Q240 74 252 92 L240 130 Q205 145 170 130 Z" fill="#f5a94e" stroke="#d97c1a" stroke-width="2"/>
<!-- front leg to handlebar -->
<path d="M235 95 Q265 100 290 115" stroke="#f5a94e" stroke-width="11" fill="none" stroke-linecap="round"/>
<circle cx="290" cy="115" r="7" fill="#f39c3d"/>
<!-- head -->
<circle cx="245" cy="70" r="26" fill="#f5a94e" stroke="#d97c1a" stroke-width="2"/>
<!-- ears -->
<path d="M226 54 L220 32 L240 44 Z" fill="#f5a94e" stroke="#d97c1a" stroke-width="2"/>
<path d="M258 48 L270 30 L272 52 Z" fill="#f5a94e" stroke="#d97c1a" stroke-width="2"/>
<path d="M228 50 L225 40 L235 46 Z" fill="#f8c9d4"/>
<path d="M261 46 L267 37 L268 48 Z" fill="#f8c9d4"/>
<!-- face -->
<circle cx="242" cy="66" r="3.5" fill="#333"/>
<circle cx="258" cy="64" r="3.5" fill="#333"/>
<path d="M250 74 L254 74 L252 78 Z" fill="#e26"/>
<path d="M252 78 Q248 84 243 81 M252 78 Q257 84 262 80" stroke="#333" stroke-width="1.6" fill="none"/>
<!-- whiskers -->
<g stroke="#555" stroke-width="1.4">
<line x1="230" y1="72" x2="212" y2="70"/>
<line x1="230" y1="77" x2="213" y2="80"/>
<line x1="268" y1="70" x2="286" y2="66"/>
<line x1="268" y1="75" x2="286" y2="77"/>
</g>
<!-- stripes -->
<path d="M195 92 Q205 100 202 112 M215 84 Q222 94 220 106" stroke="#d97c1a" stroke-width="3" fill="none" stroke-linecap="round"/>
</g>
<!-- motion lines -->
<g stroke="#9bb8c2" stroke-width="3" stroke-linecap="round">
<line x1="30" y1="180" x2="55" y2="180"/>
<line x1="20" y1="200" x2="50" y2="200"/>
<line x1="35" y1="220" x2="58" y2="220"/>
</g>
</svg>
action #29.0✕ CLOSE
Claude Fable 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 500 420" width="500" height="420">
<!-- background -->
<rect width="500" height="420" fill="#bfe6f5"/>
<circle cx="420" cy="60" r="32" fill="#ffd94d"/>
<ellipse cx="90" cy="70" rx="45" ry="16" fill="#ffffff" opacity="0.85"/>
<ellipse cx="130" cy="55" rx="35" ry="13" fill="#ffffff" opacity="0.85"/>
<rect y="360" width="500" height="60" fill="#8fce6e"/>
<rect y="352" width="500" height="12" fill="#7ab85c"/>
<!-- rear wheel -->
<g stroke="#333" fill="none">
<circle cx="140" cy="310" r="58" stroke-width="8"/>
<circle cx="140" cy="310" r="50" stroke-width="2"/>
<g stroke-width="2">
<line x1="140" y1="260" x2="140" y2="360"/>
<line x1="90" y1="310" x2="190" y2="310"/>
<line x1="105" y1="275" x2="175" y2="345"/>
<line x1="175" y1="275" x2="105" y2="345"/>
</g>
<circle cx="140" cy="310" r="6" fill="#555"/>
</g>
<!-- front wheel -->
<g stroke="#333" fill="none">
<circle cx="360" cy="310" r="58" stroke-width="8"/>
<circle cx="360" cy="310" r="50" stroke-width="2"/>
<g stroke-width="2">
<line x1="360" y1="260" x2="360" y2="360"/>
<line x1="310" y1="310" x2="410" y2="310"/>
<line x1="325" y1="275" x2="395" y2="345"/>
<line x1="395" y1="275" x2="325" y2="345"/>
</g>
<circle cx="360" cy="310" r="6" fill="#555"/>
</g>
<!-- frame -->
<g stroke="#d0413b" stroke-width="8" fill="none" stroke-linecap="round">
<line x1="140" y1="310" x2="235" y2="312"/> <!-- chainstay -->
<line x1="140" y1="310" x2="212" y2="212"/> <!-- seat stay -->
<line x1="235" y1="312" x2="212" y2="212"/> <!-- seat tube -->
<line x1="235" y1="312" x2="338" y2="222"/> <!-- down tube -->
<line x1="212" y1="212" x2="332" y2="205"/> <!-- top tube -->
<line x1="338" y1="222" x2="360" y2="310"/> <!-- fork -->
<line x1="338" y1="222" x2="330" y2="192"/> <!-- head tube/stem -->
</g>
<!-- crank & pedals -->
<circle cx="235" cy="312" r="12" fill="none" stroke="#555" stroke-width="4"/>
<circle cx="235" cy="312" r="4" fill="#555"/>
<line x1="235" y1="312" x2="262" y2="338" stroke="#555" stroke-width="5" stroke-linecap="round"/>
<line x1="235" y1="312" x2="208" y2="286" stroke="#555" stroke-width="5" stroke-linecap="round"/>
<rect x="252" y="333" width="22" height="7" rx="2" fill="#333"/>
<rect x="196" y="280" width="22" height="7" rx="2" fill="#333"/>
<!-- seat -->
<path d="M192 205 Q212 197 232 205 L226 213 L198 213 Z" fill="#333"/>
<!-- handlebars -->
<path d="M330 192 Q322 172 340 168" stroke="#333" stroke-width="6" fill="none" stroke-linecap="round"/>
<circle cx="341" cy="168" r="5" fill="#555"/>
<!-- cat tail -->
<path d="M198 210 Q150 230 140 190 Q133 158 160 152" stroke="#e8963a" stroke-width="13" fill="none" stroke-linecap="round"/>
<path d="M160 152 Q170 150 168 158" stroke="#f5c07a" stroke-width="12" fill="none" stroke-linecap="round"/>
<!-- cat back leg to pedal -->
<path d="M212 200 Q220 260 258 332" stroke="#e8963a" stroke-width="16" fill="none" stroke-linecap="round"/>
<ellipse cx="260" cy="332" rx="11" ry="8" fill="#f5c07a"/>
<!-- cat body -->
<path d="M195 215 Q190 175 225 150 Q262 122 295 128 L300 165 Q265 175 240 195 Q222 210 220 218 Z" fill="#e8963a"/>
<!-- belly -->
<path d="M212 200 Q228 176 258 158 L268 172 Q240 186 226 206 Z" fill="#f5c07a"/>
<!-- stripes -->
<path d="M232 148 Q240 158 236 168" stroke="#c2732a" stroke-width="6" fill="none" stroke-linecap="round"/>
<path d="M254 136 Q262 146 258 156" stroke="#c2732a" stroke-width="6" fill="none" stroke-linecap="round"/>
<!-- front leg to handlebar -->
<path d="M285 145 Q315 158 336 168" stroke="#e8963a" stroke-width="14" fill="none" stroke-linecap="round"/>
<circle cx="337" cy="168" r="9" fill="#f5c07a"/>
<!-- head -->
<g>
<!-- ears -->
<path d="M292 92 L285 62 L310 78 Z" fill="#e8963a"/>
<path d="M330 88 L344 62 L347 92 Z" fill="#e8963a"/>
<path d="M293 88 L289 70 L304 80 Z" fill="#f2a5a5"/>
<path d="M332 86 L340 70 L342 88 Z" fill="#f2a5a5"/>
<circle cx="316" cy="112" r="32" fill="#e8963a"/>
<!-- muzzle -->
<ellipse cx="326" cy="122" rx="16" ry="12" fill="#f5c07a"/>
<!-- eyes -->
<circle cx="308" cy="106" r="4.5" fill="#2b2b2b"/>
<circle cx="330" cy="106" r="4.5" fill="#2b2b2b"/>
<circle cx="309.5" cy="104.5" r="1.5" fill="#fff"/>
<circle cx="331.5" cy="104.5" r="1.5" fill="#fff"/>
<!-- nose & mouth -->
<path d="M322 116 L330 116 L326 122 Z" fill="#e2706a"/>
<path d="M326 122 Q326 128 320 128 M326 122 Q326 128 332 128" stroke="#8a5220" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#8a5220" stroke-width="1.5" stroke-linecap="round">
<line x1="336" y1="116" x2="356" y2="112"/>
<line x1="336" y1="121" x2="357" y2="122"/>
<line x1="308" y1="118" x2="288" y2="115"/>
<line x1="308" y1="123" x2="289" y2="126"/>
</g>
<!-- head stripes -->
<path d="M310 84 Q312 90 310 94 M320 82 Q322 88 320 93" stroke="#c2732a" stroke-width="3.5" fill="none" stroke-linecap="round"/>
</g>
<!-- motion lines -->
<g stroke="#ffffff" stroke-width="4" stroke-linecap="round" opacity="0.8">
<line x1="42" y1="250" x2="80" y2="250"/>
<line x1="30" y1="280" x2="72" y2="280"/>
<line x1="45" y1="310" x2="78" y2="310"/>
</g>
</svg>
action #39.0✕ CLOSE
Claude Fable 5 · action · 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 500 400" width="500" height="400">
<!-- background -->
<rect width="500" height="400" fill="#bde3f5"/>
<circle cx="420" cy="60" r="30" fill="#ffd94d"/>
<rect y="310" width="500" height="90" fill="#8fc873"/>
<rect y="305" width="500" height="10" fill="#7ab35e"/>
<!-- rear wheel -->
<g stroke="#333" fill="none">
<circle cx="140" cy="300" r="58" stroke-width="8"/>
<circle cx="140" cy="300" r="6" fill="#333"/>
<g stroke-width="2.5">
<line x1="140" y1="242" x2="140" y2="358"/>
<line x1="82" y1="300" x2="198" y2="300"/>
<line x1="99" y1="259" x2="181" y2="341"/>
<line x1="99" y1="341" x2="181" y2="259"/>
</g>
</g>
<!-- front wheel -->
<g stroke="#333" fill="none">
<circle cx="370" cy="300" r="58" stroke-width="8"/>
<circle cx="370" cy="300" r="6" fill="#333"/>
<g stroke-width="2.5">
<line x1="370" y1="242" x2="370" y2="358"/>
<line x1="312" y1="300" x2="428" y2="300"/>
<line x1="329" y1="259" x2="411" y2="341"/>
<line x1="329" y1="341" x2="411" y2="259"/>
</g>
</g>
<!-- frame -->
<g stroke="#e0413f" stroke-width="8" fill="none" stroke-linecap="round">
<line x1="140" y1="300" x2="245" y2="300"/>
<line x1="140" y1="300" x2="205" y2="215"/>
<line x1="205" y1="215" x2="330" y2="215"/>
<line x1="245" y1="300" x2="205" y2="215"/>
<line x1="245" y1="300" x2="330" y2="215"/>
<line x1="330" y1="215" x2="370" y2="300"/>
</g>
<!-- seat post + seat -->
<line x1="205" y1="215" x2="198" y2="192" stroke="#555" stroke-width="6"/>
<path d="M178 190 Q198 180 220 190 Q200 200 178 190 Z" fill="#333"/>
<!-- handlebar -->
<line x1="330" y1="215" x2="322" y2="175" stroke="#555" stroke-width="6"/>
<path d="M322 175 Q300 165 295 150" stroke="#555" stroke-width="6" fill="none" stroke-linecap="round"/>
<!-- crank / pedals -->
<circle cx="245" cy="300" r="10" fill="#555"/>
<line x1="245" y1="300" x2="262" y2="322" stroke="#555" stroke-width="5"/>
<rect x="252" y="318" width="24" height="8" rx="3" fill="#333"/>
<line x1="245" y1="300" x2="228" y2="278" stroke="#555" stroke-width="5"/>
<rect x="216" y="272" width="24" height="8" rx="3" fill="#333"/>
<!-- tail -->
<path d="M175 205 Q130 190 125 150 Q123 130 140 128 Q152 127 150 142 Q148 165 185 178" fill="none" stroke="#f5a742" stroke-width="14" stroke-linecap="round"/>
<!-- cat back leg to pedal -->
<path d="M200 195 Q215 250 258 320" fill="none" stroke="#f5a742" stroke-width="16" stroke-linecap="round"/>
<!-- cat front leg to other pedal -->
<path d="M205 200 Q210 245 232 274" fill="none" stroke="#e8952e" stroke-width="16" stroke-linecap="round"/>
<!-- body -->
<path d="M185 200 Q195 145 240 128 Q265 120 278 138 L262 190 Q240 205 210 205 Z" fill="#f5a742"/>
<ellipse cx="205" cy="192" rx="26" ry="20" fill="#f5a742"/>
<!-- belly patch -->
<path d="M205 195 Q212 160 240 145 Q250 158 244 178 Q228 196 208 198 Z" fill="#ffd9a0"/>
<!-- arm to handlebar -->
<path d="M250 145 Q285 150 300 158" fill="none" stroke="#f5a742" stroke-width="14" stroke-linecap="round"/>
<circle cx="301" cy="158" r="8" fill="#e8952e"/>
<!-- head -->
<g>
<!-- ears -->
<path d="M240 100 L232 68 L260 84 Z" fill="#f5a742"/>
<path d="M245 74 L240 80 L252 86 Z" fill="#f7b6c2"/>
<path d="M285 96 L298 66 L305 98 Z" fill="#f5a742"/>
<path d="M295 76 L292 88 L300 90 Z" fill="#f7b6c2"/>
<circle cx="270" cy="115" r="34" fill="#f5a742"/>
<!-- eyes -->
<circle cx="262" cy="110" r="4.5" fill="#333"/>
<circle cx="284" cy="110" r="4.5" fill="#333"/>
<circle cx="263.5" cy="108.5" r="1.5" fill="#fff"/>
<circle cx="285.5" cy="108.5" r="1.5" fill="#fff"/>
<!-- nose & mouth -->
<path d="M271 120 L277 120 L274 125 Z" fill="#e0413f"/>
<path d="M274 125 Q274 131 268 131 M274 125 Q274 131 280 131" stroke="#333" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#333" stroke-width="1.5" stroke-linecap="round">
<line x1="240" y1="118" x2="256" y2="120"/>
<line x1="240" y1="127" x2="256" y2="125"/>
<line x1="288" y1="120" x2="304" y2="118"/>
<line x1="288" y1="125" x2="304" y2="127"/>
</g>
<!-- stripes -->
<path d="M256 88 Q262 94 268 88" stroke="#e8952e" stroke-width="3" fill="none"/>
<path d="M266 84 Q272 90 278 84" stroke="#e8952e" stroke-width="3" fill="none"/>
</g>
<!-- motion lines -->
<g stroke="#7fbfd8" stroke-width="4" stroke-linecap="round">
<line x1="40" y1="260" x2="75" y2="260"/>
<line x1="25" y1="285" x2="65" y2="285"/>
<line x1="45" y1="310" x2="78" y2="310"/>
</g>
</svg>
action #49.0✕ CLOSE
Claude Fable 5 · action · 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 800 600" width="800" height="600">
<!-- Sky background -->
<rect width="800" height="600" fill="#cfe8f7"/>
<!-- Sun -->
<circle cx="690" cy="90" r="45" fill="#ffd54f"/>
<!-- Ground -->
<rect y="470" width="800" height="130" fill="#8bc34a"/>
<rect y="460" width="800" height="14" fill="#7cb342"/>
<!-- Clouds -->
<g fill="#ffffff" opacity="0.9">
<ellipse cx="150" cy="90" rx="60" ry="22"/>
<ellipse cx="190" cy="75" rx="45" ry="20"/>
<ellipse cx="480" cy="60" rx="55" ry="20"/>
<ellipse cx="520" cy="48" rx="40" ry="17"/>
</g>
<!-- ================= BICYCLE ================= -->
<!-- Rear wheel -->
<g stroke="#333" fill="none">
<circle cx="250" cy="430" r="80" stroke-width="10"/>
<circle cx="250" cy="430" r="70" stroke-width="3" stroke="#777"/>
<!-- spokes -->
<g stroke="#999" stroke-width="3">
<line x1="250" y1="360" x2="250" y2="500"/>
<line x1="180" y1="430" x2="320" y2="430"/>
<line x1="201" y1="381" x2="299" y2="479"/>
<line x1="299" y1="381" x2="201" y2="479"/>
</g>
<circle cx="250" cy="430" r="10" fill="#555" stroke="none"/>
</g>
<!-- Front wheel -->
<g stroke="#333" fill="none">
<circle cx="560" cy="430" r="80" stroke-width="10"/>
<circle cx="560" cy="430" r="70" stroke-width="3" stroke="#777"/>
<g stroke="#999" stroke-width="3">
<line x1="560" y1="360" x2="560" y2="500"/>
<line x1="490" y1="430" x2="630" y2="430"/>
<line x1="511" y1="381" x2="609" y2="479"/>
<line x1="609" y1="381" x2="511" y2="479"/>
</g>
<circle cx="560" cy="430" r="10" fill="#555" stroke="none"/>
</g>
<!-- Frame -->
<g stroke="#e53935" stroke-width="12" fill="none" stroke-linecap="round">
<line x1="250" y1="430" x2="390" y2="430"/> <!-- chainstay -->
<line x1="390" y1="430" x2="330" y2="300"/> <!-- seat tube -->
<line x1="250" y1="430" x2="330" y2="300"/> <!-- seat stay -->
<line x1="330" y1="300" x2="500" y2="300"/> <!-- top tube -->
<line x1="390" y1="430" x2="500" y2="300"/> <!-- down tube -->
<line x1="500" y1="300" x2="560" y2="430"/> <!-- fork -->
<line x1="500" y1="300" x2="490" y2="255"/> <!-- head tube up -->
</g>
<!-- Handlebars -->
<g stroke="#333" stroke-width="9" fill="none" stroke-linecap="round">
<path d="M490 255 L470 240 L455 245"/>
</g>
<circle cx="455" cy="245" r="7" fill="#333"/>
<!-- Seat post + saddle -->
<line x1="330" y1="300" x2="322" y2="262" stroke="#333" stroke-width="8"/>
<path d="M295 262 Q322 248 352 260 Q325 272 295 262 Z" fill="#333"/>
<!-- Pedal crank -->
<circle cx="390" cy="430" r="16" fill="#555"/>
<line x1="390" y1="430" x2="415" y2="470" stroke="#333" stroke-width="8" stroke-linecap="round"/>
<rect x="400" y="463" width="34" height="12" rx="4" fill="#222"/>
<line x1="390" y1="430" x2="365" y2="390" stroke="#333" stroke-width="8" stroke-linecap="round"/>
<rect x="348" y="382" width="34" height="12" rx="4" fill="#222"/>
<!-- ================= CAT ================= -->
<!-- Tail -->
<path d="M300 275 Q240 260 235 200 Q233 170 258 165 Q245 195 265 220 Q285 245 310 258 Z" fill="#f5a623" stroke="#d68910" stroke-width="3"/>
<!-- Back leg (to pedal) -->
<path d="M320 280 Q340 340 360 385" stroke="#f5a623" stroke-width="26" fill="none" stroke-linecap="round"/>
<circle cx="362" cy="388" r="15" fill="#f8b84a"/>
<!-- Body -->
<ellipse cx="340" cy="240" rx="55" ry="70" transform="rotate(28 340 240)" fill="#f5a623" stroke="#d68910" stroke-width="3"/>
<!-- Belly patch -->
<ellipse cx="352" cy="252" rx="26" ry="42" transform="rotate(28 352 252)" fill="#ffe4b3"/>
<!-- Front arm to handlebar -->
<path d="M380 190 Q430 210 455 240" stroke="#f5a623" stroke-width="22" fill="none" stroke-linecap="round"/>
<circle cx="457" cy="242" r="13" fill="#f8b84a"/>
<!-- Head -->
<g>
<!-- ears -->
<path d="M355 120 L340 78 L378 100 Z" fill="#f5a623" stroke="#d68910" stroke-width="3"/>
<path d="M405 112 L428 76 L432 118 Z" fill="#f5a623" stroke="#d68910" stroke-width="3"/>
<path d="M352 113 L344 90 L366 103 Z" fill="#f7b6c2"/>
<path d="M410 108 L423 87 L425 111 Z" fill="#f7b6c2"/>
<!-- face -->
<circle cx="395" cy="150" r="48" fill="#f5a623" stroke="#d68910" stroke-width="3"/>
<!-- eyes -->
<circle cx="382" cy="142" r="6" fill="#333"/>
<circle cx="414" cy="140" r="6" fill="#333"/>
<circle cx="384" cy="140" r="2" fill="#fff"/>
<circle cx="416" cy="138" r="2" fill="#fff"/>
<!-- nose -->
<path d="M398 155 L406 155 L402 162 Z" fill="#e57373"/>
<!-- mouth -->
<path d="M402 162 Q400 170 392 169 M402 162 Q406 170 413 168" stroke="#333" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#333" stroke-width="2" stroke-linecap="round">
<line x1="358" y1="153" x2="330" y2="148"/>
<line x1="358" y1="161" x2="331" y2="163"/>
<line x1="434" y1="150" x2="462" y2="144"/>
<line x1="434" y1="158" x2="461" y2="160"/>
</g>
<!-- stripes -->
<path d="M375 108 Q380 118 386 110 M395 105 Q398 116 404 107" stroke="#d68910" stroke-width="3" fill="none" stroke-linecap="round"/>
</g>
<!-- Motion lines -->
<g stroke="#90a4ae" stroke-width="4" stroke-linecap="round">
<line x1="120" y1="380" x2="70" y2="380"/>
<line x1="130" y1="420" x2="65" y2="420"/>
<line x1="120" y1="460" x2="80" y2="460"/>
</g>
</svg>style
“Draw an origami-style cat with geometric folds as an SVG.”
style #19.0✕ CLOSE
Claude Fable 5 · style · attempt 1 · 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 800 800" width="800" height="800">
<!-- background -->
<rect width="800" height="800" fill="#faf3e7"/>
<polygon points="0,0 220,0 0,180" fill="#f6e9d6"/>
<polygon points="800,0 800,240 590,0" fill="#f3e4cd"/>
<polygon points="0,800 0,620 200,800" fill="#f3e4cd"/>
<polygon points="800,800 560,800 800,600" fill="#f6e9d6"/>
<!-- shadow -->
<ellipse cx="400" cy="672" rx="225" ry="24" fill="#e6d9c3"/>
<g stroke="#8f3a1a" stroke-width="1.5" stroke-linejoin="round" stroke-opacity="0.45">
<!-- tail (behind body) -->
<polygon points="500,600 560,650 600,590 545,555" fill="#c85a2d"/>
<polygon points="600,590 545,555 590,480 645,510" fill="#e0703a"/>
<polygon points="645,510 590,480 615,420 665,440" fill="#f4915e"/>
<polygon points="615,420 665,440 650,375" fill="#c85a2d"/>
<!-- body -->
<polygon points="400,390 320,475 400,565" fill="#e0703a"/>
<polygon points="400,390 480,475 400,565" fill="#f4915e"/>
<!-- left haunch -->
<polygon points="320,475 240,590 400,565" fill="#c85a2d"/>
<polygon points="240,590 270,660 400,565" fill="#a8441f"/>
<polygon points="270,660 390,660 400,565" fill="#c85a2d"/>
<!-- right haunch -->
<polygon points="480,475 560,590 400,565" fill="#f4915e"/>
<polygon points="560,590 530,660 400,565" fill="#e0703a"/>
<polygon points="530,660 410,660 400,565" fill="#ffb385"/>
<!-- chest cream fold -->
<polygon points="400,440 362,520 400,595 438,520" fill="#ffd9b8"/>
<!-- front legs -->
<polygon points="368,548 398,562 398,660 355,660" fill="#ffb385"/>
<polygon points="432,548 402,562 402,660 445,660" fill="#ffd9b8"/>
<polygon points="355,660 398,660 398,640 355,644" fill="#f4915e"/>
<polygon points="445,660 402,660 402,640 445,644" fill="#ffb385"/>
<!-- ears -->
<polygon points="322,105 302,238 392,203" fill="#e0703a"/>
<polygon points="326,140 316,222 372,202" fill="#a8441f"/>
<polygon points="478,105 498,238 408,203" fill="#f4915e"/>
<polygon points="474,140 484,222 428,202" fill="#c85a2d"/>
<!-- head facets -->
<polygon points="400,180 340,250 460,250" fill="#f4915e"/>
<polygon points="400,180 300,280 340,250" fill="#c85a2d"/>
<polygon points="400,180 500,280 460,250" fill="#ffb385"/>
<polygon points="300,280 340,250 400,320" fill="#e0703a"/>
<polygon points="500,280 460,250 400,320" fill="#f4915e"/>
<polygon points="340,250 460,250 400,320" fill="#ffcf9f"/>
<polygon points="300,280 400,320 400,400" fill="#f4915e"/>
<polygon points="500,280 400,320 400,400" fill="#ffb385"/>
<!-- muzzle fold -->
<polygon points="400,330 358,352 400,398 442,352" fill="#ffd9b8"/>
</g>
<!-- face details -->
<polygon points="332,272 372,260 362,288" fill="#2f2a26"/>
<polygon points="468,272 428,260 438,288" fill="#2f2a26"/>
<polygon points="400,320 384,340 400,356 416,340" fill="#b34430"/>
<path d="M400,356 L388,370 M400,356 L412,370" stroke="#8f3a1a" stroke-width="2.5" fill="none" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#8f3a1a" stroke-width="2" stroke-opacity="0.55" stroke-linecap="round">
<line x1="358" y1="336" x2="296" y2="326"/>
<line x1="358" y1="348" x2="298" y2="356"/>
<line x1="442" y1="336" x2="504" y2="326"/>
<line x1="442" y1="348" x2="502" y2="356"/>
</g>
<!-- subtle crease highlights -->
<g stroke="#ffffff" stroke-width="1.5" stroke-opacity="0.35" fill="none">
<line x1="400" y1="180" x2="400" y2="320"/>
<line x1="400" y1="390" x2="400" y2="565"/>
<line x1="320" y1="475" x2="400" y2="565"/>
<line x1="480" y1="475" x2="400" y2="565"/>
</g>
</svg>
style #29.0✕ CLOSE
Claude Fable 5 · style · 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 800 800" width="800" height="800">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#fdf3e3"/>
<stop offset="1" stop-color="#f3ddc0"/>
</linearGradient>
</defs>
<!-- background -->
<rect width="800" height="800" fill="url(#bg)"/>
<!-- ground shadow -->
<polygon points="215,655 655,655 700,700 180,700" fill="#d9bf9d" opacity="0.6"/>
<!-- tail -->
<polygon points="540,650 622,650 642,578 572,600" fill="#e08a3f"/>
<polygon points="572,600 642,578 626,498 588,528" fill="#f2a45c"/>
<polygon points="588,528 626,498 602,436" fill="#f7b877"/>
<polygon points="540,650 572,600 588,612 566,650" fill="#c96f2e"/>
<!-- body -->
<polygon points="470,400 545,640 400,560" fill="#cf7130"/>
<polygon points="545,640 400,640 400,560" fill="#b85f28"/>
<polygon points="330,400 255,640 400,560" fill="#eb9a4e"/>
<polygon points="255,640 400,640 400,560" fill="#d97b32"/>
<polygon points="400,370 330,400 400,560" fill="#f2a45c"/>
<polygon points="400,370 470,400 400,560" fill="#e08a3f"/>
<!-- front paws -->
<polygon points="400,560 362,642 400,642" fill="#f7b877"/>
<polygon points="400,560 438,642 400,642" fill="#f0a55e"/>
<line x1="400" y1="560" x2="400" y2="642" stroke="#b8642c" stroke-width="2"/>
<!-- ears -->
<polygon points="295,105 285,215 340,197" fill="#e08a3f"/>
<polygon points="295,105 340,197 365,185" fill="#a8522a"/>
<polygon points="505,105 515,215 460,197" fill="#c96f2e"/>
<polygon points="505,105 460,197 435,185" fill="#8f4423"/>
<!-- head -->
<polygon points="365,185 435,185 400,265" fill="#f2a45c"/>
<polygon points="285,215 365,185 400,265" fill="#f7b877"/>
<polygon points="435,185 515,215 400,265" fill="#e08a3f"/>
<polygon points="285,215 400,265 290,310" fill="#eb9a4e"/>
<polygon points="515,215 400,265 510,310" fill="#d97b32"/>
<polygon points="290,310 400,265 400,370" fill="#f9cd93"/>
<polygon points="510,310 400,265 400,370" fill="#eeb06a"/>
<!-- subtle crease highlights -->
<g stroke="#ffffff" stroke-width="1.5" opacity="0.35">
<line x1="400" y1="265" x2="400" y2="370"/>
<line x1="400" y1="370" x2="400" y2="560"/>
<line x1="330" y1="400" x2="255" y2="640"/>
<line x1="470" y1="400" x2="545" y2="640"/>
</g>
<!-- eyes -->
<polygon points="343,278 378,264 368,294" fill="#2f2a26"/>
<polygon points="457,278 422,264 432,294" fill="#2f2a26"/>
<!-- nose and mouth -->
<polygon points="388,314 412,314 400,334" fill="#c1543c"/>
<polyline points="384,352 400,334 416,352" fill="none" stroke="#8f4423" stroke-width="3" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#8f4423" stroke-width="2" stroke-linecap="round" opacity="0.8">
<line x1="352" y1="322" x2="288" y2="312"/>
<line x1="354" y1="336" x2="292" y2="342"/>
<line x1="448" y1="322" x2="512" y2="312"/>
<line x1="446" y1="336" x2="508" y2="342"/>
</g>
</svg>
style #39.0✕ CLOSE
Claude Fable 5 · style · 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 800 800" width="800" height="800">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#fdf6ec"/>
<stop offset="1" stop-color="#f3e3cf"/>
</linearGradient>
</defs>
<!-- background -->
<rect width="800" height="800" fill="url(#bg)"/>
<!-- ground shadow -->
<polygon points="220,700 580,700 640,730 160,730" fill="#e0cdb2" opacity="0.7"/>
<!-- ===== TAIL ===== -->
<polygon points="520,680 610,660 585,600" fill="#e85d04"/>
<polygon points="610,660 585,600 650,560" fill="#f2711c"/>
<polygon points="585,600 650,560 615,510" fill="#d94f04"/>
<polygon points="650,560 615,510 665,470" fill="#f7931e"/>
<polygon points="615,510 665,470 640,445" fill="#c44503"/>
<!-- ===== BODY ===== -->
<!-- haunches -->
<polygon points="300,540 235,660 320,680" fill="#d94f04"/>
<polygon points="500,540 565,660 480,680" fill="#e85d04"/>
<!-- flanks -->
<polygon points="340,420 300,540 400,560" fill="#f2711c"/>
<polygon points="460,420 500,540 400,560" fill="#e85d04"/>
<polygon points="300,540 400,560 320,680" fill="#f7931e"/>
<polygon points="500,540 400,560 480,680" fill="#f2711c"/>
<!-- chest -->
<polygon points="340,420 460,420 400,560" fill="#ffb85c"/>
<polygon points="400,560 320,680 480,680" fill="#ffcf8a"/>
<!-- front paws -->
<polygon points="345,620 375,680 315,680" fill="#c44503"/>
<polygon points="455,620 485,680 425,680" fill="#d94f04"/>
<!-- base fold line -->
<polygon points="235,660 320,680 300,700 250,695" fill="#b23e03"/>
<polygon points="565,660 480,680 500,700 550,695" fill="#c44503"/>
<!-- ===== EARS ===== -->
<polygon points="298,118 258,242 362,232" fill="#e85d04"/>
<polygon points="298,118 362,232 340,235" fill="#c44503"/>
<polygon points="304,150 280,232 344,226" fill="#8f3202"/>
<polygon points="502,118 542,242 438,232" fill="#f2711c"/>
<polygon points="502,118 438,232 460,235" fill="#d94f04"/>
<polygon points="496,150 520,232 456,226" fill="#8f3202"/>
<!-- ===== HEAD ===== -->
<!-- forehead -->
<polygon points="300,228 400,208 400,302" fill="#f7931e"/>
<polygon points="500,228 400,208 400,302" fill="#f2711c"/>
<!-- temples -->
<polygon points="300,228 400,302 278,302" fill="#e85d04"/>
<polygon points="500,228 400,302 522,302" fill="#d94f04"/>
<!-- cheeks -->
<polygon points="278,302 400,302 338,388" fill="#f2711c"/>
<polygon points="522,302 400,302 462,388" fill="#e85d04"/>
<!-- muzzle -->
<polygon points="338,388 400,302 462,388" fill="#ffb85c"/>
<!-- chin -->
<polygon points="338,388 462,388 400,432" fill="#f7931e"/>
<!-- neck join -->
<polygon points="338,388 400,432 340,420" fill="#d94f04"/>
<polygon points="462,388 400,432 460,420" fill="#c44503"/>
<!-- ===== FACE DETAILS ===== -->
<!-- eyes -->
<polygon points="322,308 358,300 344,330" fill="#2b1a0e"/>
<polygon points="478,308 442,300 456,330" fill="#2b1a0e"/>
<!-- nose -->
<polygon points="385,340 415,340 400,360" fill="#8f3202"/>
<!-- mouth fold -->
<polyline points="400,360 400,384 376,398" fill="none" stroke="#c44503" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
<polyline points="400,384 424,398" fill="none" stroke="#c44503" stroke-width="4" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#8f3202" stroke-width="3" stroke-linecap="round" opacity="0.75">
<line x1="345" y1="352" x2="272" y2="340"/>
<line x1="347" y1="366" x2="278" y2="372"/>
<line x1="455" y1="352" x2="528" y2="340"/>
<line x1="453" y1="366" x2="522" y2="372"/>
</g>
<!-- crease highlights -->
<g stroke="#ffffff" stroke-width="2" opacity="0.28">
<line x1="400" y1="208" x2="400" y2="302"/>
<line x1="400" y1="302" x2="338" y2="388"/>
<line x1="400" y1="302" x2="462" y2="388"/>
<line x1="400" y1="432" x2="400" y2="560"/>
<line x1="400" y1="560" x2="320" y2="680"/>
<line x1="400" y1="560" x2="480" y2="680"/>
<line x1="300" y1="540" x2="400" y2="560"/>
<line x1="500" y1="540" x2="400" y2="560"/>
</g>
</svg>
style #48.8✕ CLOSE
Claude Fable 5 · style · 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 800 800" width="800" height="800">
<defs>
<radialGradient id="bgGlow" cx="50%" cy="45%" r="65%">
<stop offset="0%" stop-color="#3a4a58"/>
<stop offset="100%" stop-color="#1f2a33"/>
</radialGradient>
</defs>
<!-- Background -->
<rect width="800" height="800" fill="url(#bgGlow)"/>
<circle cx="400" cy="400" r="300" fill="#42535f" opacity="0.35"/>
<circle cx="400" cy="400" r="300" fill="none" stroke="#7d8f9c" stroke-width="2" opacity="0.25"/>
<!-- Ground shadow -->
<ellipse cx="420" cy="690" rx="230" ry="24" fill="#000000" opacity="0.35"/>
<!-- ===== TAIL (behind body) ===== -->
<g stroke="#1f2a33" stroke-width="2" stroke-linejoin="round">
<polygon points="530,590 660,650 560,657" fill="#d96528"/>
<polygon points="660,650 710,540 615,617" fill="#e97f3d"/>
<polygon points="710,540 680,440 662,556" fill="#d96528"/>
<polygon points="680,440 710,540 733,468" fill="#f4995c"/>
<polygon points="680,440 733,468 712,415" fill="#f7b267"/>
</g>
<!-- ===== BODY ===== -->
<g stroke="#1f2a33" stroke-width="2" stroke-linejoin="round">
<!-- shoulders / flanks -->
<polygon points="352,380 400,505 292,470" fill="#e97f3d"/>
<polygon points="448,380 400,505 508,470" fill="#d96528"/>
<polygon points="292,470 400,505 255,650" fill="#d96528"/>
<polygon points="508,470 400,505 545,650" fill="#b54e1c"/>
<!-- chest -->
<polygon points="352,380 448,380 400,505" fill="#fbd9ae"/>
<!-- lower body / legs -->
<polygon points="400,505 255,650 350,672" fill="#e97f3d"/>
<polygon points="400,505 350,672 400,672" fill="#f3c88f"/>
<polygon points="400,505 400,672 450,672" fill="#e9b477"/>
<polygon points="400,505 450,672 545,650" fill="#d96528"/>
<!-- paw facets -->
<polygon points="350,672 400,672 375,690 340,686" fill="#f7b267"/>
<polygon points="400,672 450,672 462,686 425,690" fill="#f4995c"/>
</g>
<!-- ===== EARS ===== -->
<g stroke="#1f2a33" stroke-width="2" stroke-linejoin="round">
<polygon points="295,105 360,215 262,228" fill="#e97f3d"/>
<polygon points="304,142 346,210 286,217" fill="#8f3c14"/>
<polygon points="505,105 538,228 440,215" fill="#d96528"/>
<polygon points="498,142 516,217 454,210" fill="#8f3c14"/>
</g>
<!-- ===== HEAD ===== -->
<g stroke="#1f2a33" stroke-width="2" stroke-linejoin="round">
<polygon points="300,205 500,205 400,290" fill="#f4995c"/>
<polygon points="300,205 400,290 268,300" fill="#e97f3d"/>
<polygon points="500,205 400,290 532,300" fill="#d96528"/>
<polygon points="268,300 400,290 348,372" fill="#d96528"/>
<polygon points="532,300 400,290 452,372" fill="#b54e1c"/>
<polygon points="400,290 348,372 400,395" fill="#fbd9ae"/>
<polygon points="400,290 452,372 400,395" fill="#f3c88f"/>
</g>
<!-- Fold highlight creases -->
<g stroke="#ffffff" stroke-width="1.5" opacity="0.18" stroke-linecap="round">
<line x1="400" y1="205" x2="400" y2="290"/>
<line x1="400" y1="395" x2="400" y2="505"/>
<line x1="400" y1="505" x2="400" y2="672"/>
<line x1="292" y1="470" x2="255" y2="650"/>
<line x1="508" y1="470" x2="545" y2="650"/>
</g>
<!-- ===== FACE ===== -->
<!-- eyes -->
<polygon points="330,268 374,256 362,290" fill="#26343f"/>
<polygon points="470,268 426,256 438,290" fill="#26343f"/>
<polygon points="352,265 366,261 361,275" fill="#8fd6c9"/>
<polygon points="448,265 434,261 439,275" fill="#8fd6c9"/>
<!-- nose -->
<polygon points="386,318 414,318 400,340" fill="#7a3010" stroke="#1f2a33" stroke-width="1.5" stroke-linejoin="round"/>
<!-- mouth -->
<path d="M400,340 L400,356 L383,364 M400,356 L417,364" fill="none" stroke="#7a3010" stroke-width="2.5" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#fde8cf" stroke-width="2" opacity="0.75" stroke-linecap="round">
<line x1="362" y1="342" x2="284" y2="328"/>
<line x1="362" y1="352" x2="278" y2="352"/>
<line x1="362" y1="362" x2="288" y2="376"/>
<line x1="438" y1="342" x2="516" y2="328"/>
<line x1="438" y1="352" x2="522" y2="352"/>
<line x1="438" y1="362" x2="512" y2="376"/>
</g>
</svg>constraint
“Draw a recognizable cat as an SVG using at most 12 SVG elements.”
constraint #18.8✕ CLOSE
Claude Fable 5 · constraint · attempt 1 · score 8.8
cat likeness: 8.5aesthetic: 7.5technique: 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">
<path d="M155 150 Q185 140 180 110 Q178 95 168 100 Q160 105 168 115 Q172 130 150 138 Z" fill="#e8933a"/>
<ellipse cx="100" cy="145" rx="55" ry="35" fill="#f0a04b"/>
<polygon points="62,60 55,20 90,45" fill="#f0a04b" stroke="#d97f2e" stroke-width="3"/>
<polygon points="138,60 145,20 110,45" fill="#f0a04b" stroke="#d97f2e" stroke-width="3"/>
<circle cx="100" cy="80" r="45" fill="#f0a04b"/>
<ellipse cx="83" cy="75" rx="6" ry="9" fill="#2d3a2e"/>
<ellipse cx="117" cy="75" rx="6" ry="9" fill="#2d3a2e"/>
<polygon points="100,90 93,97 107,97" fill="#e06377"/>
<path d="M100 97 L100 105 M100 105 Q92 112 85 106 M100 105 Q108 112 115 106" fill="none" stroke="#7a4a1e" stroke-width="2.5" stroke-linecap="round"/>
<path d="M75 92 L45 85 M75 98 L45 100 M75 104 L48 113" stroke="#7a4a1e" stroke-width="2" stroke-linecap="round"/>
<path d="M125 92 L155 85 M125 98 L155 100 M125 104 L152 113" stroke="#7a4a1e" stroke-width="2" stroke-linecap="round"/>
<path d="M70 178 Q70 168 80 168 M110 178 Q110 168 120 168" stroke="#d97f2e" stroke-width="3" fill="none" stroke-linecap="round"/>
</svg>
constraint #29.0✕ CLOSE
Claude Fable 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">
<ellipse cx="100" cy="150" rx="45" ry="35" fill="#f0932b"/>
<path d="M145 150 Q185 145 175 115" stroke="#f0932b" stroke-width="12" fill="none" stroke-linecap="round"/>
<polygon points="65,60 60,25 92,45" fill="#f0932b"/>
<polygon points="135,60 140,25 108,45" fill="#f0932b"/>
<circle cx="100" cy="80" r="42" fill="#f0932b"/>
<circle cx="85" cy="72" r="5" fill="#2d3436"/>
<circle cx="115" cy="72" r="5" fill="#2d3436"/>
<polygon points="94,88 106,88 100,96" fill="#e17055"/>
<path d="M100 96 L100 102 M100 102 Q92 108 86 104 M100 102 Q108 108 114 104" stroke="#2d3436" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M75 90 L45 84 M75 96 L46 98" stroke="#2d3436" stroke-width="2" stroke-linecap="round"/>
<path d="M125 90 L155 84 M125 96 L154 98" stroke="#2d3436" stroke-width="2" stroke-linecap="round"/>
</svg>
constraint #39.0✕ CLOSE
Claude Fable 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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<ellipse cx="100" cy="150" rx="45" ry="35" fill="#e8933a"/>
<path d="M140 150 Q175 160 170 125" stroke="#e8933a" stroke-width="12" fill="none" stroke-linecap="round"/>
<polygon points="65,60 60,25 90,45" fill="#e8933a" stroke="#c9761f" stroke-width="3"/>
<polygon points="135,60 140,25 110,45" fill="#e8933a" stroke="#c9761f" stroke-width="3"/>
<circle cx="100" cy="80" r="40" fill="#e8933a"/>
<circle cx="85" cy="72" r="6" fill="#2b2b2b"/>
<circle cx="115" cy="72" r="6" fill="#2b2b2b"/>
<polygon points="94,88 106,88 100,96" fill="#e06666"/>
<path d="M100 96 Q100 104 92 106 M100 104 Q100 104 108 106" stroke="#2b2b2b" stroke-width="2" fill="none" stroke-linecap="round"/>
<path d="M78 90 L48 84 M78 96 L48 100" stroke="#2b2b2b" stroke-width="2" stroke-linecap="round"/>
<path d="M122 90 L152 84 M122 96 L152 100" stroke="#2b2b2b" stroke-width="2" stroke-linecap="round"/>
</svg>
constraint #49.0✕ CLOSE
Claude Fable 5 · constraint · 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 200 220" width="200" height="220">
<ellipse cx="100" cy="170" rx="55" ry="42" fill="#8a5a2b"/>
<path d="M150 175 Q195 165 185 120" fill="none" stroke="#8a5a2b" stroke-width="14" stroke-linecap="round"/>
<polygon points="55,60 65,15 95,45" fill="#8a5a2b"/>
<polygon points="145,60 135,15 105,45" fill="#8a5a2b"/>
<circle cx="100" cy="80" r="48" fill="#8a5a2b"/>
<circle cx="82" cy="72" r="7" fill="#2b1d0e"/>
<circle cx="118" cy="72" r="7" fill="#2b1d0e"/>
<polygon points="94,90 106,90 100,100" fill="#e58aa0"/>
<path d="M100 100 Q100 110 88 112 M100 100 Q100 110 112 112" fill="none" stroke="#2b1d0e" stroke-width="2.5" stroke-linecap="round"/>
<path d="M70 92 L35 85 M70 100 L35 102 M130 92 L165 85 M130 100 L165 102" stroke="#2b1d0e" stroke-width="2" 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 Fable 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>
.fur { fill: #4a4a5a; }
.inner-ear { fill: #f2a2b0; }
</style>
</defs>
<!-- background -->
<rect width="400" height="400" fill="#fdf6e3"/>
<ellipse cx="200" cy="330" rx="140" ry="18" fill="#e8dcc0"/>
<!-- TAIL (animated) -->
<g transform="translate(285,290)">
<g>
<animateTransform attributeName="transform" type="rotate"
values="0; 28; 0; -18; 0" keyTimes="0;0.25;0.5;0.75;1"
dur="3s" repeatCount="indefinite" calcMode="spline"
keySplines="0.45 0 0.55 1; 0.45 0 0.55 1; 0.45 0 0.55 1; 0.45 0 0.55 1"/>
<path class="fur" d="M0,0 C40,-5 65,-25 68,-60 C70,-85 55,-100 40,-100
C28,-100 22,-90 24,-82 C26,-74 34,-72 40,-76
C46,-80 48,-72 46,-62 C42,-38 28,-22 -2,-16 Z"/>
<!-- tail tip -->
<circle class="fur" cx="34" cy="-91" r="11"/>
</g>
</g>
<!-- BODY -->
<ellipse class="fur" cx="230" cy="285" rx="75" ry="52"/>
<!-- front paws -->
<ellipse class="fur" cx="185" cy="330" rx="20" ry="10"/>
<ellipse class="fur" cx="235" cy="332" rx="20" ry="10"/>
<line x1="180" y1="330" x2="180" y2="336" stroke="#3a3a48" stroke-width="1.5"/>
<line x1="190" y1="330" x2="190" y2="336" stroke="#3a3a48" stroke-width="1.5"/>
<line x1="230" y1="332" x2="230" y2="338" stroke="#3a3a48" stroke-width="1.5"/>
<line x1="240" y1="332" x2="240" y2="338" stroke="#3a3a48" stroke-width="1.5"/>
<!-- chest patch -->
<ellipse cx="200" cy="290" rx="35" ry="38" fill="#6c6c7e"/>
<!-- HEAD -->
<g>
<!-- ears -->
<path class="fur" d="M120,160 L112,105 L160,138 Z"/>
<path class="fur" d="M240,160 L248,105 L200,138 Z"/>
<path class="inner-ear" d="M126,152 L121,118 L152,140 Z"/>
<path class="inner-ear" d="M234,152 L239,118 L208,140 Z"/>
<!-- face -->
<circle class="fur" cx="180" cy="185" r="68"/>
<!-- stripes on forehead -->
<path d="M170,120 q10,-8 20,0" stroke="#3a3a48" stroke-width="4" fill="none" stroke-linecap="round"/>
<path d="M158,127 q22,-14 44,0" stroke="#3a3a48" stroke-width="4" fill="none" stroke-linecap="round"/>
<!-- eyes with blink -->
<g>
<ellipse cx="155" cy="178" rx="9" ry="12" fill="#ffd54f"/>
<ellipse cx="205" cy="178" rx="9" ry="12" fill="#ffd54f"/>
<ellipse cx="155" cy="180" rx="3.5" ry="9" fill="#222"/>
<ellipse cx="205" cy="180" rx="3.5" ry="9" fill="#222"/>
<circle cx="153" cy="174" r="2" fill="#fff"/>
<circle cx="203" cy="174" r="2" fill="#fff"/>
<animateTransform attributeName="transform" type="scale"
values="1 1; 1 1; 1 0.05; 1 1; 1 1" keyTimes="0;0.9;0.93;0.96;1"
dur="5s" repeatCount="indefinite" additive="sum"/>
<animateTransform attributeName="transform" type="translate"
values="0 0; 0 0; 0 170; 0 0; 0 0" keyTimes="0;0.9;0.93;0.96;1"
dur="5s" repeatCount="indefinite"/>
</g>
<!-- muzzle -->
<path d="M180,198 L173,207 Q180,213 187,207 Z" fill="#f2a2b0"/>
<path d="M180,211 Q180,219 170,221 M180,211 Q180,219 190,221"
stroke="#3a3a48" stroke-width="3" fill="none" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#c9c9d4" stroke-width="2.5" stroke-linecap="round" fill="none">
<path d="M140,200 Q118,196 100,190"/>
<path d="M140,210 Q118,212 98,212"/>
<path d="M140,220 Q120,226 102,232"/>
<path d="M220,200 Q242,196 260,190"/>
<path d="M220,210 Q242,212 262,212"/>
<path d="M220,220 Q240,226 258,232"/>
</g>
</g>
</svg>
animation #29.0✕ CLOSE
Claude Fable 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="bgGrad" cx="50%" cy="45%" r="70%">
<stop offset="0%" stop-color="#fdf3e3"/>
<stop offset="100%" stop-color="#f3ddc0"/>
</radialGradient>
</defs>
<!-- background -->
<rect width="400" height="400" fill="url(#bgGrad)"/>
<ellipse cx="200" cy="330" rx="140" ry="22" fill="#d8bd97" opacity="0.6"/>
<!-- TAIL: swaying continuously, pivot at base (275,290) -->
<g>
<path d="M275,295
C 320,290 345,265 340,225
C 337,200 320,190 305,196
C 293,201 292,214 300,219
C 308,224 316,219 315,211"
fill="none" stroke="#5b5148" stroke-width="20" stroke-linecap="round"/>
<animateTransform attributeName="transform" type="rotate"
values="0 275 295; 18 275 295; -12 275 295; 0 275 295"
keyTimes="0;0.35;0.75;1"
dur="3s" repeatCount="indefinite" calcMode="spline"
keySplines="0.45 0 0.55 1; 0.45 0 0.55 1; 0.45 0 0.55 1"/>
</g>
<!-- body -->
<path d="M130,330
C 118,265 150,215 200,215
C 250,215 282,265 270,330
Z" fill="#6e635a"/>
<!-- chest patch -->
<path d="M170,330 C 168,285 185,255 200,255 C 215,255 232,285 230,330 Z" fill="#e8dccb"/>
<!-- front paws -->
<ellipse cx="172" cy="326" rx="22" ry="12" fill="#7a6f65"/>
<ellipse cx="228" cy="326" rx="22" ry="12" fill="#7a6f65"/>
<path d="M164,322 v8 M172,322 v9 M180,322 v8" stroke="#5b5148" stroke-width="2" stroke-linecap="round" fill="none"/>
<path d="M220,322 v8 M228,322 v9 M236,322 v8" stroke="#5b5148" stroke-width="2" stroke-linecap="round" fill="none"/>
<!-- head -->
<g>
<!-- ears -->
<path d="M137,140 L150,90 L182,122 Z" fill="#6e635a"/>
<path d="M263,140 L250,90 L218,122 Z" fill="#6e635a"/>
<path d="M147,131 L154,103 L172,121 Z" fill="#e8a8a8"/>
<path d="M253,131 L246,103 L228,121 Z" fill="#e8a8a8"/>
<!-- face -->
<ellipse cx="200" cy="168" rx="70" ry="60" fill="#7a6f65"/>
<!-- stripes -->
<path d="M188,112 q12,-8 24,0 M180,120 q20,-12 40,0" stroke="#5b5148" stroke-width="5" fill="none" stroke-linecap="round"/>
<!-- eyes (blinking) -->
<g>
<ellipse cx="175" cy="165" rx="10" ry="12" fill="#2e2a26">
<animate attributeName="ry" values="12;12;1;12;12" keyTimes="0;0.9;0.94;0.98;1" dur="4.5s" repeatCount="indefinite"/>
</ellipse>
<ellipse cx="225" cy="165" rx="10" ry="12" fill="#2e2a26">
<animate attributeName="ry" values="12;12;1;12;12" keyTimes="0;0.9;0.94;0.98;1" dur="4.5s" repeatCount="indefinite"/>
</ellipse>
<circle cx="178" cy="161" r="3" fill="#ffffff"/>
<circle cx="228" cy="161" r="3" fill="#ffffff"/>
</g>
<!-- muzzle -->
<path d="M200,185 l-8,7 q8,7 16,0 z" fill="#e8a8a8"/>
<path d="M200,192 q0,10 -12,12 M200,192 q0,10 12,12" stroke="#5b5148" stroke-width="3" fill="none" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#e8dccb" stroke-width="2.5" stroke-linecap="round" fill="none">
<path d="M158,185 q-25,-4 -42,-10"/>
<path d="M158,193 q-25,2 -44,2"/>
<path d="M158,201 q-23,7 -40,13"/>
<path d="M242,185 q25,-4 42,-10"/>
<path d="M242,193 q25,2 44,2"/>
<path d="M242,201 q23,7 40,13"/>
</g>
</g>
</svg>
animation #39.0✕ CLOSE
Claude Fable 5 · 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">
<!-- background -->
<rect width="400" height="300" fill="#fdf6e3"/>
<ellipse cx="190" cy="252" rx="120" ry="14" fill="#e8dcc0"/>
<!-- tail (animated) -->
<g transform="translate(268,215)">
<g>
<animateTransform attributeName="transform" type="rotate"
values="0; 28; 0; -18; 0" keyTimes="0;0.25;0.5;0.75;1"
dur="3s" repeatCount="indefinite" calcMode="spline"
keySplines="0.45 0 0.55 1;0.45 0 0.55 1;0.45 0 0.55 1;0.45 0 0.55 1"/>
<path d="M0,0 C40,-10 70,-40 62,-85 C58,-108 40,-112 34,-98 C28,-84 46,-80 44,-62 C40,-30 20,-14 -4,-10 Z"
fill="#5a5a5a"/>
<circle cx="38" cy="-100" r="9" fill="#7a7a7a"/>
</g>
</g>
<!-- body -->
<ellipse cx="210" cy="210" rx="75" ry="52" fill="#5a5a5a"/>
<ellipse cx="210" cy="222" rx="45" ry="32" fill="#8c8c8c"/>
<!-- front paws -->
<ellipse cx="180" cy="250" rx="18" ry="10" fill="#6b6b6b"/>
<ellipse cx="230" cy="250" rx="18" ry="10" fill="#6b6b6b"/>
<!-- head -->
<g>
<!-- ears -->
<polygon points="105,90 118,40 148,78" fill="#5a5a5a"/>
<polygon points="205,90 192,40 162,78" fill="#5a5a5a"/>
<polygon points="113,84 121,55 138,77" fill="#f3a6b0"/>
<polygon points="197,84 189,55 172,77" fill="#f3a6b0"/>
<!-- face -->
<circle cx="155" cy="120" r="56" fill="#5a5a5a"/>
<!-- eyes -->
<g>
<ellipse cx="135" cy="112" rx="8" ry="10" fill="#ffd94a"/>
<ellipse cx="175" cy="112" rx="8" ry="10" fill="#ffd94a"/>
<ellipse cx="135" cy="113" rx="3" ry="8" fill="#222">
<animate attributeName="ry" values="8;8;0.5;8;8" keyTimes="0;0.46;0.5;0.54;1" dur="5s" repeatCount="indefinite"/>
</ellipse>
<ellipse cx="175" cy="113" rx="3" ry="8" fill="#222">
<animate attributeName="ry" values="8;8;0.5;8;8" keyTimes="0;0.46;0.5;0.54;1" dur="5s" repeatCount="indefinite"/>
</ellipse>
</g>
<!-- muzzle -->
<path d="M148,132 L162,132 L155,141 Z" fill="#f3a6b0"/>
<path d="M155,141 Q155,150 145,152 M155,141 Q155,150 165,152"
stroke="#2f2f2f" stroke-width="2" fill="none" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#dcdcdc" stroke-width="2" stroke-linecap="round">
<line x1="118" y1="132" x2="80" y2="126"/>
<line x1="118" y1="140" x2="82" y2="144"/>
<line x1="192" y1="132" x2="230" y2="126"/>
<line x1="192" y1="140" x2="228" y2="144"/>
</g>
</g>
<!-- chest stripe -->
<path d="M150,180 q10,15 0,30" stroke="#8c8c8c" stroke-width="4" fill="none" stroke-linecap="round"/>
</svg>
animation #48.8✕ CLOSE
Claude Fable 5 · 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">
<defs>
<style>
.fur { fill: #f4a460; }
.furdark { fill: #e08f4f; }
</style>
</defs>
<!-- background -->
<rect width="400" height="400" fill="#e8f4f8"/>
<ellipse cx="200" cy="330" rx="140" ry="20" fill="#c9dde5"/>
<!-- tail (animated) -->
<g transform="translate(285,290)">
<g>
<animateTransform attributeName="transform" type="rotate"
values="0; 28; 0; -18; 0" keyTimes="0;0.25;0.5;0.75;1"
dur="3s" 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 d="M0,0 C60,-10 80,-60 60,-110 C55,-122 40,-120 42,-105 C56,-65 40,-25 -5,-18 Z"
class="fur" stroke="#c97b3d" stroke-width="3" stroke-linejoin="round"/>
<circle cx="50" cy="-112" r="10" fill="#fff" opacity="0.55"/>
</g>
</g>
<!-- body -->
<ellipse cx="215" cy="285" rx="85" ry="55" class="fur" stroke="#c97b3d" stroke-width="3"/>
<!-- belly -->
<ellipse cx="200" cy="300" rx="45" ry="30" fill="#ffe4c4"/>
<!-- front paws -->
<ellipse cx="160" cy="332" rx="18" ry="10" fill="#ffe4c4" stroke="#c97b3d" stroke-width="2.5"/>
<ellipse cx="205" cy="335" rx="18" ry="10" fill="#ffe4c4" stroke="#c97b3d" stroke-width="2.5"/>
<!-- head -->
<g>
<!-- ears -->
<path d="M95,140 L88,90 L135,115 Z" class="fur" stroke="#c97b3d" stroke-width="3" stroke-linejoin="round"/>
<path d="M195,140 L202,90 L155,115 Z" class="fur" stroke="#c97b3d" stroke-width="3" stroke-linejoin="round"/>
<path d="M100,132 L96,103 L124,118 Z" fill="#f7c2cf"/>
<path d="M190,132 L194,103 L166,118 Z" fill="#f7c2cf"/>
<!-- face -->
<circle cx="145" cy="175" r="62" class="fur" stroke="#c97b3d" stroke-width="3"/>
<!-- stripes -->
<path d="M132,116 q13,-8 26,0 l-4,14 q-9,-5 -18,0 Z" class="furdark"/>
<!-- eyes -->
<g>
<ellipse cx="122" cy="168" rx="8" ry="10" fill="#3a2a1a"/>
<ellipse cx="168" cy="168" rx="8" ry="10" fill="#3a2a1a"/>
<circle cx="125" cy="164" r="3" fill="#fff"/>
<circle cx="171" cy="164" r="3" fill="#fff"/>
<!-- blink -->
<rect x="108" y="150" width="76" height="0" class="fur">
<animate attributeName="height" values="0;0;22;0;0" keyTimes="0;0.44;0.48;0.52;1" dur="5s" repeatCount="indefinite"/>
<animate attributeName="y" values="158;158;158;158;158" dur="5s" repeatCount="indefinite"/>
</rect>
</g>
<!-- nose & mouth -->
<path d="M139,190 L151,190 L145,198 Z" fill="#e77a8f"/>
<path d="M145,198 q0,8 -10,10 M145,198 q0,8 10,10" fill="none" stroke="#8a5a30" stroke-width="2.5" stroke-linecap="round"/>
<!-- whiskers -->
<g stroke="#8a5a30" stroke-width="2" stroke-linecap="round">
<line x1="98" y1="188" x2="62" y2="182"/>
<line x1="98" y1="198" x2="64" y2="202"/>
<line x1="192" y1="188" x2="228" y2="182"/>
<line x1="192" y1="198" x2="226" y2="202"/>
</g>
<!-- cheeks -->
<ellipse cx="108" cy="192" rx="9" ry="5" fill="#f7c2cf" opacity="0.7"/>
<ellipse cx="182" cy="192" rx="9" ry="5" fill="#f7c2cf" opacity="0.7"/>
</g>
<!-- body stripes -->
<path d="M255,245 q12,15 10,32 l-14,-3 q2,-15 -6,-25 Z" class="furdark"/>
<path d="M275,265 q8,12 6,26 l-13,-3 q2,-12 -4,-20 Z" class="furdark"/>
</svg>