GPT-5.5
RANK 01 · MEOWSCORE 88.3 · current · US · closed
minimal
“Draw a minimal, flat-design cat as an SVG.”
minimal #19.0✕ CLOSE
GPT-5.5 · minimal · attempt 1 · score 9.0
cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-label="Minimal flat-design cat">
<rect width="512" height="512" fill="#f7efe5"/>
<path d="M143 112l67 62h92l67-62 2 132c0 82-51 146-115 146s-115-64-115-146z" fill="#f2a65a"/>
<path d="M181 139l38 35h-39zM331 139l-38 35h39z" fill="#d9823b"/>
<circle cx="210" cy="245" r="14" fill="#242424"/>
<circle cx="302" cy="245" r="14" fill="#242424"/>
<path d="M256 271l-18 15h36z" fill="#5b3326"/>
<path d="M256 286v25" stroke="#5b3326" stroke-width="8" stroke-linecap="round"/>
<path d="M256 308c-15 18-38 18-51 2M256 308c15 18 38 18 51 2" fill="none" stroke="#5b3326" stroke-width="8" stroke-linecap="round"/>
<path d="M143 268H63M145 295H72M369 268h80M367 295h73" stroke="#5b3326" stroke-width="7" stroke-linecap="round"/>
<path d="M213 218c-14-12-34-12-48 0M347 218c-14-12-34-12-48 0" fill="none" stroke="#5b3326" stroke-width="7" stroke-linecap="round"/>
<path d="M256 390c-57 0-102-48-112-111 28 21 68 34 112 34s84-13 112-34c-10 63-55 111-112 111z" fill="#e89345" opacity=".35"/>
</svg>
minimal #28.5✕ CLOSE
GPT-5.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 512 512" role="img" aria-label="Minimal flat-design cat">
<rect width="512" height="512" fill="#f7f3ea"/>
<path d="M138 216c0-38 18-72 46-94l-18-72c-2-8 7-14 14-9l66 46c7-1 13-2 20-2s13 1 20 2l66-46c7-5 16 1 14 9l-18 72c28 22 46 56 46 94v89c0 69-56 125-125 125h-6c-69 0-125-56-125-125v-89z" fill="#f2a65a"/>
<path d="M184 122l-10-42 38 27c-10 4-19 9-28 15z" fill="#d9823b"/>
<path d="M348 122l10-42-38 27c10 4 19 9 28 15z" fill="#d9823b"/>
<circle cx="216" cy="238" r="16" fill="#2f2f2f"/>
<circle cx="316" cy="238" r="16" fill="#2f2f2f"/>
<circle cx="221" cy="232" r="5" fill="#ffffff"/>
<circle cx="321" cy="232" r="5" fill="#ffffff"/>
<path d="M256 272l-18-14h36l-18 14z" fill="#5c3a2e"/>
<path d="M256 272v24" fill="none" stroke="#5c3a2e" stroke-width="8" stroke-linecap="round"/>
<path d="M256 296c-13 18-39 18-52 0" fill="none" stroke="#5c3a2e" stroke-width="8" stroke-linecap="round"/>
<path d="M256 296c13 18 39 18 52 0" fill="none" stroke="#5c3a2e" stroke-width="8" stroke-linecap="round"/>
<path d="M170 274h-58" stroke="#5c3a2e" stroke-width="7" stroke-linecap="round"/>
<path d="M174 298l-62 18" stroke="#5c3a2e" stroke-width="7" stroke-linecap="round"/>
<path d="M342 274h58" stroke="#5c3a2e" stroke-width="7" stroke-linecap="round"/>
<path d="M338 298l62 18" stroke="#5c3a2e" stroke-width="7" stroke-linecap="round"/>
<path d="M211 381c29 18 81 18 110 0" fill="none" stroke="#d9823b" stroke-width="10" stroke-linecap="round"/>
</svg>
minimal #38.5✕ CLOSE
GPT-5.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 512 512" role="img" aria-label="Minimal flat-design cat">
<rect width="512" height="512" fill="#F7F3EA"/>
<path d="M156 172 L116 92 L198 136 Z" fill="#2F3136"/>
<path d="M356 172 L396 92 L314 136 Z" fill="#2F3136"/>
<path d="M170 158 L140 116 L190 146 Z" fill="#F29AA3"/>
<path d="M342 158 L372 116 L322 146 Z" fill="#F29AA3"/>
<circle cx="256" cy="256" r="146" fill="#2F3136"/>
<ellipse cx="206" cy="242" rx="19" ry="28" fill="#F7F3EA"/>
<ellipse cx="306" cy="242" rx="19" ry="28" fill="#F7F3EA"/>
<circle cx="212" cy="250" r="7" fill="#2F3136"/>
<circle cx="300" cy="250" r="7" fill="#2F3136"/>
<path d="M244 282 Q256 292 268 282 Q265 300 256 300 Q247 300 244 282 Z" fill="#F29AA3"/>
<path d="M256 300 V318" stroke="#F7F3EA" stroke-width="7" stroke-linecap="round"/>
<path d="M256 318 Q238 334 218 322" fill="none" stroke="#F7F3EA" stroke-width="7" stroke-linecap="round"/>
<path d="M256 318 Q274 334 294 322" fill="none" stroke="#F7F3EA" stroke-width="7" stroke-linecap="round"/>
<path d="M134 278 H60" stroke="#2F3136" stroke-width="10" stroke-linecap="round"/>
<path d="M136 306 L70 326" stroke="#2F3136" stroke-width="10" stroke-linecap="round"/>
<path d="M378 278 H452" stroke="#2F3136" stroke-width="10" stroke-linecap="round"/>
<path d="M376 306 L442 326" stroke="#2F3136" stroke-width="10" stroke-linecap="round"/>
<ellipse cx="256" cy="392" rx="92" ry="42" fill="#2F3136"/>
</svg>
minimal #48.5✕ CLOSE
GPT-5.5 · minimal · attempt 4 · score 8.5
cat likeness: 9.0aesthetic: 8.0technique: 8.0prompt fidelity: 9.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-label="Minimal flat-design cat">
<rect width="512" height="512" fill="#F7F4EF"/>
<path d="M148 236c0-66 48-120 108-120s108 54 108 120v92c0 57-46 103-103 103h-10c-57 0-103-46-103-103v-92z" fill="#F2A65A"/>
<path d="M166 159l-14-83 67 50z" fill="#F2A65A"/>
<path d="M346 159l14-83-67 50z" fill="#F2A65A"/>
<path d="M174 132l-7-38 31 24z" fill="#F7C48B"/>
<path d="M338 132l7-38-31 24z" fill="#F7C48B"/>
<circle cx="216" cy="247" r="13" fill="#2F2F35"/>
<circle cx="296" cy="247" r="13" fill="#2F2F35"/>
<path d="M256 273l-15 13h30z" fill="#E76F51"/>
<path d="M256 286v20" stroke="#2F2F35" stroke-width="6" stroke-linecap="round"/>
<path d="M256 306c-10 13-27 13-36 1" fill="none" stroke="#2F2F35" stroke-width="6" stroke-linecap="round"/>
<path d="M256 306c10 13 27 13 36 1" fill="none" stroke="#2F2F35" stroke-width="6" stroke-linecap="round"/>
<path d="M195 282l-55-12" stroke="#2F2F35" stroke-width="6" stroke-linecap="round"/>
<path d="M195 300l-59 3" stroke="#2F2F35" stroke-width="6" stroke-linecap="round"/>
<path d="M317 282l55-12" stroke="#2F2F35" stroke-width="6" stroke-linecap="round"/>
<path d="M317 300l59 3" stroke="#2F2F35" stroke-width="6" stroke-linecap="round"/>
<path d="M160 344c-40 10-66 42-62 76 4 31 29 47 56 39 22-7 35-29 28-48-6-18-25-25-42-18" fill="none" stroke="#F2A65A" stroke-width="34" stroke-linecap="round"/>
<ellipse cx="256" cy="366" rx="72" ry="60" fill="#F7C48B"/>
<path d="M205 156c16-13 34-20 51-20s35 7 51 20" fill="none" stroke="#D9823B" stroke-width="8" stroke-linecap="round" opacity=".35"/>
</svg>realistic
“Draw a realistic sitting cat with visible fur shading as an SVG.”
realistic #18.3✕ CLOSE
GPT-5.5 · realistic · attempt 1 · score 8.3
cat likeness: 9.0aesthetic: 7.0technique: 9.0prompt fidelity: 8.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="900" viewBox="0 0 800 900" role="img" aria-label="Realistic sitting cat with visible fur shading">
<defs>
<radialGradient id="bodyGrad" cx="47%" cy="38%" r="63%">
<stop offset="0%" stop-color="#8f8d86"/>
<stop offset="38%" stop-color="#6f6c64"/>
<stop offset="74%" stop-color="#4f4b45"/>
<stop offset="100%" stop-color="#2f2c29"/>
</radialGradient>
<radialGradient id="chestGrad" cx="52%" cy="32%" r="68%">
<stop offset="0%" stop-color="#d8d1c4"/>
<stop offset="48%" stop-color="#b9b0a2"/>
<stop offset="100%" stop-color="#746d64"/>
</radialGradient>
<radialGradient id="headGrad" cx="45%" cy="34%" r="68%">
<stop offset="0%" stop-color="#9a9890"/>
<stop offset="50%" stop-color="#6d6a62"/>
<stop offset="100%" stop-color="#383531"/>
</radialGradient>
<linearGradient id="earGrad" x1="0" x2="0" y1="0" y2="1">
<stop offset="0%" stop-color="#4d4943"/>
<stop offset="100%" stop-color="#81796e"/>
</linearGradient>
<radialGradient id="eyeGrad" cx="42%" cy="36%" r="58%">
<stop offset="0%" stop-color="#f3f6b1"/>
<stop offset="48%" stop-color="#b7ca47"/>
<stop offset="100%" stop-color="#596b1d"/>
</radialGradient>
<linearGradient id="tailGrad" x1="0" x2="1" y1="0" y2="1">
<stop offset="0%" stop-color="#302d29"/>
<stop offset="45%" stop-color="#706b62"/>
<stop offset="100%" stop-color="#45413b"/>
</linearGradient>
<filter id="softShadow" x="-40%" y="-40%" width="180%" height="180%">
<feGaussianBlur in="SourceAlpha" stdDeviation="12"/>
<feOffset dx="0" dy="18" result="off"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.28"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="furTexture" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.026 0.18" numOctaves="4" seed="9" result="noise"/>
<feColorMatrix in="noise" type="matrix" values="0.25 0 0 0 0.02 0 0.25 0 0 0.02 0 0 0.25 0 0.02 0 0 0 0.35 0" result="softNoise"/>
<feBlend in="SourceGraphic" in2="softNoise" mode="multiply"/>
</filter>
<clipPath id="bodyClip">
<path d="M404 310 C322 312 243 365 218 474 C192 590 221 738 330 792 C404 829 515 814 578 748 C644 678 642 542 608 443 C574 345 497 307 404 310 Z"/>
</clipPath>
<clipPath id="headClip">
<path d="M400 137 C326 137 263 189 254 266 C244 350 304 416 397 420 C489 424 555 361 548 275 C542 197 478 137 400 137 Z"/>
</clipPath>
</defs>
<rect width="800" height="900" fill="#f4f0e9"/>
<ellipse cx="405" cy="820" rx="225" ry="38" fill="#2b2927" opacity="0.18"/>
<g filter="url(#softShadow)">
<path d="M559 485 C657 513 710 612 674 704 C648 770 569 804 510 773 C463 748 451 691 486 653 C519 617 581 637 600 681 C618 720 596 758 552 760 C521 761 495 745 482 719"
fill="none" stroke="url(#tailGrad)" stroke-width="72" stroke-linecap="round" opacity="0.98"/>
<path d="M559 485 C657 513 710 612 674 704 C648 770 569 804 510 773 C463 748 451 691 486 653 C519 617 581 637 600 681 C618 720 596 758 552 760 C521 761 495 745 482 719"
fill="none" stroke="#1f1d1b" stroke-width="11" stroke-linecap="round" opacity="0.22"/>
<path d="M404 310 C322 312 243 365 218 474 C192 590 221 738 330 792 C404 829 515 814 578 748 C644 678 642 542 608 443 C574 345 497 307 404 310 Z"
fill="url(#bodyGrad)" filter="url(#furTexture)"/>
<g clip-path="url(#bodyClip)">
<path d="M340 354 C287 431 278 539 291 626 C303 704 340 771 398 806 C451 774 497 710 515 627 C537 525 512 420 457 351 C423 335 378 336 340 354 Z"
fill="url(#chestGrad)" opacity="0.85"/>
<path d="M293 347 C278 423 277 516 297 595 M338 323 C326 424 332 552 354 650 M510 331 C529 435 522 560 492 668 M574 405 C595 493 592 612 554 710"
fill="none" stroke="#2f2c28" stroke-width="8" stroke-linecap="round" opacity="0.18"/>
<path d="M241 454 C315 497 395 515 516 490 M225 536 C320 577 441 586 615 549 M237 636 C345 667 465 665 609 621 M285 735 C376 746 469 740 558 710"
fill="none" stroke="#1f1d1b" stroke-width="10" stroke-linecap="round" opacity="0.15"/>
<path d="M302 384 C337 407 381 418 427 413 M279 456 C335 483 421 493 500 474 M276 560 C353 595 471 598 577 565 M304 672 C387 702 478 699 552 665"
fill="none" stroke="#b8b0a4" stroke-width="4" stroke-linecap="round" opacity="0.22"/>
<g stroke-linecap="round" opacity="0.55">
<path d="M253 420 l-18 31 M276 394 l-22 40 M309 367 l-17 34 M344 344 l-13 34 M468 343 l16 35 M509 363 l21 42 M546 401 l24 42 M592 469 l22 38"
stroke="#c5bdb1" stroke-width="2.2"/>
<path d="M254 500 l-29 28 M282 534 l-34 18 M315 575 l-39 13 M360 610 l-34 19 M514 591 l43 14 M542 546 l39 20 M563 501 l34 25 M576 448 l35 29"
stroke="#201e1c" stroke-width="2.5" opacity="0.45"/>
</g>
<g stroke="#d6cec2" stroke-width="1.4" stroke-linecap="round" opacity="0.32">
<path d="M337 372 C315 434 316 522 331 608"/>
<path d="M373 351 C355 447 361 580 390 701"/>
<path d="M424 349 C441 456 438 598 413 724"/>
<path d="M470 366 C496 462 492 577 460 684"/>
<path d="M299 451 C365 470 459 475 535 453"/>
<path d="M286 623 C360 642 474 642 568 611"/>
</g>
</g>
<path d="M285 677 C248 702 229 759 249 797 C271 837 337 832 363 794 C388 756 367 698 330 676 C313 665 300 667 285 677 Z"
fill="#59554e"/>
<path d="M474 681 C516 653 583 672 602 721 C618 761 592 808 549 814 C501 820 460 788 453 743 C449 715 456 694 474 681 Z"
fill="#5b5750"/>
<path d="M282 784 C306 800 336 800 359 782 M474 787 C501 805 552 804 583 779"
fill="none" stroke="#1d1b19" stroke-width="5" stroke-linecap="round" opacity="0.35"/>
<path d="M294 706 C280 735 279 773 292 803 M326 694 C341 733 341 765 326 804 M496 697 C487 738 492 777 515 809 M554 692 C570 732 567 767 548 811"
fill="none" stroke="#c9c1b6" stroke-width="2" stroke-linecap="round" opacity="0.3"/>
<path d="M277 229 C272 171 288 97 338 53 C357 108 376 160 397 201 Z"
fill="url(#earGrad)"/>
<path d="M523 229 C530 171 511 96 462 53 C443 109 423 160 401 201 Z"
fill="url(#earGrad)"/>
<path d="M307 202 C304 160 314 116 340 84 C354 130 369 166 384 198 Z"
fill="#b58b83" opacity="0.58"/>
<path d="M493 202 C498 160 487 116 461 84 C447 130 431 166 416 198 Z"
fill="#b58b83" opacity="0.58"/>
<path d="M277 229 C272 171 288 97 338 53 C357 108 376 160 397 201"
fill="none" stroke="#26231f" stroke-width="7" stroke-linejoin="round" opacity="0.55"/>
<path d="M523 229 C530 171 511 96 462 53 C443 109 423 160 401 201"
fill="none" stroke="#26231f" stroke-width="7" stroke-linejoin="round" opacity="0.55"/>
<path d="M400 137 C326 137 263 189 254 266 C244 350 304 416 397 420 C489 424 555 361 548 275 C542 197 478 137 400 137 Z"
fill="url(#headGrad)" filter="url(#furTexture)"/>
<g clip-path="url(#headClip)">
<path d="M400 140 C378 191 372 244 399 300 C426 245 421 192 400 140 Z"
fill="#3b3833" opacity="0.45"/>
<path d="M336 151 C335 218 351 258 385 305 M464 151 C464 218 449 258 415 305"
fill="none" stroke="#24221f" stroke-width="10" stroke-linecap="round" opacity="0.22"/>
<path d="M286 237 C323 253 356 262 389 259 M512 237 C475 253 443 262 411 259"
fill="none" stroke="#171614" stroke-width="8" stroke-linecap="round" opacity="0.25"/>
<path d="M270 303 C326 318 362 324 394 321 M529 303 C473 318 437 324 405 321"
fill="none" stroke="#1b1917" stroke-width="9" stroke-linecap="round" opacity="0.22"/>
<path d="M285 352 C326 363 360 363 389 350 M514 352 C474 363 439 363 410 350"
fill="none" stroke="#d3c9ba" stroke-width="4" stroke-linecap="round" opacity="0.22"/>
<g stroke="#d7cfc4" stroke-width="1.6" stroke-linecap="round" opacity="0.38">
<path d="M315 164 C304 205 305 250 323 287"/>
<path d="M356 145 C344 202 351 251 380 298"/>
<path d="M444 145 C456 202 449 251 420 298"/>
<path d="M485 164 C496 205 495 250 477 287"/>
<path d="M285 269 C320 279 351 283 383 280"/>
<path d="M516 269 C480 279 449 283 417 280"/>
</g>
</g>
<path d="M313 278 C333 255 374 257 391 282 C366 293 336 294 313 278 Z"
fill="#ece8d5" opacity="0.86"/>
<path d="M487 278 C467 255 426 257 409 282 C434 293 464 294 487 278 Z"
fill="#ece8d5" opacity="0.86"/>
<ellipse cx="351" cy="279" rx="34" ry="28" fill="url(#eyeGrad)"/>
<ellipse cx="449" cy="279" rx="34" ry="28" fill="url(#eyeGrad)"/>
<ellipse cx="351" cy="279" rx="7" ry="25" fill="#0b0b09"/>
<ellipse cx="449" cy="279" rx="7" ry="25" fill="#0b0b09"/>
<circle cx="339" cy="267" r="5" fill="#fff" opacity="0.9"/>
<circle cx="437" cy="267" r="5" fill="#fff" opacity="0.9"/>
<path d="M311 275 C330 247 373 248 393 276 M407 276 C427 248 470 247 489 275"
fill="none" stroke="#171614" stroke-width="6" stroke-linecap="round"/>
<path d="M386 336 C392 329 408 329 414 336 C410 346 390 346 386 336 Z"
fill="#2b1b1b"/>
<path d="M400 345 C398 364 388 376 371 381 M400 345 C402 364 412 376 429 381"
fill="none" stroke="#211d1a" stroke-width="5" stroke-linecap="round"/>
<path d="M337 369 C360 397 440 397 463 369"
fill="none" stroke="#1e1b18" stroke-width="4" stroke-linecap="round" opacity="0.45"/>
<path d="M306 335 C330 324 365 323 389 336 M494 335 C470 324 435 323 411 336"
fill="none" stroke="#cfc6ba" stroke-width="3" stroke-linecap="round" opacity="0.42"/>
<g stroke="#161412" stroke-width="2.4" stroke-linecap="round" opacity="0.62">
<path d="M374 342 C325 327 285 318 236 320"/>
<path d="M373 354 C319 350 270 351 221 367"/>
<path d="M373 365 C323 377 278 394 235 424"/>
<path d="M426 342 C475 327 515 318 564 320"/>
<path d="M427 354 C481 350 530 351 579 367"/>
<path d="M427 365 C477 377 522 394 565 424"/>
</g>
<g stroke="#f4eee2" stroke-width="1.4" stroke-linecap="round" opacity="0.54">
<path d="M373 346 C321 339 285 334 245 339"/>
<path d="M375 359 C326 361 286 369 251 384"/>
<path d="M425 346 C477 339 515 334 555 339"/>
<path d="M425 359 C474 361 514 369 549 384"/>
</g>
<path d="M400 137 C326 137 263 189 254 266 C244 350 304 416 397 420 C489 424 555 361 548 275 C542 197 478 137 400 137 Z"
fill="none" stroke="#24211e" stroke-width="5" opacity="0.35"/>
<g stroke-linecap="round">
<path d="M238 480 C225 536 228 615 249 682" stroke="#ddd4c7" stroke-width="2" opacity="0.35"/>
<path d="M573 422 C603 508 605 608 576 701" stroke="#151412" stroke-width="2" opacity="0.35"/>
<path d="M323 311 C345 323 378 329 400 326 C421 329 455 323 477 311" stroke="#eee7dc" stroke-width="2" opacity="0.25"/>
</g>
</g>
<g opacity="0.42" stroke-linecap="round">
<path d="M263 241 l-23 -30 M273 204 l-30 -20 M526 241 l23 -30 M516 204 l30 -20"
stroke="#e8dfd3" stroke-width="2"/>
<path d="M297 761 C267 778 245 799 226 826 M512 796 C558 805 593 817 622 840"
stroke="#141312" stroke-width="2"/>
</g>
</svg>
realistic #28.0✕ CLOSE
GPT-5.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 800 900" width="800" height="900" role="img" aria-label="Realistic sitting cat with visible fur shading">
<defs>
<radialGradient id="bodyGrad" cx="48%" cy="35%" r="70%">
<stop offset="0%" stop-color="#d8c0a0"/>
<stop offset="38%" stop-color="#b98f68"/>
<stop offset="72%" stop-color="#7e563d"/>
<stop offset="100%" stop-color="#4a3024"/>
</radialGradient>
<radialGradient id="chestGrad" cx="50%" cy="20%" r="85%">
<stop offset="0%" stop-color="#f2dcc2"/>
<stop offset="45%" stop-color="#d1a982"/>
<stop offset="100%" stop-color="#7f5740"/>
</radialGradient>
<radialGradient id="headGrad" cx="47%" cy="33%" r="70%">
<stop offset="0%" stop-color="#e4c9aa"/>
<stop offset="48%" stop-color="#b98c65"/>
<stop offset="82%" stop-color="#765039"/>
<stop offset="100%" stop-color="#3d281e"/>
</radialGradient>
<linearGradient id="earGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#7e543d"/>
<stop offset="55%" stop-color="#c09074"/>
<stop offset="100%" stop-color="#4c3125"/>
</linearGradient>
<radialGradient id="eyeGrad" cx="45%" cy="35%" r="60%">
<stop offset="0%" stop-color="#e9ff9a"/>
<stop offset="50%" stop-color="#92b541"/>
<stop offset="100%" stop-color="#26380f"/>
</radialGradient>
<linearGradient id="tailGrad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#4a2f23"/>
<stop offset="35%" stop-color="#a77a55"/>
<stop offset="65%" stop-color="#c5a07b"/>
<stop offset="100%" stop-color="#5a3929"/>
</linearGradient>
<filter id="softShadow" x="-40%" y="-40%" width="180%" height="180%">
<feDropShadow dx="0" dy="18" stdDeviation="18" flood-color="#1c130f" flood-opacity=".28"/>
</filter>
<filter id="furNoise" x="-10%" y="-10%" width="120%" height="120%">
<feTurbulence type="fractalNoise" baseFrequency=".045 .18" numOctaves="4" seed="12" result="noise"/>
<feColorMatrix in="noise" type="matrix" values="0.35 0 0 0 0.16 0 0.32 0 0 0.10 0 0 0.25 0 0.05 0 0 0 .32 0" result="coloredNoise"/>
<feBlend in="SourceGraphic" in2="coloredNoise" mode="multiply"/>
</filter>
<filter id="fineFur" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency=".9 .12" numOctaves="3" seed="4" result="turb"/>
<feDisplacementMap in="SourceGraphic" in2="turb" scale="2.2" xChannelSelector="R" yChannelSelector="G"/>
</filter>
<clipPath id="bodyClip">
<path d="M252 760 C220 684 218 555 260 454 C291 379 341 331 400 326 C459 331 509 379 540 454 C582 555 580 684 548 760 C510 822 290 822 252 760 Z"/>
</clipPath>
<clipPath id="headClip">
<path d="M235 303 C235 201 307 130 400 130 C493 130 565 201 565 303 C565 405 498 469 400 469 C302 469 235 405 235 303 Z"/>
</clipPath>
<clipPath id="tailClip">
<path d="M552 721 C649 706 686 639 659 572 C642 529 601 519 572 546 C540 576 550 622 589 630 C615 635 628 612 618 592 C609 574 586 573 575 588 C564 603 542 592 546 570 C552 534 586 507 627 510 C682 514 720 564 718 625 C716 714 642 784 553 802 C523 808 513 728 552 721 Z"/>
</clipPath>
</defs>
<rect width="800" height="900" fill="#f4eee8"/>
<ellipse cx="400" cy="825" rx="230" ry="42" fill="#493327" opacity=".18"/>
<g filter="url(#softShadow)">
<path d="M552 721 C649 706 686 639 659 572 C642 529 601 519 572 546 C540 576 550 622 589 630 C615 635 628 612 618 592 C609 574 586 573 575 588 C564 603 542 592 546 570 C552 534 586 507 627 510 C682 514 720 564 718 625 C716 714 642 784 553 802 C523 808 513 728 552 721 Z" fill="url(#tailGrad)" filter="url(#furNoise)"/>
<g clip-path="url(#tailClip)" opacity=".55" filter="url(#fineFur)">
<path d="M560 738 C624 724 690 678 688 609" fill="none" stroke="#e3c19d" stroke-width="6" stroke-linecap="round"/>
<path d="M562 759 C641 739 705 674 700 615" fill="none" stroke="#2f1f18" stroke-width="5" stroke-linecap="round" opacity=".5"/>
<path d="M575 548 C617 531 656 565 655 611" fill="none" stroke="#d5ae87" stroke-width="5" stroke-linecap="round"/>
<path d="M546 782 C632 765 698 703 708 628" fill="none" stroke="#c99b73" stroke-width="3" stroke-linecap="round"/>
<path d="M553 725 C623 711 674 661 672 597" fill="none" stroke="#5e3d2c" stroke-width="4" stroke-linecap="round"/>
</g>
<path d="M252 760 C220 684 218 555 260 454 C291 379 341 331 400 326 C459 331 509 379 540 454 C582 555 580 684 548 760 C510 822 290 822 252 760 Z" fill="url(#bodyGrad)" filter="url(#furNoise)"/>
<path d="M308 760 C278 685 288 552 323 465 C345 410 371 374 400 363 C429 374 455 410 477 465 C512 552 522 685 492 760 C464 802 336 802 308 760 Z" fill="url(#chestGrad)" opacity=".88"/>
<g clip-path="url(#bodyClip)" filter="url(#fineFur)">
<path d="M270 445 C305 515 322 645 295 777" fill="none" stroke="#3d281f" stroke-width="4" opacity=".32"/>
<path d="M530 445 C495 515 478 645 505 777" fill="none" stroke="#3d281f" stroke-width="4" opacity=".32"/>
<path d="M330 399 C311 510 309 645 335 795" fill="none" stroke="#e7c39d" stroke-width="3" opacity=".42"/>
<path d="M470 399 C489 510 491 645 465 795" fill="none" stroke="#5c3b2b" stroke-width="3" opacity=".4"/>
<path d="M400 365 C394 492 396 641 400 805" fill="none" stroke="#f0d4b5" stroke-width="4" opacity=".45"/>
<path d="M282 492 C335 520 468 521 519 490" fill="none" stroke="#2f201a" stroke-width="3" opacity=".16"/>
<path d="M260 565 C328 590 474 590 541 563" fill="none" stroke="#2f201a" stroke-width="3" opacity=".14"/>
<path d="M251 638 C323 667 477 668 550 638" fill="none" stroke="#2f201a" stroke-width="3" opacity=".13"/>
<path d="M260 710 C332 733 468 734 540 710" fill="none" stroke="#2f201a" stroke-width="3" opacity=".12"/>
<g stroke-linecap="round" opacity=".42">
<path d="M292 438 l-35 18" stroke="#f0cda7" stroke-width="2"/>
<path d="M316 465 l-42 12" stroke="#4a2f24" stroke-width="2"/>
<path d="M338 503 l-48 15" stroke="#edc79f" stroke-width="2"/>
<path d="M345 548 l-55 10" stroke="#4c3125" stroke-width="2"/>
<path d="M355 592 l-48 17" stroke="#f2d5b8" stroke-width="2"/>
<path d="M359 641 l-58 12" stroke="#5b3a2a" stroke-width="2"/>
<path d="M370 693 l-49 21" stroke="#e9c49e" stroke-width="2"/>
<path d="M508 438 l35 18" stroke="#3e281f" stroke-width="2"/>
<path d="M484 465 l42 12" stroke="#e7bd93" stroke-width="2"/>
<path d="M462 503 l48 15" stroke="#4f3326" stroke-width="2"/>
<path d="M455 548 l55 10" stroke="#e8c39c" stroke-width="2"/>
<path d="M445 592 l48 17" stroke="#513426" stroke-width="2"/>
<path d="M441 641 l58 12" stroke="#e0b58d" stroke-width="2"/>
<path d="M430 693 l49 21" stroke="#53372a" stroke-width="2"/>
</g>
</g>
<path d="M283 721 C255 744 240 790 281 809 C321 827 372 792 369 748 C366 704 318 692 283 721 Z" fill="#8a5d43" filter="url(#furNoise)"/>
<path d="M517 721 C545 744 560 790 519 809 C479 827 428 792 431 748 C434 704 482 692 517 721 Z" fill="#7f563e" filter="url(#furNoise)"/>
<path d="M289 783 C314 798 345 787 357 759" fill="none" stroke="#d8b18b" stroke-width="5" stroke-linecap="round" opacity=".45"/>
<path d="M511 783 C486 798 455 787 443 759" fill="none" stroke="#d8b18b" stroke-width="5" stroke-linecap="round" opacity=".35"/>
<path d="M309 806 C312 785 317 769 326 751" stroke="#33221b" stroke-width="2" opacity=".45"/>
<path d="M340 804 C339 783 342 766 349 748" stroke="#33221b" stroke-width="2" opacity=".38"/>
<path d="M491 806 C488 785 483 769 474 751" stroke="#33221b" stroke-width="2" opacity=".45"/>
<path d="M460 804 C461 783 458 766 451 748" stroke="#33221b" stroke-width="2" opacity=".38"/>
<path d="M270 217 C251 151 259 87 293 50 C333 87 359 140 360 205 Z" fill="url(#earGrad)" stroke="#3d281f" stroke-width="4"/>
<path d="M530 217 C549 151 541 87 507 50 C467 87 441 140 440 205 Z" fill="url(#earGrad)" stroke="#3d281f" stroke-width="4"/>
<path d="M291 93 C310 126 325 165 328 203 C307 189 288 177 278 170 C276 142 281 114 291 93 Z" fill="#e7aa98" opacity=".62"/>
<path d="M509 93 C490 126 475 165 472 203 C493 189 512 177 522 170 C524 142 519 114 509 93 Z" fill="#e7aa98" opacity=".62"/>
<path d="M235 303 C235 201 307 130 400 130 C493 130 565 201 565 303 C565 405 498 469 400 469 C302 469 235 405 235 303 Z" fill="url(#headGrad)" filter="url(#furNoise)"/>
<g clip-path="url(#headClip)" filter="url(#fineFur)">
<path d="M400 137 C395 217 396 339 400 465" fill="none" stroke="#f0d1af" stroke-width="4" opacity=".44"/>
<path d="M330 151 C305 220 297 336 324 452" fill="none" stroke="#3c281f" stroke-width="4" opacity=".25"/>
<path d="M470 151 C495 220 503 336 476 452" fill="none" stroke="#2e1f18" stroke-width="4" opacity=".28"/>
<path d="M260 271 C319 296 482 295 540 270" fill="none" stroke="#2f2019" stroke-width="3" opacity=".14"/>
<path d="M253 336 C316 366 486 365 548 335" fill="none" stroke="#2f2019" stroke-width="3" opacity=".14"/>
<path d="M292 192 l-45 17" stroke="#e9c49e" stroke-width="2" opacity=".45"/>
<path d="M308 225 l-56 12" stroke="#55372a" stroke-width="2" opacity=".38"/>
<path d="M322 265 l-66 14" stroke="#efcda9" stroke-width="2" opacity=".42"/>
<path d="M327 314 l-72 11" stroke="#4a3024" stroke-width="2" opacity=".35"/>
<path d="M343 365 l-68 18" stroke="#efcda9" stroke-width="2" opacity=".36"/>
<path d="M508 192 l45 17" stroke="#4b3024" stroke-width="2" opacity=".42"/>
<path d="M492 225 l56 12" stroke="#e9c49e" stroke-width="2" opacity=".36"/>
<path d="M478 265 l66 14" stroke="#4a3024" stroke-width="2" opacity=".37"/>
<path d="M473 314 l72 11" stroke="#e7c09a" stroke-width="2" opacity=".35"/>
<path d="M457 365 l68 18" stroke="#4c3125" stroke-width="2" opacity=".35"/>
</g>
<path d="M301 321 C329 284 373 284 390 315 C366 336 329 341 301 321 Z" fill="#38251c" opacity=".35"/>
<path d="M499 321 C471 284 427 284 410 315 C434 336 471 341 499 321 Z" fill="#38251c" opacity=".35"/>
<ellipse cx="342" cy="316" rx="38" ry="29" fill="#f5e7d8"/>
<ellipse cx="458" cy="316" rx="38" ry="29" fill="#f5e7d8"/>
<ellipse cx="342" cy="316" rx="30" ry="25" fill="url(#eyeGrad)"/>
<ellipse cx="458" cy="316" rx="30" ry="25" fill="url(#eyeGrad)"/>
<ellipse cx="342" cy="317" rx="8" ry="23" fill="#11100d"/>
<ellipse cx="458" cy="317" rx="8" ry="23" fill="#11100d"/>
<circle cx="332" cy="306" r="6" fill="#fff" opacity=".9"/>
<circle cx="448" cy="306" r="6" fill="#fff" opacity=".9"/>
<path d="M300 304 C322 278 365 277 388 306" fill="none" stroke="#2d1e17" stroke-width="5" stroke-linecap="round"/>
<path d="M412 306 C435 277 478 278 500 304" fill="none" stroke="#2d1e17" stroke-width="5" stroke-linecap="round"/>
<path d="M368 357 C379 348 421 348 432 357 C424 376 414 387 400 388 C386 387 376 376 368 357 Z" fill="#ead0b7" opacity=".85"/>
<path d="M382 359 C390 352 410 352 418 359 C414 371 405 377 400 377 C395 377 386 371 382 359 Z" fill="#6b3b35"/>
<path d="M400 376 C400 392 392 403 375 410" fill="none" stroke="#3a251d" stroke-width="3" stroke-linecap="round"/>
<path d="M400 376 C400 392 408 403 425 410" fill="none" stroke="#3a251d" stroke-width="3" stroke-linecap="round"/>
<path d="M372 417 C386 431 414 431 428 417" fill="none" stroke="#3a251d" stroke-width="3" stroke-linecap="round" opacity=".75"/>
<g stroke-linecap="round" fill="none">
<path d="M365 378 C326 365 282 356 236 360" stroke="#fff3e7" stroke-width="2.2" opacity=".8"/>
<path d="M366 390 C320 386 278 389 233 405" stroke="#fff3e7" stroke-width="2.2" opacity=".78"/>
<path d="M369 401 C326 408 288 423 252 450" stroke="#fff3e7" stroke-width="2.1" opacity=".7"/>
<path d="M435 378 C474 365 518 356 564 360" stroke="#fff3e7" stroke-width="2.2" opacity=".8"/>
<path d="M434 390 C480 386 522 389 567 405" stroke="#fff3e7" stroke-width="2.2" opacity=".78"/>
<path d="M431 401 C474 408 512 423 548 450" stroke="#fff3e7" stroke-width="2.1" opacity=".7"/>
<path d="M365 381 C321 372 281 369 244 378" stroke="#2d1e17" stroke-width="1.1" opacity=".32"/>
<path d="M435 381 C479 372 519 369 556 378" stroke="#2d1e17" stroke-width="1.1" opacity=".32"/>
</g>
<path d="M400 132 C382 173 375 228 379 286 C389 276 411 276 421 286 C425 228 418 173 400 132 Z" fill="#4a3024" opacity=".28"/>
<path d="M286 243 C312 203 349 183 390 180" fill="none" stroke="#f0d0ac" stroke-width="4" stroke-linecap="round" opacity=".25"/>
<path d="M514 243 C488 203 451 183 410 180" fill="none" stroke="#2d1e17" stroke-width="4" stroke-linecap="round" opacity=".2"/>
<path d="M320 432 C360 455 440 455 480 432" fill="none" stroke="#f1d3b1" stroke-width="5" stroke-linecap="round" opacity=".3"/>
</g>
</svg>
realistic #38.0✕ CLOSE
GPT-5.5 · realistic · attempt 3 · score 8.0
cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 6.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="800" height="800">
<defs>
<radialGradient id="bg" cx="50%" cy="36%" r="70%">
<stop offset="0%" stop-color="#f6efe6"/>
<stop offset="100%" stop-color="#d9c8b5"/>
</radialGradient>
<linearGradient id="furBase" x1="235" y1="120" x2="575" y2="715" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#c99563"/>
<stop offset="38%" stop-color="#a96e3e"/>
<stop offset="75%" stop-color="#6d442b"/>
<stop offset="100%" stop-color="#3d291f"/>
</linearGradient>
<radialGradient id="chestGrad" cx="48%" cy="34%" r="66%">
<stop offset="0%" stop-color="#f1d1a6"/>
<stop offset="45%" stop-color="#c98a52"/>
<stop offset="100%" stop-color="#5b3827"/>
</radialGradient>
<radialGradient id="faceGrad" cx="50%" cy="41%" r="61%">
<stop offset="0%" stop-color="#e6b27b"/>
<stop offset="50%" stop-color="#b87948"/>
<stop offset="100%" stop-color="#67402b"/>
</radialGradient>
<radialGradient id="muzzleGrad" cx="50%" cy="48%" r="50%">
<stop offset="0%" stop-color="#f3dfc8"/>
<stop offset="100%" stop-color="#b7825b"/>
</radialGradient>
<linearGradient id="tailGrad" x1="140" y1="670" x2="514" y2="471" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#2e211c"/>
<stop offset="38%" stop-color="#7a4b30"/>
<stop offset="72%" stop-color="#b67342"/>
<stop offset="100%" stop-color="#4b3024"/>
</linearGradient>
<radialGradient id="eyeGrad" cx="40%" cy="35%" r="65%">
<stop offset="0%" stop-color="#e5ff9b"/>
<stop offset="42%" stop-color="#8cc63f"/>
<stop offset="100%" stop-color="#255a29"/>
</radialGradient>
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur in="SourceAlpha" stdDeviation="11"/>
<feOffset dx="0" dy="13" result="off"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.28"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="furNoise" x="-12%" y="-12%" width="124%" height="124%">
<feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="3" seed="12" result="noise"/>
<feColorMatrix in="noise" type="matrix" values="0 0 0 0 0.72 0 0 0 0 0.48 0 0 0 0 0.30 0 0 0 0.18 0" result="colorNoise"/>
<feBlend in="SourceGraphic" in2="colorNoise" mode="multiply"/>
</filter>
<clipPath id="bodyClip">
<path d="M410 273C503 279 579 377 594 506C608 630 534 718 404 724C279 730 207 642 222 516C237 391 306 275 410 273Z"/>
</clipPath>
<clipPath id="headClip">
<path d="M278 126C314 82 378 96 409 132C440 96 505 83 540 128C584 184 573 284 516 327C465 365 352 365 301 325C244 280 235 181 278 126Z"/>
</clipPath>
<clipPath id="tailClip">
<path d="M236 625C150 604 112 529 144 456C173 390 239 371 283 405C322 435 307 497 263 518C226 535 205 575 254 604C296 629 382 593 444 547C483 518 531 531 545 568C559 603 538 644 490 674C408 724 302 741 236 625Z"/>
</clipPath>
</defs>
<rect width="800" height="800" fill="url(#bg)"/>
<ellipse cx="400" cy="733" rx="238" ry="35" fill="#2a1d18" opacity="0.18"/>
<g filter="url(#softShadow)">
<path d="M236 625C150 604 112 529 144 456C173 390 239 371 283 405C322 435 307 497 263 518C226 535 205 575 254 604C296 629 382 593 444 547C483 518 531 531 545 568C559 603 538 644 490 674C408 724 302 741 236 625Z" fill="url(#tailGrad)" filter="url(#furNoise)"/>
<g clip-path="url(#tailClip)" fill="none" stroke-linecap="round">
<path d="M154 485C197 508 236 510 273 489" stroke="#1d1512" stroke-width="19" opacity="0.23"/>
<path d="M148 530C203 558 252 556 300 523" stroke="#d39a65" stroke-width="11" opacity="0.45"/>
<path d="M225 633C293 674 397 631 496 564" stroke="#241814" stroke-width="18" opacity="0.3"/>
<path d="M260 675C352 699 447 659 520 594" stroke="#d9a36e" stroke-width="10" opacity="0.37"/>
<path d="M168 453C218 425 255 433 285 464" stroke="#f0bd83" stroke-width="8" opacity="0.35"/>
<path d="M188 590C241 632 328 629 421 575" stroke="#43261a" stroke-width="9" opacity="0.35"/>
<path d="M311 705C390 704 458 670 516 626" stroke="#1f1512" stroke-width="10" opacity="0.25"/>
</g>
<path d="M410 273C503 279 579 377 594 506C608 630 534 718 404 724C279 730 207 642 222 516C237 391 306 275 410 273Z" fill="url(#furBase)" filter="url(#furNoise)"/>
<path d="M319 347C276 406 264 546 304 640C329 699 475 704 512 640C568 543 535 386 482 334C438 292 361 293 319 347Z" fill="url(#chestGrad)" opacity="0.88"/>
<path d="M372 361C338 438 329 570 366 704C386 720 432 720 452 704C484 566 476 439 441 360C421 374 392 374 372 361Z" fill="#e5b078" opacity="0.34"/>
<g clip-path="url(#bodyClip)" fill="none" stroke-linecap="round">
<path d="M270 358C324 389 375 404 441 387C488 374 532 394 572 434" stroke="#efd0aa" stroke-width="8" opacity="0.26"/>
<path d="M246 424C316 451 365 466 439 445C506 426 550 455 590 489" stroke="#3b241a" stroke-width="13" opacity="0.25"/>
<path d="M229 500C307 535 374 537 451 512C518 490 563 515 603 559" stroke="#edc08a" stroke-width="7" opacity="0.33"/>
<path d="M231 574C314 614 389 616 464 580C525 551 569 578 594 611" stroke="#2d1d18" stroke-width="12" opacity="0.24"/>
<path d="M277 660C334 683 451 692 532 646" stroke="#f6cf9b" stroke-width="7" opacity="0.26"/>
<path d="M295 318C312 411 310 548 285 678" stroke="#2b1c16" stroke-width="9" opacity="0.18"/>
<path d="M512 324C498 423 500 557 526 682" stroke="#1f1714" stroke-width="10" opacity="0.2"/>
<path d="M356 304C343 435 345 595 370 724" stroke="#f1c08a" stroke-width="5" opacity="0.22"/>
<path d="M448 303C464 434 461 592 433 724" stroke="#2d1c15" stroke-width="5" opacity="0.22"/>
<path d="M324 373C348 421 366 474 374 542" stroke="#fff1d5" stroke-width="4" opacity="0.25"/>
<path d="M476 374C451 425 438 482 431 548" stroke="#fff1d5" stroke-width="4" opacity="0.2"/>
<g stroke-width="2.2" opacity="0.38">
<path d="M261 396C300 414 341 422 382 415" stroke="#f4c994"/>
<path d="M252 463C312 488 371 492 433 473" stroke="#2b1b15"/>
<path d="M239 542C305 571 374 574 444 548" stroke="#eac08d"/>
<path d="M256 625C323 652 421 653 505 616" stroke="#291a15"/>
<path d="M331 343C321 415 319 502 330 602" stroke="#f6d1a2"/>
<path d="M486 342C493 418 491 502 480 604" stroke="#261914"/>
</g>
</g>
<path d="M283 596C263 633 264 685 293 709C326 737 377 714 378 673C379 631 337 594 283 596Z" fill="#6b422b"/>
<path d="M519 596C539 633 538 685 509 709C476 737 425 714 424 673C423 631 465 594 519 596Z" fill="#5b3828"/>
<path d="M294 670C314 682 343 682 365 669" fill="none" stroke="#1f1512" stroke-width="3" opacity="0.45"/>
<path d="M435 669C458 682 488 682 508 670" fill="none" stroke="#1f1512" stroke-width="3" opacity="0.45"/>
<g fill="none" stroke="#231712" stroke-linecap="round" opacity="0.55">
<path d="M300 699C301 709 300 717 296 724" stroke-width="2"/>
<path d="M325 702C326 713 325 721 321 728" stroke-width="2"/>
<path d="M349 696C351 707 350 716 346 724" stroke-width="2"/>
<path d="M452 696C450 707 451 716 455 724" stroke-width="2"/>
<path d="M476 702C475 713 476 721 480 728" stroke-width="2"/>
<path d="M501 699C500 709 501 717 505 724" stroke-width="2"/>
</g>
<path d="M278 126C314 82 378 96 409 132C440 96 505 83 540 128C584 184 573 284 516 327C465 365 352 365 301 325C244 280 235 181 278 126Z" fill="url(#faceGrad)" filter="url(#furNoise)"/>
<path d="M279 129L243 44C239 34 250 25 260 31L350 88C323 94 297 106 279 129Z" fill="#8a5739"/>
<path d="M540 129L577 44C581 34 570 25 560 31L469 88C497 94 523 107 540 129Z" fill="#794b33"/>
<path d="M287 118L260 55L331 99C314 102 298 108 287 118Z" fill="#e5a985" opacity="0.72"/>
<path d="M531 118L558 55L487 99C504 102 520 108 531 118Z" fill="#d99578" opacity="0.68"/>
<g clip-path="url(#headClip)" fill="none" stroke-linecap="round">
<path d="M260 169C311 199 355 210 407 196C459 181 511 194 563 228" stroke="#2c1b15" stroke-width="12" opacity="0.22"/>
<path d="M250 225C312 254 363 259 410 245C465 229 520 248 567 282" stroke="#efbd84" stroke-width="7" opacity="0.32"/>
<path d="M273 291C334 321 477 322 544 289" stroke="#2c1b15" stroke-width="10" opacity="0.2"/>
<path d="M346 104C334 162 337 214 363 270" stroke="#f2c18d" stroke-width="5" opacity="0.24"/>
<path d="M474 103C486 162 481 216 457 271" stroke="#261914" stroke-width="5" opacity="0.2"/>
<path d="M409 128C407 177 407 231 409 300" stroke="#f7d2a6" stroke-width="4" opacity="0.22"/>
<path d="M309 143C337 164 369 172 399 166" stroke="#f8d3a4" stroke-width="4" opacity="0.28"/>
<path d="M510 143C482 164 450 172 420 166" stroke="#211713" stroke-width="4" opacity="0.23"/>
<g stroke-width="2" opacity="0.42">
<path d="M273 191C324 215 362 222 404 211" stroke="#f4c38b"/>
<path d="M282 255C326 276 368 282 408 268" stroke="#241712"/>
<path d="M536 190C492 212 455 221 414 212" stroke="#1e1512"/>
<path d="M530 255C489 276 451 282 411 268" stroke="#edb77e"/>
</g>
</g>
<path d="M325 229C347 211 382 214 398 236C382 254 345 253 325 229Z" fill="#332118" opacity="0.45"/>
<path d="M421 236C437 214 472 211 494 229C474 253 437 254 421 236Z" fill="#251914" opacity="0.45"/>
<ellipse cx="361" cy="232" rx="30" ry="24" fill="url(#eyeGrad)"/>
<ellipse cx="459" cy="232" rx="30" ry="24" fill="url(#eyeGrad)"/>
<ellipse cx="362" cy="232" rx="6" ry="20" fill="#080806"/>
<ellipse cx="458" cy="232" rx="6" ry="20" fill="#080806"/>
<circle cx="350" cy="221" r="5" fill="#fff" opacity="0.9"/>
<circle cx="447" cy="221" r="5" fill="#fff" opacity="0.9"/>
<path d="M322 207C347 192 378 193 400 211" fill="none" stroke="#21140f" stroke-width="8" stroke-linecap="round"/>
<path d="M419 211C441 193 472 192 497 207" fill="none" stroke="#21140f" stroke-width="8" stroke-linecap="round"/>
<path d="M333 268C350 247 386 248 407 275C429 248 466 247 484 268C501 289 487 323 448 330C428 334 417 322 407 306C397 322 386 334 366 330C327 323 315 289 333 268Z" fill="url(#muzzleGrad)" opacity="0.94"/>
<path d="M396 270C402 263 416 263 422 270C419 282 400 282 396 270Z" fill="#5a2c2b"/>
<path d="M409 281C408 292 408 299 407 309" fill="none" stroke="#4b2b24" stroke-width="3" stroke-linecap="round"/>
<path d="M375 309C393 324 421 324 439 309" fill="none" stroke="#4b2b24" stroke-width="3" stroke-linecap="round"/>
<g fill="#392018" opacity="0.7">
<circle cx="357" cy="278" r="2.2"/>
<circle cx="372" cy="270" r="2"/>
<circle cx="383" cy="287" r="1.9"/>
<circle cx="456" cy="278" r="2.2"/>
<circle cx="441" cy="270" r="2"/>
<circle cx="430" cy="287" r="1.9"/>
</g>
<g stroke="#2b1b16" stroke-width="2.2" stroke-linecap="round" opacity="0.65" fill="none">
<path d="M383 283C337 273 294 279 254 300"/>
<path d="M383 291C334 295 294 312 263 338"/>
<path d="M382 299C338 318 304 344 280 376"/>
<path d="M431 283C477 273 520 279 560 300"/>
<path d="M431 291C480 295 520 312 551 338"/>
<path d="M432 299C476 318 510 344 534 376"/>
</g>
<path d="M278 126C314 82 378 96 409 132C440 96 505 83 540 128C584 184 573 284 516 327C465 365 352 365 301 325C244 280 235 181 278 126Z" fill="none" stroke="#2a1a14" stroke-width="4" opacity="0.45"/>
</g>
<g opacity="0.5" stroke-linecap="round" fill="none">
<path d="M270 342C238 381 213 438 204 502" stroke="#f7d5ad" stroke-width="2"/>
<path d="M536 337C570 380 593 440 601 505" stroke="#211713" stroke-width="2"/>
<path d="M360 113C344 157 347 204 372 249" stroke="#fff2d6" stroke-width="1.6"/>
<path d="M458 112C475 156 471 203 447 249" stroke="#241813" stroke-width="1.6"/>
<path d="M336 693C365 707 436 707 467 693" stroke="#f8d2a1" stroke-width="1.6"/>
</g>
</svg>
realistic #40.0✕ CLOSE
GPT-5.5 · realistic · attempt 4 · score 0.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" role="img" aria-label="Realistic sitting cat with visible fur shading">
<defs>
<radialGradient id="bodyGrad" cx="45%" cy="32%" r="70%">
<stop offset="0%" stop-color="#d2b190"/>
<stop offset="38%" stop-color="#a87954"/>
<stop offset="72%" stop-color="#6f4b35"/>
<stop offset="100%" stop-color="#3c2b24"/>
</radialGradient>
<radialGradient id="headGrad" cx="42%" cy="32%" r="68%">
<stop offset="0%" stop-color="#d8b895"/>
<stop offset="45%" stop-color="#a97954"/>
<stop offset="78%" stop-color="#60412f"/>
<stop offset="100%" stop-color="#32241f"/>
</radialGradient>
<linearGradient id="tailGrad" x1="230" y1="610" x2="515" y2="300" gradientUnits="userSpaceOnUse">
<stop offset="0%" stop-color="#3d2b24"/>
<stop offset="25%" stop-color="#735039"/>
<stop offset="58%" stop-color="#b18460"/>
<stop offset="100%" stop-color="#4b3328"/>
</linearGradient>
<radialGradient id="muzzleGrad" cx="50%" cy="42%" r="60%">
<stop offset="0%" stop-color="#f0dbc3"/>
<stop offset="65%" stop-color="#c99d76"/>
<stop offset="100%" stop-color="#7e573f"/>
</radialGradient>
<radialGradient id="eyeGrad" cx="38%" cy="35%" r="65%">
<stop offset="0%" stop-color="#f8f6cf"/>
<stop offset="34%" stop-color="#bfce55"/>
<stop offset="72%" stop-color="#5f772e"/>
<stop offset="100%" stop-color="#1f2918"/>
</radialGradient>
<linearGradient id="earInnerGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#d49b8b"/>
<stop offset="65%" stop-color="#8e5148"/>
<stop offset="100%" stop-color="#4c2b2b"/>
</linearGradient>
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur in="SourceAlpha" stdDeviation="12"/>
<feOffset dx="0" dy="15" result="off"/>
<feColorMatrix in="off" type="matrix" values="0 0 0 0 0.05 0 0 0 0 0.035 0 0 0 0 0.025 0 0 0 0.35 0"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<filter id="furTexture" x="-10%" y="-10%" width="120%" height="120%">
<feTurbulence type="fractalNoise" baseFrequency="0.035 0.18" numOctaves="4" seed="18" result="noise"/>
<feColorMatrix in="noise" type="saturate" values="0"/>
<feComponentTransfer>
<feFuncA type="table" tableValues="0 0.2"/>
</feComponentTransfer>
<feBlend in="SourceGraphic" mode="multiply"/>
</filter>
<filter id="whiskerBlur" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="0.15"/>
</filter>
<clipPath id="bodyClip">
<path d="M326 317C264 346 219 422 218 515C216 622 284 711 402 713C520 715 589 639 579 525C570 419 513 337 443 314C408 302 361 301 326 317Z"/>
</clipPath>
<clipPath id="headClip">
<path d="M277 243C275 170 323 111 398 110C475 109 526 168 524 244C523 320 470 371 399 372C326 373 279 319 277 243Z"/>
</clipPath>
<clipPath id="tailClip">
<path d="M261 655C188 640 148 591 159 532C172 461 251 441 311 478C358 508 355 563 307 580C274 592 242 573 249 542C255 515 289 517 305 535C317 548 339 538 331 516C316 476 263 456 216 470C159 487 126 535 137 586C150 650 205 692 282 704C340 714 376 699 390 672C403 646 383 626 359 641C336 656 305 664 261 655Z"/>
</clipPath>
<style>
.outline{stroke:#241a17;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.furDark{fill:none;stroke:#2b1e1a;stroke-width:1.7;stroke-linecap:round;opacity:.32}
.furMid{fill:none;stroke:#5f412f;stroke-width:1.3;stroke-linecap:round;opacity:.42}
.furLight{fill:none;stroke:#e1c09c;stroke-width:1.4;stroke-linecap:round;opacity:.55}
.fine{stroke-width:.8;opacity:.45}
.whisker{fill:none;stroke:#efe5d4;stroke-width:2;stroke-linecap:round;opacity:.9;filter:url(#whiskerBlur)}
</style>
</defs>
<ellipse cx="399" cy="718" rx="235" ry="35" fill="#160f0d" opacity=".22"/>
<g filter="url(#softShadow)">
<g clip-path="url(#tailClip)">
<path d="M261 655C188 640 148 591 159 532C172 461 251 441 311 478C358 508 355 563 307 580C274 592 242 573 249 542C255 515 289 517 305 535C317 548 339 538 331 516C316 476 263 456 216 470C159 487 126 535 137 586C150 650 205 692 282 704C340 714 376 699 390 672C403 646 383 626 359 641C336 656 305 664 261 655Z" fill="url(#tailGrad)" class="outline"/>
<path d="M151 566C190 534 236 522 285 529" class="furLight"/>
<path d="M166 617C210 587 263 575 315 585" class="furLight"/>
<path d="M200 669C252 644 316 645 366 662" class="furLight"/>
<path d="M182 495C224 487 274 497 314 526" class="furDark"/>
<path d="M143 550C183 518 234 509 287 522" class="furMid"/>
<path d="M146 591C193 567 250 558 305 572" class="furMid"/>
<path d="M169 641C221 620 288 620 347 643" class="furMid"/>
<path d="M247 542C261 560 285 568 310 578" class="furDark"/>
<path d="M301 481C323 504 339 537 328 558" class="furDark"/>
<path d="M224 471C266 469 306 487 329 516" class="furLight"/>
<path d="M139 580C171 577 196 584 224 602" class="furDark fine"/>
<path d="M180 659C215 655 250 659 284 677" class="furDark fine"/>
</g>
<g>
<path d="M326 317C264 346 219 422 218 515C216 622 284 711 402 713C520 715 589 639 579 525C570 419 513 337 443 314C408 302 361 301 326 317Z" fill="url(#bodyGrad)" class="outline"/>
<path d="M326 317C264 346 219 422 218 515C216 622 284 711 402 713C520 715 589 639 579 525C570 419 513 337 443 314C408 302 361 301 326 317Z" fill="#8b6044" opacity=".22" filter="url(#furTexture)"/>
<g clip-path="url(#bodyClip)">
<path d="M364 320C337 383 324 454 324 525C324 600 345 665 385 711" fill="none" stroke="#e6c7a0" stroke-width="56" opacity=".18"/>
<path d="M434 318C463 391 474 462 470 531C466 606 444 671 405 714" fill="none" stroke="#211714" stroke-width="40" opacity=".16"/>
<path d="M291 363C322 392 348 425 365 469" class="furLight"/>
<path d="M280 390C318 424 340 464 349 514" class="furLight"/>
<path d="M270 427C314 462 337 511 338 569" class="furLight"/>
<path d="M274 477C308 506 329 565 327 627" class="furLight"/>
<path d="M297 642C324 665 354 681 391 688" class="furLight"/>
<path d="M506 362C477 400 459 447 453 500" class="furDark"/>
<path d="M531 411C492 444 470 499 468 563" class="furDark"/>
<path d="M538 470C501 506 482 567 489 631" class="furDark"/>
<path d="M510 656C483 676 449 687 408 690" class="furDark"/>
<path d="M352 329C339 390 335 466 340 536" class="furMid"/>
<path d="M386 313C374 394 374 501 387 604" class="furMid"/>
<path d="M420 315C438 391 442 500 428 606" class="furMid"/>
<path d="M458 333C475 403 480 508 463 612" class="furMid"/>
<path d="M250 523C285 531 309 550 328 584" class="furDark fine"/>
<path d="M244 574C284 578 318 596 347 628" class="furDark fine"/>
<path d="M548 533C518 540 493 561 478 594" class="furLight fine"/>
<path d="M539 588C509 597 480 620 459 653" class="furLight fine"/>
<path d="M314 348C340 373 357 408 362 449" class="furDark fine"/>
<path d="M481 345C463 382 452 421 449 465" class="furLight fine"/>
<path d="M335 701C349 667 363 630 381 589" class="furDark fine"/>
<path d="M460 697C442 658 428 620 415 581" class="furDark fine"/>
</g>
<path d="M292 596C247 613 230 661 252 690C276 722 344 713 372 686C394 665 383 614 348 598C330 590 310 589 292 596Z" fill="#6a4936" opacity=".9" class="outline"/>
<path d="M508 596C553 613 570 661 548 690C524 722 456 713 428 686C406 665 417 614 452 598C470 590 490 589 508 596Z" fill="#5a3b2e" opacity=".95" class="outline"/>
<path d="M275 651C306 660 333 662 362 650" class="furLight"/>
<path d="M438 650C469 662 496 660 527 651" class="furLight"/>
<path d="M277 680C306 690 334 688 361 674" class="furDark fine"/>
<path d="M439 674C466 688 494 690 523 680" class="furDark fine"/>
<path d="M337 660C356 642 381 639 398 660C413 641 439 642 462 660C468 691 445 716 403 716C360 716 331 692 337 660Z" fill="#c9a47e" stroke="#241a17" stroke-width="3" stroke-linejoin="round"/>
<path d="M368 670C382 678 389 692 390 710" class="furDark fine"/>
<path d="M429 670C415 678 408 692 407 710" class="furDark fine"/>
<path d="M352 690C381 699 418 701 449 690" class="furLight"/>
</g>
<g>
<path d="M301 161L270 73C267 64 277 57 285 62L361 112Z" fill="#6b4937" stroke="#241a17" stroke-width="4" stroke-linejoin="round"/>
<path d="M499 161L531 73C534 64 524 57 516 62L439 112Z" fill="#5a3b2f" stroke="#241a17" stroke-width="4" stroke-linejoin="round"/>
<path d="M304 147L286 91L337 126Z" fill="url(#earInnerGrad)" opacity=".9"/>
<path d="M496 147L515 91L462 126Z" fill="url(#earInnerGrad)" opacity=".9"/>
<path d="M292 96C313 113 328 130 338 153" class="furLight"/>
<path d="M508 96C486 116 472 133 463 154" class="furDark"/>
<path d="M277 243C275 170 323 111 398 110C475 109 526 168 524 244C523 320 470 371 399 372C326 373 279 319 277 243Z" fill="url(#headGrad)" class="outline"/>
<path d="M277 243C275 170 323 111 398 110C475 109 526 168 524 244C523 320 470 371 399 372C326 373 279 319 277 243Z" fill="#8b6044" opacity=".2" filter="url(#furTexture)"/>
<g clip-path="url(#headClip)">
<path d="M398 108C384 150 380 203 383 258C386 314 393 350 399 374" fill="none" stroke="#e7c8a4" stroke-width="42" opacity=".2"/>
<path d="M454 118C430 164 418 214 415 273C412 316 408 348 401 373" class="furMid"/>
<path d="M344 121C369 170 379 220 382 276C385 316 390 348 398 373" class="furLight"/>
<path d="M306 165C337 188 357 220 368 261" class="furLight"/>
<path d="M293 205C329 221 354 251 369 294" class="furLight"/>
<path d="M300 276C329 280 353 297 372 328" class="furLight"/>
<path d="M495 165C463 188 442 221 431 262" class="furDark"/>
<path d="M508 205C472 224 447 253 431 294" class="furDark"/>
<path d="M500 276C471 282 446 299 428 329" class="furDark"/>
<path d="M326 132C348 155 363 184 371 219" class="furDark fine"/>
<path d="M473 132C452 156 437 186 429 221" class="furLight fine"/>
<path d="M399 112C397 154 397 198 399 244" class="furDark fine"/>
<path d="M363 112C380 150 390 197 394 248" class="furMid fine"/>
<path d="M435 113C420 151 411 198 406 249" class="furMid fine"/>
<path d="M318 317C343 330 370 336 399 337" class="furDark fine"/>
<path d="M482 317C457 330 429 336 400 337" class="furLight fine"/>
</g>
<path d="M326 231C337 210 368 206 386 225C371 236 345 239 326 231Z" fill="#1a1712" stroke="#211714" stroke-width="3"/>
<ellipse cx="356" cy="227" rx="27" ry="18" fill="url(#eyeGrad)" stroke="#17120e" stroke-width="3"/>
<ellipse cx="361" cy="227" rx="6" ry="16" fill="#080706"/>
<circle cx="348" cy="219" r="5" fill="#fff9df" opacity=".9"/>
<path d="M474 231C463 210 432 206 414 225C429 236 455 239 474 231Z" fill="#1a1712" stroke="#211714" stroke-width="3"/>
<ellipse cx="444" cy="227" rx="27" ry="18" fill="url(#eyeGrad)" stroke="#17120e" stroke-width="3"/>
<ellipse cx="439" cy="227" rx="6" ry="16" fill="#080706"/>
<circle cx="448" cy="219" r="5" fill="#fff9df" opacity=".9"/>
<path d="M398 244C384 269 357 276 337 294C322 308 324 333 350 346C374 358 392 344 399 325C406 344 426 358 450 345C475 332 477 307 461 293C440 275 414 269 398 244Z" fill="url(#muzzleGrad)" opacity=".92" stroke="#3a2822" stroke-width="2"/>
<path d="M383 291C390 286 408 286 416 291C413 303 406 309 399 309C392 309 386 303 383 291Z" fill="#4a2928" stroke="#231514" stroke-width="2"/>
<path d="M399 308C399 321 394 332 381 339" fill="none" stroke="#3a2521" stroke-width="2" stroke-linecap="round"/>
<path d="M399 308C400 321 406 332 419 339" fill="none" stroke="#3a2521" stroke-width="2" stroke-linecap="round"/>
<path d="M365 315C382 322 392 321 399 312C407 321 418 322 435 315" fill="none" stroke="#4b332b" stroke-width="2" stroke-linecap="round"/>
<circle cx="354" cy="292" r="2" fill="#3f2b25" opacity=".65"/>
<circle cx="371" cy="286" r="1.8" fill="#3f2b25" opacity=".65"/>
<circle cx="365" cy="304" r="1.7" fill="#3f2b25" opacity=".65"/>
<circle cx="445" cy="292" r="2" fill="#3f2b25" opacity=".65"/>
<circle cx="428" cy="286" r="1.8" fill="#3f2b25" opacity=".65"/>
<circle cx="435" cy="304" r="1.7" fill="#3f2b25" opacity=".65"/>
<path d="M376 183C386 200 391 220 392 243" class="furDark fine"/>
<path d="M424 183C414 201 409 221 408 244" class="furLight fine"/>
<path d="M335 259C358 264 374 272 386 285" class="furDark fine"/>
<path d="M465 259C442 264 426 272 414 285" class="furLight fine"/>
<path d="M329 346C356 355 379 357 399 350" class="furLight"/>
<path d="M470 346C443 355 420 357 399 350" class="furDark"/>
<path d="M362 297C316 283 269 279 225 287" class="whisker"/>
<path d="M361 309C309 304 263 311 219 330" class="whisker"/>
<path d="M361 319C313 327 274 345 238 373" class="whisker"/>
<path d="M438 297C484 283 531 279 575 287" class="whisker"/>
<path d="M439 309C491 304 537 311 581 330" class="whisker"/>
<path d="M439 319C487 327 526 345 562 373" class="whisker"/>
</g>
</g>
</svg>action
“Draw a cat riding a bicycle as an SVG.”
action #18.8✕ CLOSE
GPT-5.5 · action · attempt 1 · score 8.8
cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 9.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 620" width="900" height="620" role="img" aria-label="A cheerful cat riding a bicycle">
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#bdefff"/>
<stop offset="100%" stop-color="#f4fbff"/>
</linearGradient>
<linearGradient id="grass" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#9be26b"/>
<stop offset="100%" stop-color="#55b84e"/>
</linearGradient>
<radialGradient id="wheelShine" cx="35%" cy="30%" r="70%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.9"/>
<stop offset="60%" stop-color="#dff4ff" stop-opacity="0.35"/>
<stop offset="100%" stop-color="#91bed4" stop-opacity="0.15"/>
</radialGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#22505f" flood-opacity="0.22"/>
</filter>
</defs>
<rect width="900" height="620" fill="url(#sky)"/>
<circle cx="750" cy="90" r="45" fill="#ffd86f"/>
<g opacity="0.9" fill="#ffffff">
<ellipse cx="150" cy="95" rx="58" ry="23"/>
<ellipse cx="200" cy="92" rx="42" ry="19"/>
<ellipse cx="116" cy="101" rx="32" ry="16"/>
<ellipse cx="590" cy="130" rx="70" ry="24"/>
<ellipse cx="650" cy="126" rx="44" ry="17"/>
<ellipse cx="540" cy="136" rx="40" ry="18"/>
</g>
<path d="M0 472 C150 438 285 463 410 444 C560 421 690 446 900 414 L900 620 L0 620 Z" fill="url(#grass)"/>
<path d="M0 514 C165 492 315 515 457 490 C622 461 744 486 900 458 L900 620 L0 620 Z" fill="#62c759" opacity="0.8"/>
<path d="M70 526 C210 508 341 522 480 507 C635 490 760 502 855 483" fill="none" stroke="#3c9f45" stroke-width="5" stroke-linecap="round" opacity="0.45"/>
<g filter="url(#shadow)">
<g id="bicycle" stroke-linecap="round" stroke-linejoin="round">
<g>
<circle cx="262" cy="432" r="92" fill="url(#wheelShine)" stroke="#263b4a" stroke-width="11"/>
<circle cx="262" cy="432" r="12" fill="#263b4a"/>
<circle cx="638" cy="432" r="92" fill="url(#wheelShine)" stroke="#263b4a" stroke-width="11"/>
<circle cx="638" cy="432" r="12" fill="#263b4a"/>
<g stroke="#6e8795" stroke-width="3" opacity="0.75">
<line x1="262" y1="432" x2="262" y2="340"/>
<line x1="262" y1="432" x2="262" y2="524"/>
<line x1="262" y1="432" x2="170" y2="432"/>
<line x1="262" y1="432" x2="354" y2="432"/>
<line x1="262" y1="432" x2="197" y2="367"/>
<line x1="262" y1="432" x2="327" y2="367"/>
<line x1="262" y1="432" x2="197" y2="497"/>
<line x1="262" y1="432" x2="327" y2="497"/>
<line x1="638" y1="432" x2="638" y2="340"/>
<line x1="638" y1="432" x2="638" y2="524"/>
<line x1="638" y1="432" x2="546" y2="432"/>
<line x1="638" y1="432" x2="730" y2="432"/>
<line x1="638" y1="432" x2="573" y2="367"/>
<line x1="638" y1="432" x2="703" y2="367"/>
<line x1="638" y1="432" x2="573" y2="497"/>
<line x1="638" y1="432" x2="703" y2="497"/>
</g>
</g>
<g fill="none" stroke="#e84d6a" stroke-width="15">
<path d="M262 432 L385 310 L485 432 Z"/>
<path d="M385 310 L638 432"/>
<path d="M485 432 L638 432"/>
<path d="M385 310 L430 432"/>
<path d="M430 432 L262 432"/>
</g>
<g fill="none" stroke="#ff7b92" stroke-width="6" opacity="0.85">
<path d="M278 420 L386 317 L473 421"/>
<path d="M397 318 L620 424"/>
</g>
<g>
<path d="M370 309 L356 264" stroke="#263b4a" stroke-width="12" fill="none"/>
<path d="M323 260 Q356 248 397 260" stroke="#263b4a" stroke-width="14" fill="none"/>
<path d="M330 253 Q356 240 391 253" stroke="#394d59" stroke-width="8" fill="none"/>
</g>
<g>
<path d="M638 432 L604 285" stroke="#263b4a" stroke-width="12" fill="none"/>
<path d="M604 285 Q642 266 679 286" stroke="#263b4a" stroke-width="11" fill="none"/>
<path d="M676 286 Q700 298 712 279" stroke="#263b4a" stroke-width="10" fill="none"/>
<circle cx="604" cy="285" r="9" fill="#263b4a"/>
</g>
<g>
<circle cx="430" cy="432" r="23" fill="#263b4a"/>
<circle cx="430" cy="432" r="12" fill="#ffd25e"/>
<path d="M430 432 L392 398" stroke="#263b4a" stroke-width="8"/>
<path d="M430 432 L472 466" stroke="#263b4a" stroke-width="8"/>
<rect x="374" y="390" width="44" height="12" rx="6" transform="rotate(38 396 396)" fill="#263b4a"/>
<rect x="448" y="460" width="52" height="12" rx="6" transform="rotate(38 474 466)" fill="#263b4a"/>
</g>
</g>
<g id="cat">
<path d="M542 306 C582 260 648 268 672 322 C694 372 664 421 603 420 C536 419 503 354 542 306 Z" fill="#f6a34b" stroke="#5b351f" stroke-width="6"/>
<path d="M609 382 C632 397 660 386 668 360 C675 336 663 314 644 304" fill="none" stroke="#db7f34" stroke-width="7" stroke-linecap="round"/>
<ellipse cx="590" cy="358" rx="41" ry="54" fill="#ffd08b" opacity="0.85"/>
<path d="M529 329 C496 301 457 303 440 326 C425 347 436 374 463 378 C490 382 513 361 535 338" fill="#f6a34b" stroke="#5b351f" stroke-width="6"/>
<path d="M461 326 C474 334 483 348 484 363" fill="none" stroke="#db7f34" stroke-width="5" stroke-linecap="round"/>
<g>
<path d="M538 217 L515 156 L578 187 Z" fill="#f6a34b" stroke="#5b351f" stroke-width="6" stroke-linejoin="round"/>
<path d="M649 219 L680 160 L614 185 Z" fill="#f6a34b" stroke="#5b351f" stroke-width="6" stroke-linejoin="round"/>
<path d="M539 204 C556 159 632 158 652 207 C672 257 638 295 593 297 C550 299 520 255 539 204 Z" fill="#f6a34b" stroke="#5b351f" stroke-width="6"/>
<path d="M535 215 C548 229 566 235 587 235" fill="none" stroke="#db7f34" stroke-width="5" stroke-linecap="round"/>
<path d="M649 217 C633 230 616 235 594 235" fill="none" stroke="#db7f34" stroke-width="5" stroke-linecap="round"/>
<path d="M528 173 L544 201 L532 198 Z" fill="#ffbdba"/>
<path d="M665 176 L641 201 L653 199 Z" fill="#ffbdba"/>
<ellipse cx="570" cy="225" rx="11" ry="15" fill="#2a2a2a"/>
<ellipse cx="620" cy="225" rx="11" ry="15" fill="#2a2a2a"/>
<circle cx="574" cy="219" r="3" fill="#ffffff"/>
<circle cx="624" cy="219" r="3" fill="#ffffff"/>
<path d="M594 240 L584 252 L604 252 Z" fill="#e35f6b"/>
<path d="M594 252 Q593 265 581 268" fill="none" stroke="#5b351f" stroke-width="4" stroke-linecap="round"/>
<path d="M594 252 Q597 265 610 268" fill="none" stroke="#5b351f" stroke-width="4" stroke-linecap="round"/>
<path d="M568 278 Q594 293 621 277" fill="none" stroke="#5b351f" stroke-width="4" stroke-linecap="round"/>
<g stroke="#5b351f" stroke-width="3" stroke-linecap="round">
<path d="M555 250 C528 246 507 236 489 224"/>
<path d="M555 258 C526 261 505 257 484 249"/>
<path d="M555 266 C532 276 510 281 488 279"/>
<path d="M633 250 C660 245 683 235 702 222"/>
<path d="M633 258 C663 260 686 256 709 248"/>
<path d="M633 266 C658 276 682 280 705 277"/>
</g>
<path d="M571 195 C579 188 587 185 596 185" fill="none" stroke="#db7f34" stroke-width="5" stroke-linecap="round"/>
<path d="M611 185 C620 185 629 189 636 197" fill="none" stroke="#db7f34" stroke-width="5" stroke-linecap="round"/>
</g>
<g fill="#f6a34b" stroke="#5b351f" stroke-width="6" stroke-linecap="round" stroke-linejoin="round">
<path d="M552 335 C526 346 506 368 493 397"/>
<path d="M492 398 Q482 416 468 413 Q455 410 461 394 Q471 368 505 344"/>
<path d="M637 331 C640 303 655 288 678 282"/>
<path d="M678 282 Q696 279 700 291 Q704 304 688 309 Q669 315 660 337"/>
<path d="M578 410 C559 432 545 454 541 482"/>
<path d="M541 482 Q533 499 518 495 Q505 491 512 476 Q524 446 551 415"/>
<path d="M620 411 C638 431 655 449 680 462"/>
<path d="M680 462 Q697 469 692 483 Q687 497 671 490 Q643 477 612 421"/>
</g>
<g stroke="#db7f34" stroke-width="5" stroke-linecap="round" fill="none">
<path d="M562 315 C579 324 603 326 626 318"/>
<path d="M550 349 C573 362 607 364 635 350"/>
<path d="M552 386 C574 399 610 401 636 388"/>
</g>
<g>
<path d="M533 419 C505 447 459 457 422 430 C399 413 399 383 419 371 C442 358 463 382 448 403 C437 419 416 413 411 399" fill="none" stroke="#f6a34b" stroke-width="19" stroke-linecap="round"/>
<path d="M533 419 C505 447 459 457 422 430 C399 413 399 383 419 371 C442 358 463 382 448 403 C437 419 416 413 411 399" fill="none" stroke="#5b351f" stroke-width="6" stroke-linecap="round"/>
<path d="M492 443 C484 434 479 426 477 417" fill="none" stroke="#db7f34" stroke-width="5" stroke-linecap="round"/>
</g>
</g>
</g>
<g opacity="0.45" fill="none" stroke="#ffffff" stroke-width="5" stroke-linecap="round">
<path d="M155 382 C105 372 72 374 43 385"/>
<path d="M188 415 C132 409 91 415 52 431"/>
<path d="M777 372 C728 361 686 366 653 383"/>
</g>
<g fill="#ffe9a6" opacity="0.9">
<path d="M110 285 l8 18 20 2 -15 13 5 20 -18 -11 -17 11 4 -20 -15 -13 20 -2z"/>
<path d="M782 235 l6 13 14 2 -10 9 3 14 -13 -7 -12 7 3 -14 -10 -9 14 -2z"/>
</g>
</svg>
action #29.0✕ CLOSE
GPT-5.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 800 600" width="800" height="600" role="img" aria-labelledby="title desc">
<title id="title">Cat riding a bicycle</title>
<desc id="desc">A cheerful orange cat wearing a scarf rides a blue bicycle with two large wheels.</desc>
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#bfeaff"/>
<stop offset="100%" stop-color="#f7fbff"/>
</linearGradient>
<linearGradient id="grass" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#7ed957"/>
<stop offset="100%" stop-color="#43b649"/>
</linearGradient>
<radialGradient id="wheelShine" cx="35%" cy="30%" r="65%">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.85"/>
<stop offset="50%" stop-color="#e9f7ff" stop-opacity="0.45"/>
<stop offset="100%" stop-color="#d7ecf7" stop-opacity="0.15"/>
</radialGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="8" stdDeviation="8" flood-color="#24424f" flood-opacity="0.22"/>
</filter>
<style>
.outline{stroke:#2f3a45;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.thin{stroke:#2f3a45;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.spoke{stroke:#6b7b88;stroke-width:2;stroke-linecap:round}
.frame{stroke:#2387c9;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;fill:none}
.cat{fill:#f6a13a;stroke:#5b3721;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.stripe{stroke:#b86b22;stroke-width:5;stroke-linecap:round}
</style>
</defs>
<rect width="800" height="600" fill="url(#sky)"/>
<circle cx="660" cy="92" r="46" fill="#ffd966" opacity="0.95"/>
<g fill="#ffffff" opacity="0.85">
<ellipse cx="154" cy="96" rx="52" ry="25"/>
<ellipse cx="201" cy="95" rx="42" ry="22"/>
<ellipse cx="112" cy="104" rx="34" ry="18"/>
<ellipse cx="540" cy="135" rx="55" ry="24"/>
<ellipse cx="586" cy="137" rx="35" ry="18"/>
<ellipse cx="499" cy="143" rx="36" ry="17"/>
</g>
<path d="M0 475 C120 440 220 480 340 456 C470 432 600 454 800 422 L800 600 L0 600 Z" fill="url(#grass)"/>
<path d="M0 513 C150 485 260 520 397 497 C532 475 655 498 800 468" fill="none" stroke="#2e9b40" stroke-width="7" opacity="0.45"/>
<g filter="url(#shadow)">
<ellipse cx="260" cy="500" rx="102" ry="18" fill="#24424f" opacity="0.22"/>
<ellipse cx="548" cy="500" rx="102" ry="18" fill="#24424f" opacity="0.22"/>
<g id="bicycle">
<g>
<circle cx="250" cy="420" r="92" fill="url(#wheelShine)" stroke="#26323d" stroke-width="9"/>
<circle cx="250" cy="420" r="13" fill="#2387c9" stroke="#26323d" stroke-width="4"/>
<g class="spoke">
<line x1="250" y1="420" x2="250" y2="328"/>
<line x1="250" y1="420" x2="250" y2="512"/>
<line x1="250" y1="420" x2="158" y2="420"/>
<line x1="250" y1="420" x2="342" y2="420"/>
<line x1="250" y1="420" x2="185" y2="355"/>
<line x1="250" y1="420" x2="315" y2="485"/>
<line x1="250" y1="420" x2="315" y2="355"/>
<line x1="250" y1="420" x2="185" y2="485"/>
<line x1="250" y1="420" x2="216" y2="335"/>
<line x1="250" y1="420" x2="284" y2="505"/>
<line x1="250" y1="420" x2="165" y2="386"/>
<line x1="250" y1="420" x2="335" y2="454"/>
</g>
</g>
<g>
<circle cx="550" cy="420" r="92" fill="url(#wheelShine)" stroke="#26323d" stroke-width="9"/>
<circle cx="550" cy="420" r="13" fill="#2387c9" stroke="#26323d" stroke-width="4"/>
<g class="spoke">
<line x1="550" y1="420" x2="550" y2="328"/>
<line x1="550" y1="420" x2="550" y2="512"/>
<line x1="550" y1="420" x2="458" y2="420"/>
<line x1="550" y1="420" x2="642" y2="420"/>
<line x1="550" y1="420" x2="485" y2="355"/>
<line x1="550" y1="420" x2="615" y2="485"/>
<line x1="550" y1="420" x2="615" y2="355"/>
<line x1="550" y1="420" x2="485" y2="485"/>
<line x1="550" y1="420" x2="516" y2="335"/>
<line x1="550" y1="420" x2="584" y2="505"/>
<line x1="550" y1="420" x2="465" y2="386"/>
<line x1="550" y1="420" x2="635" y2="454"/>
</g>
</g>
<path class="frame" d="M250 420 L365 420 L438 320 L550 420 L365 420 L322 326 L438 320"/>
<path class="frame" d="M322 326 L291 292"/>
<path class="frame" d="M438 320 L502 286"/>
<path class="frame" d="M550 420 L522 300"/>
<path d="M271 285 L318 285" class="outline" fill="none"/>
<path d="M496 286 Q535 276 559 292" class="outline" fill="none"/>
<circle cx="365" cy="420" r="19" fill="#ffd25e" stroke="#26323d" stroke-width="5"/>
<path d="M365 420 L405 397" class="thin"/>
<path d="M365 420 L325 443" class="thin"/>
<rect x="398" y="388" width="45" height="12" rx="6" fill="#26323d" transform="rotate(-30 420 394)"/>
<rect x="287" y="441" width="45" height="12" rx="6" fill="#26323d" transform="rotate(-30 309 447)"/>
</g>
<g id="cat">
<path d="M468 280 C500 254 551 270 566 307 C584 352 553 391 503 388 C459 386 424 359 425 323 C426 305 439 291 468 280 Z" class="cat"/>
<path d="M549 334 C603 302 650 315 659 344 C668 374 624 391 589 362" fill="none" stroke="#5b3721" stroke-width="14" stroke-linecap="round"/>
<path d="M648 343 C661 350 665 363 657 373" fill="none" stroke="#b86b22" stroke-width="5" stroke-linecap="round"/>
<path d="M418 236 C429 200 459 179 496 184 C533 190 555 218 554 254 C553 293 523 320 482 317 C442 314 408 278 418 236 Z" class="cat"/>
<path d="M433 205 L431 150 L472 187 Z" class="cat"/>
<path d="M522 190 L562 151 L555 209 Z" class="cat"/>
<path d="M442 190 L438 166 L459 183 Z" fill="#ffd0c2" stroke="#5b3721" stroke-width="3" stroke-linejoin="round"/>
<path d="M532 184 L552 166 L549 194 Z" fill="#ffd0c2" stroke="#5b3721" stroke-width="3" stroke-linejoin="round"/>
<ellipse cx="464" cy="246" rx="8" ry="12" fill="#20303a"/>
<ellipse cx="516" cy="246" rx="8" ry="12" fill="#20303a"/>
<circle cx="467" cy="241" r="3" fill="#fff"/>
<circle cx="519" cy="241" r="3" fill="#fff"/>
<path d="M490 260 L481 270 L499 270 Z" fill="#d65f74" stroke="#5b3721" stroke-width="3" stroke-linejoin="round"/>
<path d="M484 276 Q470 286 456 276" fill="none" stroke="#5b3721" stroke-width="3" stroke-linecap="round"/>
<path d="M496 276 Q510 286 524 276" fill="none" stroke="#5b3721" stroke-width="3" stroke-linecap="round"/>
<g stroke="#5b3721" stroke-width="3" stroke-linecap="round">
<line x1="453" y1="262" x2="417" y2="254"/>
<line x1="454" y1="271" x2="416" y2="274"/>
<line x1="455" y1="280" x2="422" y2="293"/>
<line x1="526" y1="262" x2="562" y2="254"/>
<line x1="526" y1="271" x2="564" y2="274"/>
<line x1="525" y1="280" x2="558" y2="293"/>
</g>
<path class="stripe" d="M471 198 C464 214 462 225 465 235"/>
<path class="stripe" d="M493 196 C487 213 486 225 490 237"/>
<path class="stripe" d="M516 202 C506 216 503 226 505 238"/>
<path class="stripe" d="M544 298 C524 305 508 305 490 298"/>
<path class="stripe" d="M558 322 C536 333 510 333 486 322"/>
<path d="M441 341 C405 350 388 374 372 415" fill="none" stroke="#5b3721" stroke-width="16" stroke-linecap="round"/>
<circle cx="369" cy="424" r="14" fill="#f6a13a" stroke="#5b3721" stroke-width="5"/>
<path d="M511 376 C490 397 466 405 423 398" fill="none" stroke="#5b3721" stroke-width="16" stroke-linecap="round"/>
<circle cx="414" cy="395" r="14" fill="#f6a13a" stroke="#5b3721" stroke-width="5"/>
<path d="M449 377 C419 391 404 412 393 445" fill="none" stroke="#5b3721" stroke-width="15" stroke-linecap="round"/>
<circle cx="391" cy="451" r="13" fill="#f6a13a" stroke="#5b3721" stroke-width="5"/>
<path d="M513 382 C530 397 539 415 548 444" fill="none" stroke="#5b3721" stroke-width="15" stroke-linecap="round"/>
<circle cx="550" cy="450" r="13" fill="#f6a13a" stroke="#5b3721" stroke-width="5"/>
<path d="M419 306 C445 328 503 337 553 315" fill="none" stroke="#d92945" stroke-width="15" stroke-linecap="round"/>
<path d="M430 313 L383 334 L422 348 Z" fill="#e93655" stroke="#8a1f34" stroke-width="4" stroke-linejoin="round"/>
<path d="M447 316 L402 357" stroke="#ff8798" stroke-width="4" stroke-linecap="round"/>
</g>
</g>
<g opacity="0.45" fill="none" stroke="#ffffff" stroke-width="5" stroke-linecap="round">
<path d="M109 545 C132 535 154 535 177 545"/>
<path d="M602 548 C625 538 648 538 670 548"/>
<path d="M37 514 C55 507 75 507 93 514"/>
</g>
</svg>
action #39.3✕ CLOSE
GPT-5.5 · action · attempt 3 · score 9.3
cat likeness: 10.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 600" width="800" height="600" role="img" aria-label="A cheerful cat riding a bicycle">
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#bfefff"/>
<stop offset="100%" stop-color="#f5fbff"/>
</linearGradient>
<linearGradient id="grass" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#8ee082"/>
<stop offset="100%" stop-color="#55bd5c"/>
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#27463a" flood-opacity="0.25"/>
</filter>
</defs>
<rect width="800" height="600" fill="url(#sky)"/>
<circle cx="660" cy="92" r="42" fill="#ffd76a"/>
<g fill="#ffffff" opacity="0.85">
<ellipse cx="145" cy="105" rx="55" ry="22"/>
<ellipse cx="185" cy="103" rx="42" ry="18"/>
<ellipse cx="106" cy="110" rx="35" ry="16"/>
<ellipse cx="550" cy="145" rx="62" ry="23"/>
<ellipse cx="594" cy="145" rx="42" ry="18"/>
<ellipse cx="510" cy="150" rx="35" ry="15"/>
</g>
<path d="M0 455 C115 430 198 456 300 438 C412 418 511 441 625 426 C700 416 750 425 800 410 L800 600 L0 600 Z" fill="url(#grass)"/>
<path d="M0 494 C150 470 270 492 405 476 C555 459 675 477 800 456 L800 600 L0 600 Z" fill="#3ea94f" opacity="0.35"/>
<g filter="url(#shadow)">
<ellipse cx="250" cy="470" rx="95" ry="18" fill="#1a4b3d" opacity="0.18"/>
<ellipse cx="552" cy="470" rx="95" ry="18" fill="#1a4b3d" opacity="0.18"/>
<!-- Bicycle wheels -->
<g stroke="#283747" stroke-linecap="round" stroke-linejoin="round">
<circle cx="250" cy="415" r="86" fill="none" stroke-width="9"/>
<circle cx="552" cy="415" r="86" fill="none" stroke-width="9"/>
<circle cx="250" cy="415" r="9" fill="#283747" stroke="none"/>
<circle cx="552" cy="415" r="9" fill="#283747" stroke="none"/>
<g stroke-width="2.2" opacity="0.65">
<line x1="250" y1="415" x2="250" y2="329"/>
<line x1="250" y1="415" x2="250" y2="501"/>
<line x1="250" y1="415" x2="164" y2="415"/>
<line x1="250" y1="415" x2="336" y2="415"/>
<line x1="250" y1="415" x2="189" y2="354"/>
<line x1="250" y1="415" x2="311" y2="354"/>
<line x1="250" y1="415" x2="189" y2="476"/>
<line x1="250" y1="415" x2="311" y2="476"/>
<line x1="552" y1="415" x2="552" y2="329"/>
<line x1="552" y1="415" x2="552" y2="501"/>
<line x1="552" y1="415" x2="466" y2="415"/>
<line x1="552" y1="415" x2="638" y2="415"/>
<line x1="552" y1="415" x2="491" y2="354"/>
<line x1="552" y1="415" x2="613" y2="354"/>
<line x1="552" y1="415" x2="491" y2="476"/>
<line x1="552" y1="415" x2="613" y2="476"/>
</g>
</g>
<!-- Bicycle frame -->
<g fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M250 415 L352 306 L444 415 Z" stroke="#e84a5f" stroke-width="14"/>
<path d="M352 306 L552 415 L444 415 L352 306" stroke="#e84a5f" stroke-width="14"/>
<path d="M444 415 L491 314" stroke="#e84a5f" stroke-width="14"/>
<path d="M552 415 L512 285" stroke="#e84a5f" stroke-width="14"/>
<path d="M512 285 C535 277 560 278 582 290" stroke="#283747" stroke-width="10"/>
<path d="M352 306 L337 269" stroke="#283747" stroke-width="10"/>
<path d="M312 266 L365 266" stroke="#283747" stroke-width="12"/>
<circle cx="444" cy="415" r="20" fill="#ffd166" stroke="#283747" stroke-width="7"/>
<line x1="444" y1="415" x2="484" y2="442" stroke="#283747" stroke-width="8"/>
<line x1="444" y1="415" x2="404" y2="388" stroke="#283747" stroke-width="8"/>
<circle cx="486" cy="443" r="8" fill="#283747"/>
<circle cx="402" cy="387" r="8" fill="#283747"/>
</g>
<!-- Cat tail behind body -->
<path d="M303 272 C239 232 202 282 217 325 C229 359 277 348 271 318 C267 296 239 300 245 322" fill="none" stroke="#f4a259" stroke-width="28" stroke-linecap="round"/>
<path d="M303 272 C239 232 202 282 217 325 C229 359 277 348 271 318 C267 296 239 300 245 322" fill="none" stroke="#c7773c" stroke-width="5" stroke-linecap="round" opacity="0.6"/>
<!-- Cat body -->
<ellipse cx="382" cy="284" rx="78" ry="95" transform="rotate(-9 382 284)" fill="#f4a259" stroke="#8d5524" stroke-width="5"/>
<ellipse cx="395" cy="306" rx="43" ry="54" transform="rotate(-9 395 306)" fill="#ffd39a" opacity="0.95"/>
<!-- Hind leg to pedal -->
<path d="M371 356 C388 386 416 400 444 415" fill="none" stroke="#f4a259" stroke-width="24" stroke-linecap="round"/>
<path d="M444 415 C457 425 469 434 486 443" fill="none" stroke="#f4a259" stroke-width="18" stroke-linecap="round"/>
<ellipse cx="492" cy="446" rx="20" ry="12" transform="rotate(25 492 446)" fill="#fff3d6" stroke="#8d5524" stroke-width="4"/>
<!-- Front leg to handlebar -->
<path d="M426 256 C462 262 489 276 512 285" fill="none" stroke="#f4a259" stroke-width="21" stroke-linecap="round"/>
<ellipse cx="516" cy="285" rx="18" ry="12" transform="rotate(15 516 285)" fill="#fff3d6" stroke="#8d5524" stroke-width="4"/>
<!-- Other legs -->
<path d="M337 343 C321 368 309 391 302 417" fill="none" stroke="#df8d45" stroke-width="20" stroke-linecap="round"/>
<ellipse cx="300" cy="423" rx="18" ry="11" transform="rotate(100 300 423)" fill="#fff3d6" stroke="#8d5524" stroke-width="4"/>
<path d="M344 252 C329 284 323 309 315 337" fill="none" stroke="#df8d45" stroke-width="20" stroke-linecap="round"/>
<ellipse cx="314" cy="341" rx="17" ry="11" transform="rotate(100 314 341)" fill="#fff3d6" stroke="#8d5524" stroke-width="4"/>
<!-- Cat head -->
<g>
<path d="M314 178 L300 111 L354 147 Z" fill="#f4a259" stroke="#8d5524" stroke-width="5" stroke-linejoin="round"/>
<path d="M432 169 L467 110 L482 181 Z" fill="#f4a259" stroke="#8d5524" stroke-width="5" stroke-linejoin="round"/>
<path d="M318 151 L309 126 L335 149 Z" fill="#ffb0a6"/>
<path d="M450 160 L462 134 L468 169 Z" fill="#ffb0a6"/>
<ellipse cx="391" cy="188" rx="91" ry="73" transform="rotate(7 391 188)" fill="#f4a259" stroke="#8d5524" stroke-width="5"/>
<ellipse cx="386" cy="209" rx="49" ry="35" fill="#fff3d6"/>
<circle cx="354" cy="183" r="10" fill="#1f2933"/>
<circle cx="426" cy="188" r="10" fill="#1f2933"/>
<circle cx="358" cy="179" r="3.5" fill="#ffffff"/>
<circle cx="430" cy="184" r="3.5" fill="#ffffff"/>
<path d="M391 198 L379 211 L402 213 Z" fill="#e85d75"/>
<path d="M391 212 C386 224 372 226 364 217" fill="none" stroke="#6b3e26" stroke-width="4" stroke-linecap="round"/>
<path d="M391 212 C396 225 411 228 421 219" fill="none" stroke="#6b3e26" stroke-width="4" stroke-linecap="round"/>
<g stroke="#6b3e26" stroke-width="3" stroke-linecap="round">
<line x1="347" y1="209" x2="302" y2="194"/>
<line x1="348" y1="219" x2="300" y2="219"/>
<line x1="350" y1="229" x2="307" y2="242"/>
<line x1="431" y1="214" x2="477" y2="202"/>
<line x1="430" y1="224" x2="479" y2="226"/>
<line x1="427" y1="233" x2="469" y2="250"/>
</g>
<path d="M346 144 C363 132 388 129 407 137" fill="none" stroke="#8d5524" stroke-width="4" stroke-linecap="round"/>
<path d="M337 165 C351 157 369 156 382 162" fill="none" stroke="#c7773c" stroke-width="5" stroke-linecap="round"/>
<path d="M411 165 C427 159 443 162 455 172" fill="none" stroke="#c7773c" stroke-width="5" stroke-linecap="round"/>
</g>
<!-- Cat stripes on body -->
<g fill="none" stroke="#c7773c" stroke-width="6" stroke-linecap="round" opacity="0.8">
<path d="M339 235 C358 246 381 248 402 240"/>
<path d="M321 277 C340 287 359 291 378 286"/>
<path d="M432 266 C416 277 405 291 402 309"/>
<path d="M430 331 C409 343 386 349 361 344"/>
</g>
<!-- Scarf -->
<path d="M322 236 C365 257 419 258 456 236" fill="none" stroke="#3a86ff" stroke-width="16" stroke-linecap="round"/>
<path d="M443 242 C462 262 487 268 514 259" fill="none" stroke="#3a86ff" stroke-width="14" stroke-linecap="round"/>
<path d="M463 251 L493 285 L451 277 Z" fill="#3a86ff" stroke="#1d5ec7" stroke-width="3" stroke-linejoin="round"/>
<!-- Motion accents -->
<g fill="none" stroke="#ffffff" stroke-width="6" stroke-linecap="round" opacity="0.85">
<path d="M105 352 H174"/>
<path d="M87 388 H144"/>
<path d="M632 332 H704"/>
<path d="M656 369 H735"/>
</g>
</g>
<g fill="#2f8f46" opacity="0.75">
<path d="M94 512 C92 495 105 482 117 501 C113 487 126 475 137 494 C141 479 158 479 154 506 Z"/>
<path d="M681 515 C679 498 692 485 704 504 C700 490 713 478 724 497 C728 482 745 482 741 509 Z"/>
<path d="M33 535 C31 522 41 511 51 526 C49 515 60 506 69 522 C73 510 86 510 83 532 Z"/>
</g>
</svg>
action #49.3✕ CLOSE
GPT-5.5 · action · attempt 4 · score 9.3
cat likeness: 9.0aesthetic: 9.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" role="img" aria-label="A cheerful orange cat riding a blue bicycle">
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#bdefff"/>
<stop offset="100%" stop-color="#f7fdff"/>
</linearGradient>
<linearGradient id="grass" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#8fe36d"/>
<stop offset="100%" stop-color="#5fc85b"/>
</linearGradient>
<radialGradient id="wheelShade" cx="50%" cy="50%" r="50%">
<stop offset="60%" stop-color="#ffffff" stop-opacity="0"/>
<stop offset="100%" stop-color="#2d3d4f" stop-opacity=".15"/>
</radialGradient>
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
<feDropShadow dx="0" dy="6" stdDeviation="5" flood-color="#1d2b38" flood-opacity=".22"/>
</filter>
</defs>
<rect width="800" height="600" fill="url(#sky)"/>
<circle cx="92" cy="78" r="36" fill="#fff7a8"/>
<g fill="#ffffff" opacity=".92">
<ellipse cx="186" cy="91" rx="52" ry="18"/>
<ellipse cx="226" cy="91" rx="39" ry="15"/>
<ellipse cx="149" cy="94" rx="31" ry="13"/>
<ellipse cx="594" cy="122" rx="58" ry="18"/>
<ellipse cx="642" cy="123" rx="42" ry="15"/>
<ellipse cx="552" cy="126" rx="34" ry="13"/>
</g>
<rect y="456" width="800" height="144" fill="url(#grass)"/>
<path d="M0 481 C90 462 147 493 238 472 C332 450 391 487 481 467 C587 443 643 485 800 459 L800 600 L0 600 Z" fill="#65cf61"/>
<g opacity=".35" stroke="#3da84d" stroke-width="5" stroke-linecap="round">
<path d="M70 530c38-18 82-15 117 0"/>
<path d="M590 520c44-14 89-11 130 4"/>
<path d="M308 548c39-18 79-17 117-2"/>
</g>
<g filter="url(#softShadow)">
<ellipse cx="398" cy="502" rx="255" ry="23" fill="#244056" opacity=".18"/>
<g id="bicycle">
<g>
<circle cx="247" cy="434" r="91" fill="#f9fcff" stroke="#22384b" stroke-width="12"/>
<circle cx="247" cy="434" r="75" fill="url(#wheelShade)" stroke="#90a8ba" stroke-width="3"/>
<circle cx="247" cy="434" r="9" fill="#22384b"/>
<g stroke="#90a8ba" stroke-width="3" stroke-linecap="round">
<line x1="247" y1="434" x2="247" y2="359"/>
<line x1="247" y1="434" x2="247" y2="509"/>
<line x1="247" y1="434" x2="172" y2="434"/>
<line x1="247" y1="434" x2="322" y2="434"/>
<line x1="247" y1="434" x2="194" y2="381"/>
<line x1="247" y1="434" x2="300" y2="381"/>
<line x1="247" y1="434" x2="194" y2="487"/>
<line x1="247" y1="434" x2="300" y2="487"/>
</g>
</g>
<g>
<circle cx="562" cy="434" r="91" fill="#f9fcff" stroke="#22384b" stroke-width="12"/>
<circle cx="562" cy="434" r="75" fill="url(#wheelShade)" stroke="#90a8ba" stroke-width="3"/>
<circle cx="562" cy="434" r="9" fill="#22384b"/>
<g stroke="#90a8ba" stroke-width="3" stroke-linecap="round">
<line x1="562" y1="434" x2="562" y2="359"/>
<line x1="562" y1="434" x2="562" y2="509"/>
<line x1="562" y1="434" x2="487" y2="434"/>
<line x1="562" y1="434" x2="637" y2="434"/>
<line x1="562" y1="434" x2="509" y2="381"/>
<line x1="562" y1="434" x2="615" y2="381"/>
<line x1="562" y1="434" x2="509" y2="487"/>
<line x1="562" y1="434" x2="615" y2="487"/>
</g>
</g>
<g fill="none" stroke-linecap="round" stroke-linejoin="round">
<path d="M247 434 L356 330 L441 434 Z" stroke="#178ecb" stroke-width="14"/>
<path d="M356 330 L518 330 L441 434 L247 434" stroke="#178ecb" stroke-width="14"/>
<path d="M518 330 L562 434" stroke="#178ecb" stroke-width="14"/>
<path d="M356 330 L335 286" stroke="#22384b" stroke-width="10"/>
<path d="M319 284 L382 284" stroke="#22384b" stroke-width="12"/>
<path d="M518 330 L548 281" stroke="#22384b" stroke-width="10"/>
<path d="M548 281 C575 267 600 268 620 282" stroke="#22384b" stroke-width="10"/>
</g>
<g>
<circle cx="441" cy="434" r="20" fill="#22384b"/>
<circle cx="441" cy="434" r="11" fill="#ffd45c"/>
<g stroke="#22384b" stroke-width="8" stroke-linecap="round">
<line x1="441" y1="434" x2="473" y2="413"/>
<line x1="441" y1="434" x2="409" y2="456"/>
</g>
<rect x="467" y="405" width="48" height="11" rx="5.5" fill="#22384b" transform="rotate(-20 467 405)"/>
<rect x="371" y="459" width="48" height="11" rx="5.5" fill="#22384b" transform="rotate(-20 371 459)"/>
</g>
</g>
<g id="cat">
<path d="M339 313 C314 347 310 401 340 429 C374 462 446 459 482 424 C514 393 506 341 480 310 C445 268 374 269 339 313 Z" fill="#f59a38" stroke="#8b4b21" stroke-width="5"/>
<path d="M355 353 C373 381 442 382 463 352 C469 387 460 429 411 438 C367 432 349 393 355 353 Z" fill="#ffc070" opacity=".75"/>
<path d="M482 384 C524 365 546 333 524 309 C508 292 485 305 501 326 C511 339 532 333 532 314" fill="none" stroke="#f59a38" stroke-width="19" stroke-linecap="round"/>
<path d="M482 384 C524 365 546 333 524 309 C508 292 485 305 501 326 C511 339 532 333 532 314" fill="none" stroke="#8b4b21" stroke-width="5" stroke-linecap="round"/>
<g>
<path d="M331 247 L319 177 L371 218 Z" fill="#f59a38" stroke="#8b4b21" stroke-width="5" stroke-linejoin="round"/>
<path d="M476 247 L492 177 L438 216 Z" fill="#f59a38" stroke="#8b4b21" stroke-width="5" stroke-linejoin="round"/>
<path d="M334 223 L327 190 L354 216 Z" fill="#ffbf86"/>
<path d="M469 222 L482 190 L452 216 Z" fill="#ffbf86"/>
<ellipse cx="404" cy="251" rx="86" ry="73" fill="#f59a38" stroke="#8b4b21" stroke-width="5"/>
<path d="M347 214 C368 184 439 184 462 214 C440 204 370 204 347 214 Z" fill="#ffb45d"/>
<ellipse cx="372" cy="258" rx="11" ry="17" fill="#263746"/>
<ellipse cx="436" cy="258" rx="11" ry="17" fill="#263746"/>
<circle cx="376" cy="252" r="4" fill="#ffffff"/>
<circle cx="440" cy="252" r="4" fill="#ffffff"/>
<path d="M401 277 L389 291 L414 291 Z" fill="#ef6b77" stroke="#8b4b21" stroke-width="3" stroke-linejoin="round"/>
<path d="M402 292 C397 304 378 306 371 296" fill="none" stroke="#8b4b21" stroke-width="4" stroke-linecap="round"/>
<path d="M402 292 C408 304 427 306 434 296" fill="none" stroke="#8b4b21" stroke-width="4" stroke-linecap="round"/>
<g stroke="#8b4b21" stroke-width="3" stroke-linecap="round">
<path d="M340 278 L293 266"/>
<path d="M341 291 L292 292"/>
<path d="M343 304 L298 318"/>
<path d="M465 278 L512 266"/>
<path d="M464 291 L513 292"/>
<path d="M462 304 L507 318"/>
</g>
<g stroke="#8b4b21" stroke-width="4" stroke-linecap="round">
<path d="M383 194 C379 210 379 221 382 235"/>
<path d="M405 187 C402 207 402 221 405 238"/>
<path d="M428 194 C431 210 430 224 426 237"/>
</g>
</g>
<g stroke="#8b4b21" stroke-width="5" stroke-linecap="round" stroke-linejoin="round">
<path d="M346 351 C321 342 299 322 289 296" fill="none"/>
<path d="M462 351 C487 340 511 319 530 288" fill="none"/>
</g>
<circle cx="288" cy="296" r="13" fill="#f59a38" stroke="#8b4b21" stroke-width="4"/>
<circle cx="530" cy="288" r="13" fill="#f59a38" stroke="#8b4b21" stroke-width="4"/>
<g stroke="#8b4b21" stroke-width="5" stroke-linecap="round" stroke-linejoin="round">
<path d="M378 423 C364 444 346 455 322 458" fill="none"/>
<path d="M430 423 C448 442 469 449 491 414" fill="none"/>
</g>
<ellipse cx="321" cy="459" rx="18" ry="11" fill="#f59a38" stroke="#8b4b21" stroke-width="4" transform="rotate(-8 321 459)"/>
<ellipse cx="492" cy="414" rx="18" ry="11" fill="#f59a38" stroke="#8b4b21" stroke-width="4" transform="rotate(-20 492 414)"/>
</g>
</g>
<g fill="#ffffff" opacity=".75">
<path d="M116 392 c8-10 19-10 27 0 c8-10 19-10 27 0 c-13 9-41 9-54 0z"/>
<path d="M660 360 c7-9 17-9 24 0 c7-9 17-9 24 0 c-12 8-36 8-48 0z"/>
</g>
</svg>style
“Draw an origami-style cat with geometric folds as an SVG.”
style #19.0✕ CLOSE
GPT-5.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" role="img" aria-label="Origami-style cat with geometric folds">
<defs>
<linearGradient id="paperBg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#fff8ed"/>
<stop offset="1" stop-color="#efe2d4"/>
</linearGradient>
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur in="SourceAlpha" stdDeviation="8"/>
<feOffset dx="0" dy="10" result="offset"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.22"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style>
.edge{stroke:#8b5b39;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;stroke-opacity:.33}
.fold{fill:none;stroke:#6b432a;stroke-width:2;stroke-linecap:round;stroke-opacity:.26}
.crease{fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-opacity:.45}
.face{stroke:#3f2a1d;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
</style>
</defs>
<rect width="800" height="800" fill="url(#paperBg)"/>
<ellipse cx="403" cy="707" rx="216" ry="35" fill="#6b4a34" opacity=".16"/>
<g filter="url(#softShadow)">
<g class="edge">
<polygon points="505,515 610,464 641,522 538,598" fill="#d98a49"/>
<polygon points="610,464 690,399 721,454 641,522" fill="#e29a5c"/>
<polygon points="690,399 718,300 762,330 721,454" fill="#c97537"/>
<polygon points="718,300 669,246 714,222 770,315 762,330" fill="#eaa569"/>
<polygon points="641,522 721,454 699,536 565,638 538,598" fill="#bd6832"/>
<polyline points="505,515 610,464 690,399 718,300 669,246" fill="none" stroke="#6b432a" stroke-opacity=".23"/>
<polyline points="538,598 641,522 721,454 762,330" fill="none" stroke="#ffffff" stroke-opacity=".36"/>
</g>
<g class="edge">
<polygon points="309,351 491,351 560,592 468,704 332,704 240,592" fill="#d98a49"/>
<polygon points="309,351 400,421 240,592" fill="#efa867"/>
<polygon points="491,351 400,421 560,592" fill="#c97537"/>
<polygon points="240,592 400,421 332,704" fill="#dd8e4d"/>
<polygon points="560,592 400,421 468,704" fill="#b9612e"/>
<polygon points="332,704 400,421 468,704" fill="#e49a5b"/>
<polygon points="309,351 400,421 491,351 438,326 362,326" fill="#f1b173"/>
<polygon points="268,575 332,704 255,682 219,612" fill="#c46b34"/>
<polygon points="532,575 468,704 545,682 581,612" fill="#a9562b"/>
<polygon points="332,704 400,662 468,704" fill="#f0aa6a"/>
</g>
<g>
<path class="fold" d="M309 351L400 421L491 351"/>
<path class="fold" d="M400 421L332 704"/>
<path class="fold" d="M400 421L468 704"/>
<path class="fold" d="M240 592L560 592"/>
<path class="crease" d="M362 326L400 421L438 326"/>
<path class="crease" d="M268 575L332 704"/>
<path class="crease" d="M532 575L468 704"/>
</g>
<g class="edge">
<polygon points="280,215 318,78 361,205" fill="#d77e3e"/>
<polygon points="318,78 400,196 361,205" fill="#f2aa68"/>
<polygon points="318,78 337,184 303,196" fill="#b85d2d"/>
<polygon points="520,215 482,78 439,205" fill="#c87238"/>
<polygon points="482,78 400,196 439,205" fill="#e99b5b"/>
<polygon points="482,78 463,184 497,196" fill="#a9562b"/>
<polygon points="280,215 361,205 400,196 439,205 520,215 489,315 400,371 311,315" fill="#e99453"/>
<polygon points="280,215 361,205 342,304 311,315" fill="#f3ad6e"/>
<polygon points="361,205 400,196 400,371 342,304" fill="#d7803f"/>
<polygon points="439,205 520,215 489,315 458,304" fill="#c06a32"/>
<polygon points="400,196 439,205 458,304 400,371" fill="#efa464"/>
<polygon points="342,304 400,371 311,315" fill="#c87238"/>
<polygon points="458,304 489,315 400,371" fill="#a9562b"/>
<polygon points="342,304 400,276 458,304 400,371" fill="#eda261"/>
<polygon points="361,205 400,276 400,196" fill="#f7ba7e"/>
<polygon points="439,205 400,196 400,276" fill="#d98547"/>
</g>
<g>
<path class="fold" d="M318 78L361 205L400 196L439 205L482 78"/>
<path class="fold" d="M280 215L342 304L400 371L458 304L520 215"/>
<path class="fold" d="M361 205L400 276L439 205"/>
<path class="fold" d="M400 196L400 371"/>
<path class="crease" d="M303 196L318 78"/>
<path class="crease" d="M497 196L482 78"/>
<path class="crease" d="M311 315L400 276L489 315"/>
</g>
<g>
<polygon points="348,257 374,248 366,273" fill="#2f2118" opacity=".92"/>
<polygon points="452,257 426,248 434,273" fill="#2f2118" opacity=".92"/>
<polygon points="389,305 411,305 400,320" fill="#5b2d28"/>
<path d="M400 320L386 335" class="face" fill="none" stroke-width="3.5" opacity=".78"/>
<path d="M400 320L414 335" class="face" fill="none" stroke-width="3.5" opacity=".78"/>
<path d="M346 306L290 292" class="face" fill="none" stroke-width="3" opacity=".58"/>
<path d="M346 319L288 324" class="face" fill="none" stroke-width="3" opacity=".48"/>
<path d="M454 306L510 292" class="face" fill="none" stroke-width="3" opacity=".58"/>
<path d="M454 319L512 324" class="face" fill="none" stroke-width="3" opacity=".48"/>
</g>
</g>
<g opacity=".18">
<path d="M156 154L227 130L211 201Z" fill="#ffffff"/>
<path d="M628 142L681 105L696 174Z" fill="#ffffff"/>
<path d="M124 558L184 526L196 604Z" fill="#ffffff"/>
</g>
</svg>
style #29.3✕ CLOSE
GPT-5.5 · style · attempt 2 · score 9.3
cat likeness: 9.0aesthetic: 9.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 800" width="800" height="800" role="img" aria-labelledby="title desc">
<title id="title">Origami-style geometric cat</title>
<desc id="desc">A seated cat made from angular paper-like facets, folded triangles, crease lines, pointed ears, and an angular tail.</desc>
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#f8fbff"/>
<stop offset="100%" stop-color="#e7eef7"/>
</linearGradient>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="14" stdDeviation="14" flood-color="#23344d" flood-opacity="0.18"/>
</filter>
<clipPath id="tailClip">
<path d="M500 458 L612 380 L704 438 L686 555 L592 622 L516 561 L604 516 L618 464 L524 526 Z"/>
</clipPath>
<clipPath id="bodyClip">
<path d="M400 360 L286 417 L236 672 L564 672 L514 417 Z"/>
</clipPath>
<clipPath id="headClip">
<path d="M260 85 L322 188 L400 155 L478 188 L540 85 L526 262 L485 376 L400 410 L315 376 L274 262 Z"/>
</clipPath>
<style>
.outline{fill:none;stroke:#26364d;stroke-width:5;stroke-linejoin:round;stroke-linecap:round}
.crease{fill:none;stroke:#ffffff;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;opacity:.78}
.valley{fill:none;stroke:#26364d;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;opacity:.28;stroke-dasharray:7 8}
.detail{fill:none;stroke:#26364d;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
</style>
</defs>
<rect width="800" height="800" fill="url(#bg)"/>
<circle cx="400" cy="420" r="310" fill="#ffffff" opacity="0.46"/>
<g filter="url(#softShadow)">
<g clip-path="url(#tailClip)">
<rect x="480" y="350" width="245" height="300" fill="#d6874f"/>
<polygon points="500,458 612,380 618,464 524,526" fill="#e1995c"/>
<polygon points="612,380 704,438 618,464" fill="#f0b174"/>
<polygon points="704,438 686,555 604,516 618,464" fill="#c97943"/>
<polygon points="604,516 686,555 592,622 516,561" fill="#de8f53"/>
<polygon points="516,561 524,526 604,516" fill="#f2bd82"/>
<polygon points="500,458 524,526 516,561" fill="#b9683d"/>
<polygon points="618,464 604,516 524,526" fill="#d4824b"/>
</g>
<path class="outline" d="M500 458 L612 380 L704 438 L686 555 L592 622 L516 561 L604 516 L618 464 L524 526 Z"/>
<path class="crease" d="M612 380 L618 464 L524 526 L500 458"/>
<path class="crease" d="M618 464 L704 438"/>
<path class="crease" d="M618 464 L604 516 L686 555"/>
<path class="valley" d="M516 561 L604 516 L592 622"/>
<g clip-path="url(#bodyClip)">
<rect x="220" y="340" width="360" height="350" fill="#da8b52"/>
<polygon points="400,360 286,417 400,480" fill="#f0aa6a"/>
<polygon points="400,360 514,417 400,480" fill="#cf7444"/>
<polygon points="286,417 236,672 350,555 400,480" fill="#e69457"/>
<polygon points="514,417 564,672 450,555 400,480" fill="#bd653d"/>
<polygon points="400,480 350,555 400,672 450,555" fill="#f5bc7d"/>
<polygon points="236,672 350,555 400,672" fill="#c97646"/>
<polygon points="564,672 450,555 400,672" fill="#df8a50"/>
<polygon points="286,417 350,555 236,672" fill="#d5804c"/>
<polygon points="514,417 450,555 564,672" fill="#a95736"/>
</g>
<path class="outline" d="M400 360 L286 417 L236 672 L564 672 L514 417 Z"/>
<path class="crease" d="M400 360 L400 480 L350 555 L400 672 L450 555 L400 480 L514 417"/>
<path class="crease" d="M286 417 L350 555 L236 672"/>
<path class="crease" d="M514 417 L450 555 L564 672"/>
<path class="valley" d="M286 417 L400 672 L514 417"/>
<ellipse cx="324" cy="676" rx="78" ry="22" fill="#26364d" opacity="0.12"/>
<ellipse cx="476" cy="676" rx="78" ry="22" fill="#26364d" opacity="0.12"/>
<g clip-path="url(#headClip)">
<rect x="235" y="70" width="330" height="360" fill="#e89b5e"/>
<polygon points="260,85 322,188 274,262" fill="#d87f4b"/>
<polygon points="260,85 292,210 322,188" fill="#f3b16f"/>
<polygon points="540,85 478,188 526,262" fill="#c97043"/>
<polygon points="540,85 508,210 478,188" fill="#e9985b"/>
<polygon points="322,188 400,155 400,240" fill="#f7bd80"/>
<polygon points="478,188 400,155 400,240" fill="#dd854f"/>
<polygon points="274,262 322,188 400,240 350,318 315,376" fill="#efa362"/>
<polygon points="526,262 478,188 400,240 450,318 485,376" fill="#c66b40"/>
<polygon points="350,318 400,240 450,318 400,410" fill="#f6b879"/>
<polygon points="315,376 350,318 400,410" fill="#d9824d"/>
<polygon points="485,376 450,318 400,410" fill="#e59659"/>
<polygon points="274,262 315,376 350,318" fill="#bf6540"/>
<polygon points="526,262 485,376 450,318" fill="#b85c3b"/>
<polygon points="306,150 292,232 322,188" fill="#f6c2a6" opacity=".8"/>
<polygon points="494,150 508,232 478,188" fill="#eeb091" opacity=".8"/>
</g>
<path class="outline" d="M260 85 L322 188 L400 155 L478 188 L540 85 L526 262 L485 376 L400 410 L315 376 L274 262 Z"/>
<path class="crease" d="M260 85 L322 188 L274 262"/>
<path class="crease" d="M540 85 L478 188 L526 262"/>
<path class="crease" d="M322 188 L400 240 L478 188"/>
<path class="crease" d="M400 155 L400 240 L350 318 L400 410 L450 318 L400 240"/>
<path class="crease" d="M274 262 L350 318 L315 376"/>
<path class="crease" d="M526 262 L450 318 L485 376"/>
<path class="valley" d="M322 188 L485 376"/>
<path class="valley" d="M478 188 L315 376"/>
<polygon points="339,275 368,267 359,292" fill="#26364d"/>
<polygon points="461,275 432,267 441,292" fill="#26364d"/>
<polygon points="400,309 383,329 417,329" fill="#26364d"/>
<path class="detail" d="M400 329 L400 351"/>
<path class="detail" d="M400 351 Q382 365 365 350"/>
<path class="detail" d="M400 351 Q418 365 435 350"/>
<path class="detail" d="M330 326 L255 305"/>
<path class="detail" d="M331 344 L248 350"/>
<path class="detail" d="M333 362 L265 396"/>
<path class="detail" d="M470 326 L545 305"/>
<path class="detail" d="M469 344 L552 350"/>
<path class="detail" d="M467 362 L535 396"/>
</g>
</svg>
style #39.0✕ CLOSE
GPT-5.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 512 512">
<defs>
<linearGradient id="bg" x1="70" y1="40" x2="460" y2="480" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#fff7e6"/>
<stop offset="1" stop-color="#e8f2ff"/>
</linearGradient>
<linearGradient id="paper1" x1="115" y1="70" x2="390" y2="455" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#f7f1e8"/>
<stop offset="1" stop-color="#b8c4d2"/>
</linearGradient>
<style>
.edge{stroke:#334155;stroke-width:5;stroke-linejoin:round;stroke-linecap:round}
.fold{stroke:#ffffff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.65}
.foldDark{stroke:#64748b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.45}
.feature{fill:#172033}
</style>
</defs>
<rect width="512" height="512" fill="url(#bg)"/>
<circle cx="256" cy="265" r="211" fill="#ffffff" opacity=".38"/>
<g>
<path d="M357 363 L407 339 L431 285 L414 254 L382 275 L369 322 L330 343 Z" fill="#9aaabd" class="edge"/>
<polygon points="414,254 431,285 390,294" fill="#c8d1db"/>
<polygon points="390,294 431,285 407,339 369,322" fill="#8fa0b5"/>
<polygon points="382,275 390,294 369,322" fill="#dce3ea"/>
<polygon points="357,363 369,322 330,343" fill="#b6c2cf"/>
<polyline points="414,254 390,294 369,322 407,339" class="fold"/>
</g>
<g>
<polygon points="191,269 321,269 378,431 256,468 134,431" fill="url(#paper1)" class="edge"/>
<polygon points="191,269 256,323 134,431" fill="#cfd8e3"/>
<polygon points="321,269 256,323 378,431" fill="#aebdcc"/>
<polygon points="256,323 256,468 134,431" fill="#eef2f6"/>
<polygon points="256,323 378,431 256,468" fill="#bac7d4"/>
<polygon points="191,269 321,269 256,323" fill="#dde5ed"/>
<polygon points="134,431 206,403 256,468" fill="#d9e0e8"/>
<polygon points="378,431 306,403 256,468" fill="#93a4b8"/>
<polygon points="206,403 256,323 306,403 256,468" fill="#c5d0dc"/>
<line x1="191" y1="269" x2="256" y2="323" class="fold"/>
<line x1="321" y1="269" x2="256" y2="323" class="fold"/>
<line x1="256" y1="323" x2="256" y2="468" class="fold"/>
<line x1="134" y1="431" x2="256" y2="323" class="foldDark"/>
<line x1="378" y1="431" x2="256" y2="323" class="foldDark"/>
</g>
<g>
<polygon points="139,122 193,55 220,150" fill="#b8c5d3" class="edge"/>
<polygon points="373,122 319,55 292,150" fill="#a8b8c8" class="edge"/>
<polygon points="158,122 191,82 206,146" fill="#f1d0c9"/>
<polygon points="354,122 321,82 306,146" fill="#e7bfc0"/>
<polygon points="139,122 193,55 187,137" fill="#e7edf3"/>
<polygon points="373,122 319,55 325,137" fill="#c0cad6"/>
<polygon points="158,121 354,121 385,209 330,288 256,313 182,288 127,209" fill="#d7e0e9" class="edge"/>
<polygon points="158,121 220,146 203,217 127,209" fill="#c3cfdd"/>
<polygon points="354,121 292,146 309,217 385,209" fill="#b2c0cf"/>
<polygon points="220,146 256,121 292,146 256,201" fill="#eef3f7"/>
<polygon points="158,121 256,121 220,146" fill="#e1e8ef"/>
<polygon points="354,121 256,121 292,146" fill="#cbd6e1"/>
<polygon points="203,217 256,201 309,217 284,273 228,273" fill="#e9eef4"/>
<polygon points="127,209 203,217 182,288" fill="#aab9ca"/>
<polygon points="385,209 309,217 330,288" fill="#9caec1"/>
<polygon points="182,288 228,273 256,313" fill="#d7e1ea"/>
<polygon points="330,288 284,273 256,313" fill="#b9c7d5"/>
<polygon points="228,273 256,201 284,273 256,313" fill="#f7f9fb"/>
<polygon points="203,217 220,146 256,201" fill="#d2dde7"/>
<polygon points="309,217 292,146 256,201" fill="#c0cdd9"/>
<line x1="158" y1="121" x2="220" y2="146" class="fold"/>
<line x1="354" y1="121" x2="292" y2="146" class="fold"/>
<line x1="220" y1="146" x2="203" y2="217" class="foldDark"/>
<line x1="292" y1="146" x2="309" y2="217" class="foldDark"/>
<line x1="220" y1="146" x2="256" y2="201" class="fold"/>
<line x1="292" y1="146" x2="256" y2="201" class="fold"/>
<line x1="203" y1="217" x2="228" y2="273" class="fold"/>
<line x1="309" y1="217" x2="284" y2="273" class="fold"/>
<line x1="228" y1="273" x2="256" y2="313" class="foldDark"/>
<line x1="284" y1="273" x2="256" y2="313" class="foldDark"/>
<line x1="193" y1="55" x2="187" y2="137" class="fold"/>
<line x1="319" y1="55" x2="325" y2="137" class="fold"/>
</g>
<g>
<polygon points="205,194 231,186 224,206" class="feature"/>
<polygon points="307,194 281,186 288,206" class="feature"/>
<polygon points="256,226 242,215 270,215" fill="#d46b78"/>
<path d="M256 226 L256 244" fill="none" stroke="#172033" stroke-width="3" stroke-linecap="round"/>
<path d="M236 250 Q256 262 276 250" fill="none" stroke="#172033" stroke-width="3" stroke-linecap="round"/>
<path d="M214 232 L163 219" fill="none" stroke="#526174" stroke-width="3" stroke-linecap="round"/>
<path d="M216 245 L160 246" fill="none" stroke="#526174" stroke-width="3" stroke-linecap="round"/>
<path d="M216 258 L169 273" fill="none" stroke="#526174" stroke-width="3" stroke-linecap="round"/>
<path d="M298 232 L349 219" fill="none" stroke="#526174" stroke-width="3" stroke-linecap="round"/>
<path d="M296 245 L352 246" fill="none" stroke="#526174" stroke-width="3" stroke-linecap="round"/>
<path d="M296 258 L343 273" fill="none" stroke="#526174" stroke-width="3" stroke-linecap="round"/>
</g>
<g>
<polygon points="168,419 220,405 244,464 180,456" fill="#eef2f6" class="edge"/>
<polygon points="344,419 292,405 268,464 332,456" fill="#b0bdcc" class="edge"/>
<line x1="220" y1="405" x2="244" y2="464" class="fold"/>
<line x1="292" y1="405" x2="268" y2="464" class="fold"/>
</g>
</svg>
style #49.3✕ CLOSE
GPT-5.5 · style · attempt 4 · score 9.3
cat likeness: 9.0aesthetic: 9.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 800" width="800" height="800">
<defs>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="12" stdDeviation="14" flood-color="#3b2a1c" flood-opacity="0.22"/>
</filter>
<linearGradient id="paperWarm" x1="180" y1="120" x2="620" y2="700" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ffd38a"/>
<stop offset="1" stop-color="#d8742d"/>
</linearGradient>
<style>
.edge{stroke:#8f5527;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.crease{stroke:#7c471f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.45;fill:none}
.lightcrease{stroke:#fff4dc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.55;fill:none}
.feature{fill:#34231b}
</style>
</defs>
<rect width="800" height="800" fill="#f7efe3"/>
<circle cx="400" cy="720" r="250" fill="#eadcc8" opacity=".5"/>
<g filter="url(#softShadow)">
<polygon points="535,557 643,509 622,441 566,477 544,525" fill="#c76028" class="edge"/>
<polygon points="622,441 681,375 652,320 594,397 566,477" fill="#e18439" class="edge"/>
<polygon points="652,320 610,282 594,397" fill="#f1a653" class="edge"/>
<polygon points="566,477 622,441 643,509" fill="#b55124" opacity=".9"/>
<polygon points="318,372 478,372 560,610 240,610" fill="url(#paperWarm)" class="edge"/>
<polygon points="318,372 398,505 240,610" fill="#f2a956" class="edge"/>
<polygon points="478,372 398,505 560,610" fill="#d56e2e" class="edge"/>
<polygon points="318,372 478,372 398,505" fill="#f8bf67" class="edge"/>
<polygon points="240,610 398,505 395,610" fill="#de7d35" class="edge"/>
<polygon points="560,610 398,505 405,610" fill="#b95527" class="edge"/>
<polygon points="240,610 395,610 318,695 188,695" fill="#e99143" class="edge"/>
<polygon points="395,610 318,695 455,695" fill="#cc672d" class="edge"/>
<polygon points="405,610 560,610 612,695 482,695" fill="#df7c35" class="edge"/>
<polygon points="405,610 482,695 345,695" fill="#b95727" class="edge"/>
<polygon points="276,270 214,134 367,230" fill="#ea8f3d" class="edge"/>
<polygon points="214,134 286,292 250,230" fill="#f9c16f" class="edge"/>
<polygon points="367,230 286,292 214,134" fill="#d56b2d" opacity=".78" class="edge"/>
<polygon points="524,270 586,134 433,230" fill="#e58337" class="edge"/>
<polygon points="586,134 514,292 550,230" fill="#f6b861" class="edge"/>
<polygon points="433,230 514,292 586,134" fill="#c75d28" opacity=".78" class="edge"/>
<polygon points="260,252 400,190 540,252 555,362 476,450 324,450 245,362" fill="#f2a44e" class="edge"/>
<polygon points="260,252 400,190 400,322" fill="#ffc777" class="edge"/>
<polygon points="540,252 400,190 400,322" fill="#e78539" class="edge"/>
<polygon points="260,252 245,362 400,322" fill="#ef9442" class="edge"/>
<polygon points="540,252 555,362 400,322" fill="#d56c2f" class="edge"/>
<polygon points="245,362 324,450 400,322" fill="#e38339" class="edge"/>
<polygon points="555,362 476,450 400,322" fill="#c45b29" class="edge"/>
<polygon points="324,450 476,450 400,322" fill="#f4ad59" class="edge"/>
<polygon points="333,300 371,312 348,336 312,326" class="feature"/>
<polygon points="467,300 429,312 452,336 488,326" class="feature"/>
<polygon points="389,365 411,365 400,381" fill="#8a3d2d"/>
<path d="M400 381 L386 398 M400 381 L414 398" class="crease" stroke="#5d2e22" opacity=".8"/>
<path d="M314 368 L245 350 M315 387 L239 390 M486 368 L555 350 M485 387 L561 390" class="crease" stroke="#5d2e22" opacity=".65"/>
<path d="M400 190 L400 322 L400 450" class="lightcrease"/>
<path d="M260 252 L400 322 L540 252" class="lightcrease"/>
<path d="M245 362 L400 322 L555 362" class="crease"/>
<path d="M324 450 L400 322 L476 450" class="crease"/>
<path d="M214 134 L286 292 L367 230" class="lightcrease"/>
<path d="M586 134 L514 292 L433 230" class="lightcrease"/>
<path d="M318 372 L398 505 L478 372" class="lightcrease"/>
<path d="M240 610 L398 505 L560 610" class="crease"/>
<path d="M318 695 L395 610 L482 695" class="crease"/>
<path d="M594 397 L622 441 L643 509" class="crease"/>
</g>
</svg>constraint
“Draw a recognizable cat as an SVG using at most 12 SVG elements.”
constraint #18.5✕ CLOSE
GPT-5.5 · constraint · attempt 1 · score 8.5
cat likeness: 8.0aesthetic: 7.0technique: 9.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<path d="M52 185C38 162 43 128 60 106C44 96 36 79 40 60L30 32L59 45C72 35 91 35 104 45L134 32L123 61C128 82 119 99 104 107C119 123 123 145 116 166C126 164 135 157 135 144C135 124 160 122 164 143C171 176 139 193 106 183C91 194 67 194 52 185Z" fill="#9aa0a6" stroke="#222" stroke-width="4" stroke-linejoin="round"/>
<circle cx="68" cy="71" r="6" fill="#111"/>
<circle cx="96" cy="71" r="6" fill="#111"/>
<path d="M76 84L88 84L82 91Z" fill="#e88a9a" stroke="#222" stroke-width="2" stroke-linejoin="round"/>
<path d="M82 91C82 99 74 101 72 106M82 91C82 99 90 101 92 106M47 84L74 88M45 96L74 94M48 108L75 100M117 84L90 88M119 96L90 94M116 108L89 100" fill="none" stroke="#222" stroke-width="3" stroke-linecap="round"/>
</svg>
constraint #28.8✕ CLOSE
GPT-5.5 · constraint · attempt 2 · score 8.8
cat likeness: 9.0aesthetic: 8.0technique: 8.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240">
<path d="M166 172c48-18 39-78 7-70-21 5-16 34 3 31" fill="none" stroke="#111" stroke-width="18" stroke-linecap="round"/>
<ellipse cx="120" cy="172" rx="56" ry="44" fill="#111"/>
<path d="M66 75 80 32l29 28c10-4 22-4 32 0l29-28 14 43c14 16 13 42 0 58-25 30-103 30-128 0-13-16-14-42 10-58z" fill="#111"/>
<ellipse cx="99" cy="95" rx="10" ry="14" fill="#ffd84d"/>
<ellipse cx="141" cy="95" rx="10" ry="14" fill="#ffd84d"/>
<path d="M99 86v18M141 86v18" stroke="#111" stroke-width="4" stroke-linecap="round"/>
<path d="M120 111l-8 7h16z" fill="#ff8aa0"/>
<path d="M120 118v10m0 0c-8 9-18 5-20-2m20 2c8 9 18 5 20-2M91 115H57m36 13-34 8m90-21h34m-36 13 34 8" fill="none" stroke="#eee" stroke-width="4" stroke-linecap="round"/>
<path d="M98 199c7 8 17 8 22 0 5 8 15 8 22 0" fill="none" stroke="#eee" stroke-width="5" stroke-linecap="round"/>
</svg>
constraint #39.0✕ CLOSE
GPT-5.5 · constraint · 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 300 260" width="300" height="260">
<path d="M200 178c46-8 56-67 16-72-26-3-37 22-15 37" fill="none" stroke="#d9782d" stroke-width="24" stroke-linecap="round"/>
<ellipse cx="150" cy="184" rx="72" ry="48" fill="#e88a36" stroke="#2b1a12" stroke-width="5"/>
<path d="M76 94 91 50l29 30c18-9 42-9 60 0l29-30 15 44c18 21 15 53-6 73-27 25-109 25-136 0-21-20-24-52-6-73z" fill="#f29a3f" stroke="#2b1a12" stroke-width="5" stroke-linejoin="round"/>
<path d="M116 122a8 10 0 1 0 16 0 8 10 0 1 0-16 0M168 122a8 10 0 1 0 16 0 8 10 0 1 0-16 0" fill="#111"/>
<path d="M139 140h22l-11 10z" fill="#f27b8c" stroke="#2b1a12" stroke-width="3" stroke-linejoin="round"/>
<path d="M150 150c-2 11-14 14-20 6M150 150c2 11 14 14 20 6M126 135H82M127 146l-43 9M127 157l-37 20M174 135h44M173 146l43 9M173 157l37 20" fill="none" stroke="#2b1a12" stroke-width="4" stroke-linecap="round"/>
<path d="M119 216c8 8 22 8 30 0M151 216c8 8 22 8 30 0" fill="none" stroke="#2b1a12" stroke-width="4" stroke-linecap="round"/>
</svg>
constraint #48.8✕ CLOSE
GPT-5.5 · constraint · 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 200 200">
<path d="M137 154C176 148 179 94 147 93C126 92 123 122 144 123" fill="none" stroke="#555" stroke-width="18" stroke-linecap="round"/>
<ellipse cx="100" cy="132" rx="48" ry="58" fill="#555"/>
<path d="M58 80L68 30L92 57C97 55 103 55 108 57L132 30L142 80C142 110 124 130 100 130C76 130 58 110 58 80Z" fill="#555"/>
<path d="M72 48L78 73L90 62ZM128 48L122 73L110 62Z" fill="#f2a0a9"/>
<path d="M80 88m-9 0a9 11 0 1 0 18 0a9 11 0 1 0-18 0M120 88m-9 0a9 11 0 1 0 18 0a9 11 0 1 0-18 0" fill="#b9ff8a"/>
<path d="M80 88m-2-8a2 8 0 1 0 4 0a2 8 0 1 0-4 0M120 88m-2-8a2 8 0 1 0 4 0a2 8 0 1 0-4 0" fill="#111"/>
<path d="M100 104l-7 6h14zM100 110v9M100 119c-5 6-13 5-17 0M100 119c5 6 13 6 17 0" fill="#ff8da1" stroke="#ff8da1" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M88 108H52M88 116L54 124M88 100L54 92M112 108h36M112 116l34 8M112 100l34-8" stroke="#f7f7f7" stroke-width="3" stroke-linecap="round" fill="none"/>
<path d="M78 166c6 7 17 7 22 0c5 7 16 7 22 0M100 136v39" stroke="#444" stroke-width="4" stroke-linecap="round" fill="none"/>
</svg>animation
“Draw a cat whose tail sways continuously, as an SVG using SMIL or CSS animation only (no JavaScript).”
animation #19.3✕ CLOSE
GPT-5.5 · animation · attempt 1 · score 9.3
cat likeness: 9.0aesthetic: 9.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 512 512" width="512" height="512" role="img" aria-label="Animated cat with a continuously swaying tail">
<defs>
<radialGradient id="bg" cx="50%" cy="40%" r="65%">
<stop offset="0%" stop-color="#fff8dd"/>
<stop offset="100%" stop-color="#ffd7b8"/>
</radialGradient>
<linearGradient id="fur" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#f7a64a"/>
<stop offset="100%" stop-color="#dd7928"/>
</linearGradient>
<linearGradient id="belly" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#ffe1b3"/>
<stop offset="100%" stop-color="#ffc37b"/>
</linearGradient>
<style>
.outline {
stroke: #5b321d;
stroke-width: 8;
stroke-linecap: round;
stroke-linejoin: round;
}
.thin {
stroke: #5b321d;
stroke-width: 5;
stroke-linecap: round;
stroke-linejoin: round;
}
.tail {
transform-origin: 326px 321px;
transform-box: view-box;
animation: tailSway 2.1s ease-in-out infinite;
}
@keyframes tailSway {
0%, 100% { transform: rotate(-13deg); }
50% { transform: rotate(16deg); }
}
</style>
</defs>
<rect width="512" height="512" fill="url(#bg)"/>
<ellipse cx="256" cy="444" rx="150" ry="30" fill="#d9854a" opacity="0.25"/>
<g class="tail">
<path d="M326 321 C404 315 438 235 393 193 C357 160 309 187 321 225 C329 252 364 256 377 232" fill="none" stroke="#5b321d" stroke-width="50" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M326 321 C404 315 438 235 393 193 C357 160 309 187 321 225 C329 252 364 256 377 232" fill="none" stroke="url(#fur)" stroke-width="38" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M393 193 C377 180 355 180 339 194" fill="none" stroke="#c96a25" stroke-width="10" stroke-linecap="round"/>
<path d="M333 245 C348 255 368 253 377 232" fill="none" stroke="#c96a25" stroke-width="10" stroke-linecap="round"/>
</g>
<g>
<path d="M166 278 C166 220 206 184 256 184 C306 184 346 220 346 278 L346 364 C346 408 308 432 256 432 C204 432 166 408 166 364 Z" fill="url(#fur)" class="outline"/>
<ellipse cx="256" cy="335" rx="58" ry="76" fill="url(#belly)" stroke="#5b321d" stroke-width="5"/>
<path d="M209 246 C198 234 187 223 176 214" fill="none" class="thin"/>
<path d="M303 246 C314 234 325 223 336 214" fill="none" class="thin"/>
<path d="M218 419 C208 438 184 442 169 426" fill="none" class="outline"/>
<path d="M294 419 C304 438 328 442 343 426" fill="none" class="outline"/>
</g>
<g>
<path d="M167 185 L183 105 L233 156 Z" fill="url(#fur)" class="outline"/>
<path d="M345 185 L329 105 L279 156 Z" fill="url(#fur)" class="outline"/>
<path d="M185 169 L193 131 L218 157 Z" fill="#ffc18a"/>
<path d="M327 169 L319 131 L294 157 Z" fill="#ffc18a"/>
<circle cx="256" cy="205" r="86" fill="url(#fur)" class="outline"/>
<path d="M206 154 C221 136 237 130 256 130 C275 130 291 136 306 154" fill="none" stroke="#c96a25" stroke-width="7" stroke-linecap="round"/>
<path d="M238 134 L232 159" class="thin"/>
<path d="M256 130 L256 158" class="thin"/>
<path d="M274 134 L280 159" class="thin"/>
<ellipse cx="224" cy="202" rx="13" ry="18" fill="#fff7cf" class="thin"/>
<ellipse cx="288" cy="202" rx="13" ry="18" fill="#fff7cf" class="thin"/>
<ellipse cx="226" cy="204" rx="5" ry="12" fill="#25150e"/>
<ellipse cx="286" cy="204" rx="5" ry="12" fill="#25150e"/>
<circle cx="230" cy="197" r="3" fill="#ffffff"/>
<circle cx="290" cy="197" r="3" fill="#ffffff"/>
<path d="M256 222 L244 236 L268 236 Z" fill="#7a3f2a" stroke="#5b321d" stroke-width="4" stroke-linejoin="round"/>
<path d="M256 236 C252 247 240 250 232 243" fill="none" class="thin"/>
<path d="M256 236 C260 247 272 250 280 243" fill="none" class="thin"/>
<path d="M214 230 C187 221 164 222 140 231" fill="none" class="thin"/>
<path d="M214 245 C187 244 164 252 145 267" fill="none" class="thin"/>
<path d="M298 230 C325 221 348 222 372 231" fill="none" class="thin"/>
<path d="M298 245 C325 244 348 252 367 267" fill="none" class="thin"/>
<circle cx="206" cy="232" r="4" fill="#9b4c28"/>
<circle cx="306" cy="232" r="4" fill="#9b4c28"/>
</g>
</svg>
animation #29.3✕ CLOSE
GPT-5.5 · animation · attempt 2 · score 9.3
cat likeness: 9.0aesthetic: 9.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 640 480" role="img" aria-label="A smiling cat with a continuously swaying tail">
<defs>
<radialGradient id="fur" cx="45%" cy="35%" r="65%">
<stop offset="0%" stop-color="#ffcf79"/>
<stop offset="75%" stop-color="#f5a23b"/>
<stop offset="100%" stop-color="#d97823"/>
</radialGradient>
<linearGradient id="tailFur" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#ffc66b"/>
<stop offset="100%" stop-color="#e88428"/>
</linearGradient>
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
<feOffset dx="0" dy="6" result="offset"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.22"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style>
.outline{stroke:#6b371c;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.stripe{stroke:#b95f22;stroke-width:8;stroke-linecap:round}
.whisker{stroke:#5a2b17;stroke-width:3;stroke-linecap:round}
</style>
</defs>
<rect width="640" height="480" fill="#fff4dc"/>
<ellipse cx="320" cy="422" rx="190" ry="28" fill="#d49b56" opacity="0.25"/>
<g id="tail">
<animateTransform attributeName="transform"
type="rotate"
values="-16 384 292; 18 384 292; -16 384 292"
keyTimes="0;0.5;1"
dur="2.2s"
repeatCount="indefinite"
calcMode="spline"
keySplines=".45 0 .55 1; .45 0 .55 1"/>
<path d="M384 292 C456 270 470 195 416 152 C386 128 388 93 423 82"
fill="none" stroke="url(#tailFur)" stroke-width="38" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M384 292 C456 270 470 195 416 152 C386 128 388 93 423 82"
fill="none" class="outline" stroke-width="6"/>
<path d="M438 255 C453 249 459 241 462 229" class="stripe"/>
<path d="M443 203 C429 200 417 193 408 182" class="stripe"/>
<path d="M398 134 C409 127 421 124 434 126" class="stripe"/>
</g>
<g filter="url(#softShadow)">
<ellipse cx="318" cy="305" rx="103" ry="112" fill="url(#fur)" class="outline"/>
<path d="M236 285 C250 322 280 346 318 346 C356 346 388 322 401 285" fill="none" stroke="#e58a2e" stroke-width="8" stroke-linecap="round" opacity="0.45"/>
<ellipse cx="274" cy="390" rx="35" ry="25" fill="#ffbd5c" class="outline"/>
<ellipse cx="362" cy="390" rx="35" ry="25" fill="#ffbd5c" class="outline"/>
<path d="M260 392 h28" stroke="#b95f22" stroke-width="4" stroke-linecap="round"/>
<path d="M348 392 h28" stroke="#b95f22" stroke-width="4" stroke-linecap="round"/>
<circle cx="318" cy="198" r="82" fill="url(#fur)" class="outline"/>
<path d="M258 145 L237 78 L302 122 Z" fill="#f5a23b" class="outline"/>
<path d="M378 145 L399 78 L334 122 Z" fill="#f5a23b" class="outline"/>
<path d="M264 127 L253 95 L286 119 Z" fill="#ff8fad" stroke="#6b371c" stroke-width="4" stroke-linejoin="round"/>
<path d="M372 127 L383 95 L350 119 Z" fill="#ff8fad" stroke="#6b371c" stroke-width="4" stroke-linejoin="round"/>
<path d="M283 165 C275 157 264 154 253 157" fill="none" stroke="#b95f22" stroke-width="7" stroke-linecap="round"/>
<path d="M353 165 C361 157 372 154 383 157" fill="none" stroke="#b95f22" stroke-width="7" stroke-linecap="round"/>
<path d="M318 118 C306 133 301 149 303 166" fill="none" stroke="#b95f22" stroke-width="6" stroke-linecap="round"/>
<path d="M318 118 C330 133 335 149 333 166" fill="none" stroke="#b95f22" stroke-width="6" stroke-linecap="round"/>
<ellipse cx="287" cy="197" rx="12" ry="18" fill="#402011"/>
<ellipse cx="349" cy="197" rx="12" ry="18" fill="#402011"/>
<circle cx="291" cy="190" r="4" fill="#fff"/>
<circle cx="353" cy="190" r="4" fill="#fff"/>
<path d="M318 213 L306 227 L330 227 Z" fill="#ff758e" stroke="#6b371c" stroke-width="4" stroke-linejoin="round"/>
<path d="M318 227 C313 239 300 240 294 232" fill="none" stroke="#5a2b17" stroke-width="4" stroke-linecap="round"/>
<path d="M318 227 C323 239 336 240 342 232" fill="none" stroke="#5a2b17" stroke-width="4" stroke-linecap="round"/>
<path d="M277 222 C241 211 217 211 193 219" class="whisker"/>
<path d="M278 234 C244 235 219 243 199 256" class="whisker"/>
<path d="M359 222 C395 211 419 211 443 219" class="whisker"/>
<path d="M358 234 C392 235 417 243 437 256" class="whisker"/>
</g>
</svg>
animation #39.5✕ CLOSE
GPT-5.5 · animation · attempt 3 · score 9.5
cat likeness: 10.0aesthetic: 9.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 420 320" width="420" height="320" role="img" aria-labelledby="title desc">
<title id="title">Cat with a continuously swaying tail</title>
<desc id="desc">A seated orange cat whose tail gently sways back and forth using SVG SMIL animation.</desc>
<defs>
<radialGradient id="fur" cx="45%" cy="35%" r="70%">
<stop offset="0%" stop-color="#f6b06b"/>
<stop offset="100%" stop-color="#c56f3d"/>
</radialGradient>
<radialGradient id="belly" cx="50%" cy="35%" r="70%">
<stop offset="0%" stop-color="#ffe1b8"/>
<stop offset="100%" stop-color="#e9a76b"/>
</radialGradient>
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offset"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.25"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<rect width="420" height="320" fill="#f7f1e8"/>
<ellipse cx="210" cy="283" rx="125" ry="18" fill="#d7c7b3" opacity="0.55"/>
<g id="tail" filter="url(#softShadow)">
<animateTransform
attributeName="transform"
type="rotate"
values="-13 282 206; 14 282 206; -13 282 206"
keyTimes="0; .5; 1"
dur="2.2s"
repeatCount="indefinite"
calcMode="spline"
keySplines=".42 0 .58 1; .42 0 .58 1"/>
<path d="M282 206 C335 205 368 168 348 126 C333 94 290 87 278 121"
fill="none" stroke="#c56f3d" stroke-width="28" stroke-linecap="round"/>
<path d="M282 206 C335 205 368 168 348 126 C333 94 290 87 278 121"
fill="none" stroke="#f0a25f" stroke-width="18" stroke-linecap="round" opacity="0.45"/>
<path d="M327 201 C335 194 342 186 346 177" fill="none" stroke="#8f4d2d" stroke-width="7" stroke-linecap="round" opacity="0.9"/>
<path d="M354 153 C353 143 350 134 345 126" fill="none" stroke="#8f4d2d" stroke-width="7" stroke-linecap="round" opacity="0.9"/>
<path d="M320 102 C309 99 298 100 290 105" fill="none" stroke="#8f4d2d" stroke-width="7" stroke-linecap="round" opacity="0.9"/>
</g>
<g id="cat" filter="url(#softShadow)">
<ellipse cx="210" cy="204" rx="79" ry="72" fill="url(#fur)"/>
<ellipse cx="210" cy="220" rx="43" ry="47" fill="url(#belly)" opacity="0.95"/>
<path d="M143 114 L155 47 L194 91 Z" fill="#c56f3d"/>
<path d="M277 114 L265 47 L226 91 Z" fill="#c56f3d"/>
<path d="M157 91 L162 63 L181 91 Z" fill="#f3a6a0"/>
<path d="M263 91 L258 63 L239 91 Z" fill="#f3a6a0"/>
<circle cx="210" cy="111" r="58" fill="url(#fur)"/>
<path d="M173 76 C185 62 199 56 210 56 C221 56 235 62 247 76" fill="none" stroke="#a95835" stroke-width="6" stroke-linecap="round" opacity="0.4"/>
<path d="M180 95 C175 86 174 79 179 71" fill="none" stroke="#8f4d2d" stroke-width="5" stroke-linecap="round" opacity="0.65"/>
<path d="M210 86 C207 76 207 68 210 61" fill="none" stroke="#8f4d2d" stroke-width="5" stroke-linecap="round" opacity="0.65"/>
<path d="M240 95 C245 86 246 79 241 71" fill="none" stroke="#8f4d2d" stroke-width="5" stroke-linecap="round" opacity="0.65"/>
<ellipse cx="187" cy="111" rx="9" ry="13" fill="#20242a"/>
<ellipse cx="233" cy="111" rx="9" ry="13" fill="#20242a"/>
<circle cx="190" cy="106" r="3" fill="#fff"/>
<circle cx="236" cy="106" r="3" fill="#fff"/>
<path d="M210 124 L200 135 Q210 141 220 135 Z" fill="#d86f75"/>
<path d="M210 135 C205 145 194 147 188 140" fill="none" stroke="#6d3a2b" stroke-width="3" stroke-linecap="round"/>
<path d="M210 135 C215 145 226 147 232 140" fill="none" stroke="#6d3a2b" stroke-width="3" stroke-linecap="round"/>
<path d="M195 129 C174 124 158 121 139 123" fill="none" stroke="#6d3a2b" stroke-width="2.5" stroke-linecap="round"/>
<path d="M195 136 C174 137 158 140 141 148" fill="none" stroke="#6d3a2b" stroke-width="2.5" stroke-linecap="round"/>
<path d="M225 129 C246 124 262 121 281 123" fill="none" stroke="#6d3a2b" stroke-width="2.5" stroke-linecap="round"/>
<path d="M225 136 C246 137 262 140 279 148" fill="none" stroke="#6d3a2b" stroke-width="2.5" stroke-linecap="round"/>
<ellipse cx="166" cy="260" rx="28" ry="18" fill="#d9824a"/>
<ellipse cx="254" cy="260" rx="28" ry="18" fill="#d9824a"/>
<path d="M156 259 L156 271" stroke="#9b5735" stroke-width="3" stroke-linecap="round"/>
<path d="M166 261 L166 274" stroke="#9b5735" stroke-width="3" stroke-linecap="round"/>
<path d="M244 261 L244 274" stroke="#9b5735" stroke-width="3" stroke-linecap="round"/>
<path d="M254 259 L254 271" stroke="#9b5735" stroke-width="3" stroke-linecap="round"/>
<path d="M151 184 C139 202 137 225 150 242" fill="none" stroke="#9b5735" stroke-width="6" stroke-linecap="round" opacity="0.45"/>
<path d="M269 184 C281 202 283 225 270 242" fill="none" stroke="#9b5735" stroke-width="6" stroke-linecap="round" opacity="0.45"/>
</g>
</svg>
animation #49.3✕ CLOSE
GPT-5.5 · animation · attempt 4 · score 9.3
cat likeness: 9.0aesthetic: 9.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" role="img" aria-labelledby="title desc">
<title id="title">Animated cat with swaying tail</title>
<desc id="desc">A smiling orange cat sits while its tail continuously sways from side to side using SVG SMIL animation.</desc>
<defs>
<linearGradient id="fur" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#ffb35c"/>
<stop offset="100%" stop-color="#e9842c"/>
</linearGradient>
<linearGradient id="belly" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#ffe1b3"/>
<stop offset="100%" stop-color="#ffc978"/>
</linearGradient>
<filter id="softShadow" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur in="SourceAlpha" stdDeviation="5"/>
<feOffset dx="0" dy="5" result="offset"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.25"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<rect width="500" height="400" fill="#f4fbff"/>
<ellipse cx="250" cy="340" rx="145" ry="25" fill="#c7d7df" opacity="0.45"/>
<g id="tail" filter="url(#softShadow)">
<animateTransform attributeName="transform" type="rotate" values="-13 336 238; 13 336 238; -13 336 238" keyTimes="0;0.5;1" dur="2s" repeatCount="indefinite" calcMode="spline" keySplines="0.42 0 0.58 1;0.42 0 0.58 1"/>
<path d="M336 238 C390 224 422 177 397 131 C379 98 327 92 311 125 C299 150 319 174 349 164" fill="none" stroke="#e9842c" stroke-width="34" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M336 238 C390 224 422 177 397 131 C379 98 327 92 311 125 C299 150 319 174 349 164" fill="none" stroke="#ffb35c" stroke-width="24" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M371 215 C384 205 394 194 400 181" fill="none" stroke="#c76b22" stroke-width="5" stroke-linecap="round" opacity="0.65"/>
<path d="M399 148 C392 134 379 124 364 119" fill="none" stroke="#c76b22" stroke-width="5" stroke-linecap="round" opacity="0.65"/>
<path d="M318 137 C319 151 330 158 345 158" fill="none" stroke="#c76b22" stroke-width="5" stroke-linecap="round" opacity="0.65"/>
</g>
<g id="cat" filter="url(#softShadow)">
<ellipse cx="250" cy="246" rx="88" ry="96" fill="url(#fur)"/>
<ellipse cx="250" cy="270" rx="48" ry="58" fill="url(#belly)" opacity="0.95"/>
<path d="M192 198 C205 211 222 216 239 214" fill="none" stroke="#c76b22" stroke-width="6" stroke-linecap="round" opacity="0.65"/>
<path d="M308 198 C295 211 278 216 261 214" fill="none" stroke="#c76b22" stroke-width="6" stroke-linecap="round" opacity="0.65"/>
<path d="M250 162 C244 180 244 194 250 207" fill="none" stroke="#c76b22" stroke-width="6" stroke-linecap="round" opacity="0.65"/>
<ellipse cx="215" cy="326" rx="30" ry="18" fill="#de7d2a"/>
<ellipse cx="285" cy="326" rx="30" ry="18" fill="#de7d2a"/>
<path d="M201 325 L229 325" stroke="#b95f20" stroke-width="3" stroke-linecap="round" opacity="0.7"/>
<path d="M271 325 L299 325" stroke="#b95f20" stroke-width="3" stroke-linecap="round" opacity="0.7"/>
<circle cx="250" cy="145" r="72" fill="url(#fur)"/>
<path d="M197 105 L211 43 L244 93 Z" fill="#e9842c"/>
<path d="M303 105 L289 43 L256 93 Z" fill="#e9842c"/>
<path d="M209 91 L216 64 L232 88 Z" fill="#ffc0b8"/>
<path d="M291 91 L284 64 L268 88 Z" fill="#ffc0b8"/>
<path d="M224 82 C236 72 264 72 276 82" fill="none" stroke="#c76b22" stroke-width="6" stroke-linecap="round" opacity="0.65"/>
<path d="M250 72 C246 88 246 99 250 111" fill="none" stroke="#c76b22" stroke-width="5" stroke-linecap="round" opacity="0.65"/>
<path d="M221 106 C231 113 238 116 247 116" fill="none" stroke="#c76b22" stroke-width="5" stroke-linecap="round" opacity="0.65"/>
<path d="M279 106 C269 113 262 116 253 116" fill="none" stroke="#c76b22" stroke-width="5" stroke-linecap="round" opacity="0.65"/>
<ellipse cx="225" cy="142" rx="11" ry="15" fill="#263238"/>
<ellipse cx="275" cy="142" rx="11" ry="15" fill="#263238"/>
<circle cx="229" cy="136" r="3" fill="#fff"/>
<circle cx="279" cy="136" r="3" fill="#fff"/>
<path d="M250 156 L241 166 L259 166 Z" fill="#d75f73"/>
<path d="M250 166 C244 177 232 176 229 167" fill="none" stroke="#6d3a25" stroke-width="3" stroke-linecap="round"/>
<path d="M250 166 C256 177 268 176 271 167" fill="none" stroke="#6d3a25" stroke-width="3" stroke-linecap="round"/>
<path d="M213 164 C187 157 165 158 146 169" fill="none" stroke="#6d3a25" stroke-width="3" stroke-linecap="round"/>
<path d="M214 174 C188 175 168 183 151 197" fill="none" stroke="#6d3a25" stroke-width="3" stroke-linecap="round"/>
<path d="M287 164 C313 157 335 158 354 169" fill="none" stroke="#6d3a25" stroke-width="3" stroke-linecap="round"/>
<path d="M286 174 C312 175 332 183 349 197" fill="none" stroke="#6d3a25" stroke-width="3" stroke-linecap="round"/>
</g>
</svg>