Llama 4 Maverick

RANK 27 · MEOWSCORE 43.8 · previous · US · open

minimal

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

minimal #14.3

✕ CLOSE

Llama 4 Maverick · minimal · attempt 1 · score 4.3

cat likeness: 2.0aesthetic: 6.0technique: 5.0prompt fidelity: 4.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <g fill="#ccc">
    <circle cx="50" cy="50" r="40" />
    <path d="M30,70 L40,80 L60,80 L70,70" />
    <circle cx="40" cy="40" r="8" fill="#666" />
    <circle cx="60" cy="40" r="8" fill="#666" />
  </g>
</svg>

minimal #24.0

✕ CLOSE

Llama 4 Maverick · minimal · attempt 2 · score 4.0

cat likeness: 2.0aesthetic: 3.0technique: 5.0prompt fidelity: 6.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <g fill="#666">
    <circle cx="40" cy="40" r="10"/>
    <circle cx="60" cy="40" r="10"/>
  </g>
  <path d="M 20 80 Q 50 60, 80 80" stroke="#666" stroke-width="5" fill="none"/>
  <path d="M 30 70 L 40 80 L 20 80 Z" fill="#666"/>
  <path d="M 70 70 L 60 80 L 80 80 Z" fill="#666"/>
</svg>

minimal #34.5

✕ CLOSE

Llama 4 Maverick · minimal · attempt 3 · score 4.5

cat likeness: 2.0aesthetic: 5.0technique: 7.0prompt fidelity: 4.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
  <g fill="#CCCCCC">
    <circle cx="50" cy="40" r="20" />
    <path d="M30,70 Q50,90 70,70 L50,80 Z" />
    <path d="M40,50 L45,60 L50,50 Z" />
    <path d="M60,50 L55,60 L50,50 Z" />
    <path d="M50,65 L55,70 L45,70 Z" />
  </g>
</svg>

minimal #44.0

✕ CLOSE

Llama 4 Maverick · minimal · attempt 4 · score 4.0

cat likeness: 2.0aesthetic: 5.0technique: 6.0prompt fidelity: 3.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <g fill="#CCC">
    <circle cx="50" cy="40" r="30" />
    <path d="M30,70 Q50,90 70,70" />
    <circle cx="40" cy="30" r="5" fill="#333" />
    <circle cx="60" cy="30" r="5" fill="#333" />
    <path d="M45,55 L55,55" stroke="#333" stroke-width="2" />
  </g>
</svg>

realistic

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

realistic #13.5

✕ CLOSE

Llama 4 Maverick · realistic · attempt 1 · score 3.5

cat likeness: 3.0aesthetic: 4.0technique: 6.0prompt fidelity: 1.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
  <!-- Background -->
  <rect x="0" y="0" width="400" height="300" fill="#f0f0f0" />
  
  <!-- Body -->
  <ellipse cx="200" cy="150" rx="80" ry="60" fill="#777" stroke="#333" stroke-width="2" />
  
  <!-- Fur shading -->
  <path d="M 180,120 C 160,100 140,120 120,140" fill="none" stroke="#999" stroke-width="5" stroke-linecap="round" />
  <path d="M 220,120 C 240,100 260,120 280,140" fill="none" stroke="#999" stroke-width="5" stroke-linecap="round" />
  <path d="M 190,180 C 170,200 150,180 130,160" fill="none" stroke="#666" stroke-width="3" stroke-linecap="round" />
  <path d="M 210,180 C 230,200 250,180 270,160" fill="none" stroke="#666" stroke-width="3" stroke-linecap="round" />
  
  <!-- Head -->
  <circle cx="200" cy="100" r="40" fill="#888" stroke="#333" stroke-width="2" />
  
  <!-- Ears -->
  <path d="M 180,80 L 160,60 L 170,70 Z" fill="#777" stroke="#333" stroke-width="1" />
  <path d="M 220,80 L 240,60 L 230,70 Z" fill="#777" stroke="#333" stroke-width="1" />
  
  <!-- Eyes -->
  <circle cx="190" cy="90" r="10" fill="#000" />
  <circle cx="210" cy="90" r="10" fill="#000" />
  
  <!-- Tail -->
  <path d="M 200,200 L 250,250 C 260,260 270,260 280,250 L 300,200" fill="none" stroke="#777" stroke-width="10" stroke-linecap="round" />
  
  <!-- Legs -->
  <path d="M 180,180 L 160,220" fill="none" stroke="#777" stroke-width="8" stroke-linecap="round" />
  <path d="M 220,180 L 240,220" fill="none" stroke="#777" stroke-width="8" stroke-linecap="round" />
  <path d="M 200,200 L 200,240" fill="none" stroke="#777" stroke-width="6" stroke-linecap="round" />
  
  <!-- Paws -->
  <circle cx="160" cy="220" r="10" fill="#888" stroke="#333" stroke-width="1" />
  <circle cx="240" cy="220" r="10" fill="#888" stroke="#333" stroke-width="1" />
  <circle cx="200" cy="240" r="12" fill="#888" stroke="#333" stroke-width="1" />
</svg>

realistic #23.0

✕ CLOSE

Llama 4 Maverick · realistic · attempt 2 · score 3.0

cat likeness: 4.0aesthetic: 3.0technique: 4.0prompt fidelity: 1.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
  <!-- Cat body -->
  <ellipse cx="200" cy="150" rx="80" ry="60" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  
  <!-- Fur shading -->
  <path d="M 180,100 C 160,120 140,140 120,160" stroke="#786C3B" stroke-width="2" fill="none" />
  <path d="M 220,100 C 240,120 260,140 280,160" stroke="#786C3B" stroke-width="2" fill="none" />
  <path d="M 150,180 C 170,200 190,220 210,240" stroke="#786C3B" stroke-width="2" fill="none" />
  
  <!-- Head and ears -->
  <circle cx="200" cy="80" r="40" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  <path d="M 180,60 L 160,40 L 180,20 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  <path d="M 220,60 L 240,40 L 220,20 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  
  <!-- Eyes and nose -->
  <circle cx="190" cy="70" r="10" fill="#000" />
  <circle cx="210" cy="70" r="10" fill="#000" />
  <circle cx="200" cy="90" r="5" fill="#FF0000" />
  
  <!-- Legs and tail -->
  <rect x="170" y="200" width="20" height="50" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  <rect x="210" y="200" width="20" height="50" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  <path d="M 200,250 L 220,280 L 240,300" stroke="#786C3B" stroke-width="2" fill="#964B00" />
</svg>

realistic #34.5

✕ CLOSE

Llama 4 Maverick · realistic · attempt 3 · score 4.5

cat likeness: 7.0aesthetic: 4.0technique: 5.0prompt fidelity: 2.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
  <!-- Body -->
  <ellipse cx="200" cy="150" rx="80" ry="60" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  
  <!-- Head -->
  <circle cx="200" cy="80" r="40" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  
  <!-- Ears -->
  <path d="M 180,60 L 160,40 L 170,60 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  <path d="M 220,60 L 240,40 L 230,60 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  
  <!-- Eyes -->
  <circle cx="185" cy="70" r="8" fill="#FFFFFF" stroke="#000000" stroke-width="1" />
  <circle cx="215" cy="70" r="8" fill="#FFFFFF" stroke="#000000" stroke-width="1" />
  <circle cx="188" cy="73" r="3" fill="#000000" />
  <circle cx="218" cy="73" r="3" fill="#000000" />
  
  <!-- Whiskers -->
  <line x1="190" y1="85" x2="160" y2="90" stroke="#FFFFFF" stroke-width="1" />
  <line x1="210" y1="85" x2="240" y2="90" stroke="#FFFFFF" stroke-width="1" />
  <line x1="190" y1="80" x2="165" y2="80" stroke="#FFFFFF" stroke-width="1" />
  <line x1="210" y1="80" x2="235" y2="80" stroke="#FFFFFF" stroke-width="1" />
  
  <!-- Fur shading -->
  <path d="M 150,120 L 180,150 L 200,140 L 220,150 L 250,120" fill="none" stroke="#786C3B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M 180,180 L 200,200 L 220,180" fill="none" stroke="#786C3B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M 160,100 L 140,120 L 170,130" fill="none" stroke="#786C3B" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" />
  <path d="M 240,100 L 260,120 L 230,130" fill="none" stroke="#786C3B" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" />
  
  <!-- Tail -->
  <path d="M 200,220 L 250,250 L 230,270 L 200,240 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
</svg>

realistic #44.5

✕ CLOSE

Llama 4 Maverick · realistic · attempt 4 · score 4.5

cat likeness: 6.0aesthetic: 4.0technique: 5.0prompt fidelity: 3.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
  <!-- Body -->
  <ellipse cx="200" cy="200" rx="80" ry="60" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  
  <!-- Head -->
  <circle cx="200" cy="120" r="50" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  
  <!-- Ears -->
  <path d="M 170,90 L 150,60 L 180,70 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  <path d="M 230,90 L 250,60 L 220,70 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  
  <!-- Eyes -->
  <circle cx="180" cy="110" r="10" fill="#000" stroke="#FFF" stroke-width="2" />
  <circle cx="220" cy="110" r="10" fill="#000" stroke="#FFF" stroke-width="2" />
  
  <!-- Nose and Mouth -->
  <circle cx="200" cy="130" r="5" fill="#FFC0CB" stroke="#FFF" stroke-width="1" />
  <path d="M 190,140 Q 200,145 210,140" fill="none" stroke="#FFC0CB" stroke-width="2" />
  
  <!-- Fur shading on body -->
  <path d="M 150,180 Q 170,200 200,210 Q 230,200 250,180" stroke="#786C3B" stroke-width="5" fill="none" />
  <path d="M 160,200 Q 180,220 200,230 Q 220,220 240,200" stroke="#786C3B" stroke-width="5" fill="none" />
  <path d="M 170,220 Q 190,240 200,250 Q 210,240 230,220" stroke="#786C3B" stroke-width="5" fill="none" />
  
  <!-- Fur shading on head -->
  <path d="M 180,100 Q 190,90 200,80 Q 210,90 220,100" stroke="#786C3B" stroke-width="3" fill="none" />
  <path d="M 190,120 Q 200,110 210,120" stroke="#786C3B" stroke-width="3" fill="none" />
  
  <!-- Tail -->
  <path d="M 250,220 L 280,250 L 300,220 Z" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  <path d="M 280,250 L 310,280" stroke="#786C3B" stroke-width="5" fill="none" />
  
  <!-- Legs -->
  <ellipse cx="160" cy="240" rx="20" ry="15" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  <ellipse cx="240" cy="240" rx="20" ry="15" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  <ellipse cx="180" cy="260" rx="20" ry="15" fill="#964B00" stroke="#786C3B" stroke-width="2" />
  <ellipse cx="220" cy="260" rx="20" ry="15" fill="#964B00" stroke="#786C3B" stroke-width="2" />
</svg>

action

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

action #14.0

✕ CLOSE

Llama 4 Maverick · action · attempt 1 · score 4.0

cat likeness: 5.0aesthetic: 3.0technique: 5.0prompt fidelity: 3.0

the actual svg, as the machine wrote it:

<svg width="400" height="300" viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
  <!-- Bicycle -->
  <g id="bicycle" transform="translate(150, 150)">
    <circle cx="0" cy="0" r="20" fill="#666" stroke="#333" stroke-width="2"/>
    <circle cx="80" cy="0" r="20" fill="#666" stroke="#333" stroke-width="2"/>
    <rect x="-10" y="-5" width="100" height="10" fill="#999" stroke="#333" stroke-width="2" rx="2"/>
    <line x1="0" y1="20" x2="0" y2="40" stroke="#333" stroke-width="4"/>
    <line x1="80" y1="20" x2="80" y2="40" stroke="#333" stroke-width="4"/>
    <line x1="-20" y1="30" x2="100" y2="30" stroke="#333" stroke-width="2"/>
  </g>

  <!-- Cat -->
  <g id="cat" transform="translate(170, 80)">
    <ellipse cx="0" cy="0" rx="20" ry="15" fill="#ccc" stroke="#333" stroke-width="2"/>
    <circle cx="-8" cy="-8" r="4" fill="#000"/>
    <circle cx="8" cy="-8" r="4" fill="#000"/>
    <path d="M 0 5 Q 0 10, 5 10 L 10 15 Q 5 10, 0 5" fill="#ccc" stroke="#333" stroke-width="2"/>
    <line x1="-10" y1="0" x2="-15" y2="5" stroke="#333" stroke-width="2"/>
    <line x1="10" y1="0" x2="15" y2="5" stroke="#333" stroke-width="2"/>
  </g>

  <!-- Handlebars -->
  <line x1="170" y1="150" x2="130" y2="100" stroke="#333" stroke-width="4"/>

  <!-- Rider's hands -->
  <circle cx="130" cy="100" r="5" fill="#ccc" stroke="#333" stroke-width="2"/>
  <circle cx="210" cy="170" r="5" fill="#ccc" stroke="#333" stroke-width="2"/>
</svg>

action #24.8

✕ CLOSE

Llama 4 Maverick · action · attempt 2 · score 4.8

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
  <!-- Bicycle -->
  <g fill="#666" stroke="#333" stroke-width="2">
    <circle cx="150" cy="350" r="30" />
    <circle cx="250" cy="350" r="30" />
    <rect x="120" y="280" width="160" height="10" rx="2" />
    <path d="M 150 280 L 120 230 L 150 230 Z" />
    <path d="M 250 280 L 280 230 L 250 230 Z" />
    <line x1="150" y1="230" x2="250" y2="230" stroke-width="5" />
    <line x1="200" y1="230" x2="200" y2="180" stroke-width="5" />
  </g>

  <!-- Cat -->
  <g fill="#ccc" stroke="#333" stroke-width="2">
    <circle cx="200" cy="150" r="50" />
    <path d="M 180 120 L 150 100 L 170 90 L 200 100 Z" />
    <path d="M 220 120 L 250 100 L 230 90 L 200 100 Z" />
    <circle cx="185" cy="140" r="10" fill="#333" />
    <circle cx="215" cy="140" r="10" fill="#333" />
    <path d="M 200 170 L 200 180" stroke="#333" stroke-width="5" />
  </g>

  <!-- Pedals -->
  <g fill="#666" stroke="#333" stroke-width="2">
    <circle cx="150" cy="340" r="10" />
    <circle cx="250" cy="340" r="10" />
    <line x1="150" y1="340" x2="140" y2="330" stroke-width="2" />
    <line x1="250" y1="340" x2="260" y2="330" stroke-width="2" />
  </g>
</svg>

action #36.3

✕ CLOSE

Llama 4 Maverick · action · attempt 3 · score 6.3

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
  <!-- Bicycle -->
  <g fill="#666" stroke="#333" stroke-width="2">
    <circle cx="150" cy="350" r="30" />
    <circle cx="250" cy="350" r="30" />
    <rect x="120" y="280" width="160" height="10" rx="5" />
    <path d="M 150 280 L 120 230 L 140 220 L 160 230 Z" />
    <path d="M 250 280 L 280 230 L 260 220 L 240 230 Z" />
    <path d="M 180 250 L 220 250 L 230 270 L 170 270 Z" fill="#999" />
  </g>

  <!-- Cat -->
  <g fill="#ccc" stroke="#333" stroke-width="2">
    <circle cx="200" cy="220" r="40" />
    <path d="M 180 200 L 160 180 L 170 160 L 200 180 Z" />
    <path d="M 220 200 L 240 180 L 230 160 L 200 180 Z" />
    <circle cx="190" cy="210" r="10" fill="#000" />
    <circle cx="210" cy="210" r="10" fill="#000" />
    <path d="M 200 230 L 200 250" stroke="#000" stroke-width="5" />
  </g>

  <!-- Handlebars -->
  <path d="M 200 250 L 200 270 L 220 290" stroke="#333" stroke-width="5" fill="none" />
  <path d="M 200 270 L 180 290" stroke="#333" stroke-width="5" fill="none" />

  <!-- Pedals -->
  <g fill="#999" stroke="#333" stroke-width="2">
    <circle cx="150" cy="365" r="10" />
    <circle cx="250" cy="365" r="10" />
  </g>
</svg>

action #44.3

✕ CLOSE

Llama 4 Maverick · action · attempt 4 · score 4.3

cat likeness: 3.0aesthetic: 4.0technique: 6.0prompt fidelity: 4.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
  <!-- Background -->
  <rect x="0" y="0" width="400" height="400" fill="#87CEEB" rx="20"/>

  <!-- Bicycle -->
  <g transform="translate(150, 250)">
    <circle cx="0" cy="0" r="30" fill="#666" stroke="#333" stroke-width="2"/>
    <circle cx="100" cy="0" r="30" fill="#666" stroke="#333" stroke-width="2"/>
    <rect x="-10" y="-5" width="120" height="10" fill="#666" stroke="#333" stroke-width="2"/>
    <rect x="-5" y="-30" width="10" height="30" fill="#666" stroke="#333" stroke-width="2"/>
  </g>

  <!-- Cat -->
  <g transform="translate(170, 180)">
    <ellipse cx="0" cy="0" rx="40" ry="30" fill="#ccc" stroke="#666" stroke-width="2"/>
    <circle cx="-15" cy="-20" r="10" fill="#333"/>
    <circle cx="15" cy="-20" r="10" fill="#333"/>
    <path d="M 0,10 Q 0,20 10,20 Q -10,20 0,10" fill="#ccc" stroke="#666" stroke-width="2"/>
  </g>

  <!-- Pedals and legs -->
  <g transform="translate(150, 250)">
    <line x1="0" y1="30" x2="0" y2="50" stroke="#666" stroke-width="4"/>
    <line x1="100" y1="30" x2="100" y2="50" stroke="#666" stroke-width="4"/>
    <circle cx="0" cy="50" r="5" fill="#666"/>
    <circle cx="100" cy="50" r="5" fill="#666"/>
  </g>

  <!-- Handlebars -->
  <g transform="translate(150, 250)">
    <line x1="-5" y1="-30" x2="-20" y2="-50" stroke="#666" stroke-width="4"/>
    <line x1="5" y1="-30" x2="20" y2="-50" stroke="#666" stroke-width="4"/>
  </g>
</svg>

style

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

style #13.5

✕ CLOSE

Llama 4 Maverick · style · attempt 1 · score 3.5

cat likeness: 2.0aesthetic: 4.0technique: 5.0prompt fidelity: 3.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <g fill="#fff" stroke="#000" stroke-width="1">
    <rect x="10" y="10" width="80" height="80" fill="#ddd" rx="5"/>
    <path d="M 30 30 L 50 20 L 70 30 Z" fill="#ccc"/>
    <path d="M 30 30 L 20 50 L 30 70 Z"/>
    <path d="M 70 30 L 80 50 L 70 70 Z"/>
    <circle cx="50" cy="50" r="10" fill="#000"/>
    <path d="M 40 70 L 50 80 L 60 70 Z" fill="#666"/>
    <path d="M 45 60 L 55 60 L 50 70 Z" fill="#999"/>
  </g>
</svg>

style #25.3

✕ CLOSE

Llama 4 Maverick · style · attempt 2 · score 5.3

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <g fill="#fff" stroke="#000" stroke-width="0.5">
    <rect x="10" y="10" width="80" height="80" fill="#ddd" rx="5"/>
    <path d="M 30 30 L 50 20 L 70 30 Z" fill="#ccc"/>
    <path d="M 30 30 L 20 50 L 30 70 Z"/>
    <path d="M 70 30 L 80 50 L 70 70 Z"/>
    <path d="M 30 70 L 50 80 L 70 70 Z"/>
    <circle cx="40" cy="40" r="5" fill="#000"/>
    <circle cx="60" cy="40" r="5" fill="#000"/>
    <path d="M 45 60 Q 50 65 55 60" stroke-width="2" fill="none"/>
  </g>
</svg>

style #33.3

✕ CLOSE

Llama 4 Maverick · style · attempt 3 · score 3.3

cat likeness: 1.0aesthetic: 3.0technique: 7.0prompt fidelity: 2.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <g fill="#fff" stroke="#000" stroke-width="1">
    <rect x="10" y="10" width="80" height="80" rx="5" fill="#ddd"/>
    <polygon points="30,20 50,10 70,20" fill="#ccc"/>
    <polygon points="30,80 70,80 50,90" fill="#ccc"/>
    <path d="M 40,40 L 30,50 40,60 50,50 Z" fill="#aaa"/>
    <path d="M 60,40 L 70,50 60,60 50,50 Z" fill="#aaa"/>
    <circle cx="50" cy="50" r="5" fill="#000"/>
  </g>
</svg>

style #43.3

✕ CLOSE

Llama 4 Maverick · style · attempt 4 · score 3.3

cat likeness: 2.0aesthetic: 3.0technique: 5.0prompt fidelity: 3.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <g fill="#fff" stroke="#000" stroke-width="1">
    <path d="M 20,20 L 80,20 L 80,80 L 20,80 Z" />
    <path d="M 50,20 L 70,40 L 30,40 Z" fill="#ccc" />
    <path d="M 50,60 L 60,50 L 70,60 L 60,70 Z" fill="#ccc" />
    <circle cx="40" cy="50" r="5" fill="#000" />
    <circle cx="60" cy="50" r="5" fill="#000" />
    <path d="M 50,80 L 60,70 L 40,70 Z" fill="#ccc" />
  </g>
</svg>

constraint

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

constraint #15.3

✕ CLOSE

Llama 4 Maverick · constraint · attempt 1 · score 5.3

cat likeness: 4.0aesthetic: 3.0technique: 6.0prompt fidelity: 8.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="30" fill="#ccc" />
  <circle cx="40" cy="40" r="8" fill="#000" />
  <circle cx="60" cy="40" r="8" fill="#000" />
  <path d="M 40 60 Q 50 70 60 60" stroke="#000" stroke-width="4" fill="none" />
  <path d="M 30 80 L 70 80" stroke="#000" stroke-width="8" fill="none" />
  <ellipse cx="50" cy="70" rx="20" ry="10" fill="#fff" />
  <ellipse cx="40" cy="65" rx="5" ry="3" fill="#000" />
  <ellipse cx="60" cy="65" rx="5" ry="3" fill="#000" />
  <path d="M 45 90 L 55 90" stroke="#000" stroke-width="6" fill="none" />
</svg>

constraint #25.5

✕ CLOSE

Llama 4 Maverick · constraint · attempt 2 · score 5.5

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" fill="#ffcccc" />
  <circle cx="35" cy="40" r="10" fill="#000" />
  <circle cx="65" cy="40" r="10" fill="#000" />
  <path d="M 30,60 Q 50,70 70,60" stroke="#000" stroke-width="5" fill="none" />
  <path d="M 50,80 L 50,90" stroke="#000" stroke-width="5" />
  <ellipse cx="50" cy="55" rx="15" ry="5" fill="#ff0000" />
  <path d="M 40,90 L 30,100" stroke="#000" stroke-width="5" />
  <path d="M 60,90 L 70,100" stroke="#000" stroke-width="5" />
</svg>

constraint #35.8

✕ CLOSE

Llama 4 Maverick · constraint · attempt 3 · score 5.8

cat likeness: 3.0aesthetic: 4.0technique: 6.0prompt fidelity: 10.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" fill="#ccc" />
  <circle cx="35" cy="40" r="8" fill="#000" />
  <circle cx="65" cy="40" r="8" fill="#000" />
  <path d="M 30,60 Q 50,70 70,60" stroke="#000" stroke-width="4" fill="none" />
  <path d="M 40,80 Q 50,90 60,80" stroke="#000" stroke-width="4" fill="none" />
  <ellipse cx="50" cy="55" rx="15" ry="8" fill="#fff" />
  <ellipse cx="50" cy="60" rx="20" ry="10" fill="#ccc" />
  <path d="M 25,40 L 20,30" stroke="#000" stroke-width="4" fill="none" />
  <path d="M 75,40 L 80,30" stroke="#000" stroke-width="4" fill="none" />
  <path d="M 30,70 L 25,80" stroke="#000" stroke-width="3" fill="none" />
  <path d="M 70,70 L 75,80" stroke="#000" stroke-width="3" fill="none" />
</svg>

constraint #45.3

✕ CLOSE

Llama 4 Maverick · constraint · attempt 4 · score 5.3

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

the actual svg, as the machine wrote it:

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="40" fill="#f2c464" />
  <circle cx="35" cy="40" r="10" fill="#000" />
  <circle cx="65" cy="40" r="10" fill="#000" />
  <path d="M 30,70 Q 50,80 70,70" stroke="#000" stroke-width="5" fill="none" />
  <path d="M 40,60 L 40,50" stroke="#000" stroke-width="5" fill="none" />
  <path d="M 60,60 L 60,50" stroke="#000" stroke-width="5" fill="none" />
  <ellipse cx="50" cy="65" rx="15" ry="5" fill="#000" />
</svg>

animation

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

animation #14.3

✕ CLOSE

Llama 4 Maverick · animation · attempt 1 · score 4.3

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <style>
    @keyframes sway {
      0% { transform: rotate(-10deg); }
      50% { transform: rotate(10deg); }
      100% { transform: rotate(-10deg); }
    }
  </style>
  <g id="cat" fill="#ccc" stroke="#000">
    <circle cx="50" cy="30" r="15" />
    <path d="M40,50 Q50,40 60,50 L60,80 Q50,70 40,80 Z" />
    <path d="M30,60 L20,70 L30,80 Z" style="animation: sway 1s infinite;" />
  </g>
</svg>

animation #20.0

✕ CLOSE

Llama 4 Maverick · animation · attempt 2 · score 0.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <style>
    @keyframes sway {
      0% { transform: rotate(30deg); }
      50% { transform: rotate(-30deg); }
      100% { transform: rotate(30deg); }
    }
  </style>
  <g id="cat">
    <circle cx="50" cy="50" r="20" fill="#ccc" />
    <path d="M 40,60 L 60,60 L 50,80 Z" fill="#ccc" />
    <circle cx="40" cy="40" r="5" fill="#000" />
    <circle cx="60" cy="40" r="5" fill="#000" />
    <path id="tail" d="M 50,80 L 70,90 L 50,100 Z" fill="#ccc" />
  </g>
  <animateTransform xlink:href="#tail" attributeName="transform" attributeType="XML" type="rotate" from="30 50 80" to="-30 50 80" dur="1s" repeatCount="indefinite" />
</svg>

animation #35.0

✕ CLOSE

Llama 4 Maverick · animation · attempt 3 · score 5.0

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
  <style>
    @keyframes sway {
      0% { transform: rotate(0deg); }
      50% { transform: rotate(30deg); }
      100% { transform: rotate(0deg); }
    }
    .tail {
      transform-origin: 50px 50px;
      animation: sway 1s infinite;
    }
  </style>
  <g fill="#ccc" stroke="#000">
    <circle cx="100" cy="100" r="50" />
    <ellipse cx="70" cy="140" rx="30" ry="20" />
    <ellipse cx="130" cy="140" rx="30" ry="20" />
  </g>
  <g class="tail" fill="#ccc" stroke="#000">
    <path d="M 50,50 L 80,70 L 50,90 Z" />
  </g>
</svg>

animation #45.0

✕ CLOSE

Llama 4 Maverick · animation · attempt 4 · score 5.0

cat likeness: 4.0aesthetic: 2.0technique: 6.0prompt fidelity: 8.0

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <style>
    @keyframes sway {
      0% { transform: rotate(30deg); }
      50% { transform: rotate(-30deg); }
      100% { transform: rotate(30deg); }
    }
  </style>
  <g id="cat" fill="#ccc" stroke="#000">
    <circle cx="50" cy="30" r="20" />
    <path d="M30,50 Q50,70 70,50" />
    <rect x="40" y="60" width="20" height="10" rx="5" />
    <path d="M40,70 L40,80 L30,90 Z" />
    <path d="M60,70 L60,80 L70,90 Z" />
  </g>
  <path id="tail" d="M50,50 L80,60" fill="none" stroke="#000" stroke-width="5">
    <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="30 50 50" to="-30 50 50" dur="1s" repeatCount="indefinite" />
  </path>
</svg>