← high scores

Llama 3.1 70B

RANK 29 · MEOWSCORE 37.3 · legacy · US · open

minimal

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

Llama 3.1 70B — minimal attempt 1minimal #10.0
✕ CLOSE

Llama 3.1 70B · minimal · attempt 1 · score 0.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 80 80">
  <rect x="20" y="20" width="40" height="40" rx="20" fill="#F7F7F7" />
  <circle cx="40" cy="30" r="10" fill="#000000" />
  <circle cx="50" cy="30" r="10" fill="#000000" />
  <path d="M 30,40 C 35,45 45,45 50,40" stroke="#000000" stroke-width="5" stroke-linecap="round" />
  <path d="M 40,50 C 50,60 60,70 40,60" stroke="#000000" stroke-width="5" stroke-linecap="round" />
</svg>
Llama 3.1 70B — minimal attempt 2minimal #20.0
✕ CLOSE

Llama 3.1 70B · minimal · attempt 2 · score 0.0

the actual svg, as the machine wrote it:

<svg width="100" height="100" viewBox="0 0 100 100" fill="none" stroke="#000" stroke-width="4">
  <circle cx="50" cy="50" r="40" fill="#fff" stroke="none"/>
  <circle cx="50" cy="50" r="40" stroke="#000" fill="none"/>
  <circle cx="40" cy="40" r="10" fill="#000"/>
  <circle cx="60" cy="40" r="10" fill="#000"/>
  <path d="M 50 60 C 55 70 45 70 50 60 Z" />
</svg>
Llama 3.1 70B — minimal attempt 3minimal #36.5
✕ CLOSE

Llama 3.1 70B · minimal · attempt 3 · score 6.5

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

the actual svg, as the machine wrote it:

<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M50 20C35 20 20 35 20 50S35 80 50 80 80 65 80 50 65 20 50 20Z" fill="#ccc" stroke="#333" stroke-width="4"/>
  <circle cx="35" cy="40" r="10" fill="#333"/>
  <circle cx="65" cy="40" r="10" fill="#333"/>
  <path d="M50 60C45 60 40 55 40 50S45 40 50 40 60 45 60 50 55 60 50 60Z" fill="#333"/>
</svg>
Llama 3.1 70B — minimal attempt 4minimal #45.3
✕ CLOSE

Llama 3.1 70B · minimal · attempt 4 · score 5.3

cat likeness: 4.0aesthetic: 5.0technique: 6.0prompt fidelity: 6.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="#ccc"/>
  <circle cx="50" cy="40" r="10" fill="#333"/>
  <circle cx="45" cy="30" r="5" fill="#333"/>
  <circle cx="55" cy="30" r="5" fill="#333"/>
  <path d="M 50 60 C 60 70, 40 70, 50 60" stroke="#333" stroke-width="10" fill="none"/>
</svg>

realistic

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

Llama 3.1 70B — realistic attempt 1realistic #14.8
✕ CLOSE

Llama 3.1 70B · realistic · attempt 1 · score 4.8

cat likeness: 4.0aesthetic: 6.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 300 300">
  <!-- body -->
  <g>
    <path d="M150 200c-30 0-55-20-55-45s25-45 55-45 55 20 55 45-25 45-55 45z" fill="#F7F4C9" />
    <path d="M150 200c-20 0-35-10-35-25s15-25 35-25 35 10 35 25-15 25-35 25z" fill="#FFC499" />
    <path d="M150 200c-15 0-25-5-25-15s10-15 25-15 25 5 25 15-10 15-25 15z" fill="#FFA07A" />
  </g>

  <!-- head -->
  <g transform="translate(150 120)">
    <circle cx="0" cy="0" r="40" fill="#F7F4C9" />
    <circle cx="0" cy="-10" r="20" fill="#FFC499" />
    <circle cx="0" cy="-10" r="10" fill="#FFA07A" />
  </g>

  <!-- ears -->
  <g transform="translate(150 80)">
    <path d="M-30 0L-20 20L-10 0Z" fill="#F7F4C9" transform="rotate(45)" />
    <path d="M-30 0L-20 20L-10 0Z" fill="#FFC499" transform="rotate(45) scale(0.8)" />
    <path d="M-30 0L-20 20L-10 0Z" fill="#FFA07A" transform="rotate(45) scale(0.6)" />
    <path d="M30 0L20 20L10 0Z" fill="#F7F4C9" transform="rotate(-45)" />
    <path d="M30 0L20 20L10 0Z" fill="#FFC499" transform="rotate(-45) scale(0.8)" />
    <path d="M30 0L20 20L10 0Z" fill="#FFA07A" transform="rotate(-45) scale(0.6)" />
  </g>

  <!-- whiskers -->
  <g stroke="#FFA07A" stroke-width="2">
    <path d="M130 120h-20" />
    <path d="M170 120h20" />
    <path d="M120 130v-20" />
    <path d="M180 130v-20" />
  </g>

  <!-- eyes -->
  <g transform="translate(150 100)">
    <circle cx="-20" cy="0" r="8" fill="#2F4F4F" />
    <circle cx="20" cy="0" r="8" fill="#2F4F4F" />
  </g>

  <!-- nose -->
  <circle cx="150" cy="110" r="5" fill="#FFA07A" />
</svg>
Llama 3.1 70B — realistic attempt 2realistic #22.8
✕ CLOSE

Llama 3.1 70B · realistic · attempt 2 · score 2.8

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 400">
  <!-- head -->
  <g id="head">
    <defs>
      <radialGradient id="fur-gradient" cx="50%" cy="50%" r="60%" fx="50%" fy="50%">
        <stop offset="0%" stop-color="#F5F5DC" stop-opacity="1" />
        <stop offset="50%" stop-color="#E4D6F5" stop-opacity="1" />
        <stop offset="100%" stop-color="#C9C4B5" stop-opacity="1" />
      </radialGradient>
    </defs>
    <ellipse cx="150" cy="100" rx="60" ry="50" fill="url(#fur-gradient)" />
    <!-- ear -->
    <g id="ear" transform="rotate(20 200 150)">
      <ellipse cx="200" cy="150" rx="20" ry="30" fill="#E4D6F5" />
      <path d="M 190 160 Q 200 140 210 160" stroke="#C9C4B5" stroke-width="3" fill="none" />
    </g>
    <!-- eye -->
    <ellipse cx="140" cy="90" rx="10" ry="20" fill="#964B00" />
    <circle cx="140" cy="90" r="5" fill="#FFFFFF" />
  </g>
  <!-- body -->
  <g id="body">
    <defs>
      <radialGradient id="body-fur-gradient" cx="50%" cy="50%" r="80%" fx="50%" fy="50%">
        <stop offset="0%" stop-color="#F5F5DC" stop-opacity="1" />
        <stop offset="30%" stop-color="#E4D6F5" stop-opacity="1" />
        <stop offset="50%" stop-color="#C9C4B5" stop-opacity="1" />
        <stop offset="80%" stop-color="#8B9467" stop-opacity="1" />
      </radialGradient>
    </defs>
    <path d="M 150 200 C 200 250 250 300 300 250 350 200 300 150 250 100 200 50 150 100" fill="url(#body-fur-gradient)" />
    <!-- front leg -->
    <g id="front-leg" transform="translate(200 200)">
      <path d="M 0 0 L 20 20 L 40 -20 L 20 -40 Z" fill="#E4D6F5" />
      <path d="M 20 -20 L 40 20 L 60 0 L 40 -20 Z" fill="#C9C4B5" />
    </g>
    <!-- back leg -->
    <g id="back-leg" transform="translate(300 250)">
      <path d="M 0 0 L 20 20 L 40 -20 L 20 -40 Z" fill="#E4D6F5" transform="scale(-1 1)" />
      <path d="M 20 -20 L 40 20 L 60 0 L 40 -20 Z" fill="#C9C4B5" transform="scale(-1 1)" />
    </g>
    <!-- tail -->
    <g id="tail" transform="translate(320 300)">
      <path d="M 0 0 Q 20 20 40 -20" stroke="#C9C4B5" stroke-width="10" fill="none" />
    </g>
  </g>
</svg>
Llama 3.1 70B — realistic attempt 3realistic #33.0
✕ CLOSE

Llama 3.1 70B · realistic · attempt 3 · score 3.0

cat likeness: 2.0aesthetic: 2.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">
  <!-- fur shading gradient -->
  <defs>
    <radialGradient id="fur-shading" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
      <stop offset="0%" stop-color="#fff" stop-opacity="1"/>
      <stop offset="50%" stop-color="#ddd" stop-opacity="0.8"/>
      <stop offset="100%" stop-color="#ccc" stop-opacity="0.4"/>
    </radialGradient>
    <filter id="fur-texture" x="0" y="0" width="100%" height="100%">
      <feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blur"/>
      <feComponentTransfer in="blur" result="texture">
        <feFuncR type="linear" slope="0.7"/>
        <feFuncG type="linear" slope="0.7"/>
        <feFuncB type="linear" slope="0.7"/>
      </feComponentTransfer>
    </filter>
  </defs>

  <!-- cat body -->
  <g transform="translate(100, 100)">
    <path fill="url(#fur-shading)" filter="url(#fur-texture)" d="M 0, 50 C 80, 0 150, 100 100, 150 C 50, 200 0, 250 0, 200 Z"/>
  </g>

  <!-- head -->
  <g transform="translate(120, 60)">
    <path fill="url(#fur-shading)" filter="url(#fur-texture)" d="M 0, 20 C 20, 0 40, 20 20, 40 C 0, 60 0, 40 0, 20 Z"/>
    <path fill="black" d="M 10, 10 C 20, 10 20, 20 10, 20 Z"/>
    <path fill="black" d="M 30, 10 C 40, 10 40, 20 30, 20 Z"/>
  </g>

  <!-- ears -->
  <g transform="translate(120, 20)">
    <path fill="url(#fur-shading)" filter="url(#fur-texture)" d="M 0, 0 C 10, 20 0, 40 10, 50 C 20, 40 20, 20 10, 0 Z"/>
    <path fill="url(#fur-shading)" filter="url(#fur-texture)" transform="translate(40, 0)" d="M 0, 0 C -10, 20 0, 40 10, 50 C 20, 40 20, 20 10, 0 Z"/>
  </g>

  <!-- legs -->
  <g transform="translate(100, 200)">
    <path fill="url(#fur-shading)" filter="url(#fur-texture)" d="M 0, 0 C 10, 20 0, 40 20, 40 C 30, 40 30, 20 20, 0 Z"/>
    <path fill="url(#fur-shading)" filter="url(#fur-texture)" transform="translate(40, 0)" d="M 0, 0 C 10, 20 0, 40 20, 40 C 30, 40 30, 20 20, 0 Z"/>
    <path fill="url(#fur-shading)" filter="url(#fur-texture)" transform="translate(80, 0)" d="M 0, 0 C 10, 20 0, 40 20, 40 C 30, 40 30, 20 20, 0 Z"/>
    <path fill="url(#fur-shading)" filter="url(#fur-texture)" transform="translate(120, 0)" d="M 0, 0 C 10, 20 0, 40 20, 40 C 30, 40 30, 20 20, 0 Z"/>
  </g>

  <!-- tail -->
  <path fill="url(#fur-shading)" filter="url(#fur-texture)" transform="translate(150, 200)" d="M 0, 20 C 20, 0 50, 20 60, 40 C 70, 40 60, 60 50, 80 C 40, 60 20, 40 0, 20 Z"/>
</svg>
Llama 3.1 70B — realistic attempt 4realistic #45.3
✕ CLOSE

Llama 3.1 70B · realistic · attempt 4 · score 5.3

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

the actual svg, as the machine wrote it:

<svg viewBox="0 0 500 400" xmlns="http://www.w3.org/2000/svg">
  <!-- Body -->
  <ellipse cx="250" cy="200" rx="120" ry="80" fill="#964B00" />
  <!-- Fur texture -->
  <defs>
    <pattern id="fur" x="0" y="0" width="10" height="10" patternUnits="userSpaceOnUse">
      <rect x="0" y="0" width="10" height="10" fill="#432B1A" />
      <rect x="2" y="2" width="6" height="6" fill="#786C3B" />
    </pattern>
  </defs>
  <ellipse cx="250" cy="200" rx="120" ry="80" fill="url(#fur)" />
  <!-- Head -->
  <ellipse cx="250" cy="120" rx="60" ry="40" fill="#964B00" />
  <!-- Whiskers -->
  <line x1="220" y1="100" x2="200" y2="80" stroke="#fff" stroke-width="2" />
  <line x1="280" y1="100" x2="300" y2="80" stroke="#fff" stroke-width="2" />
  <!-- Eyes -->
  <circle cx="230" cy="110" r="10" fill="#00a0e6" />
  <circle cx="270" cy="110" r="10" fill="#00a0e6" />
  <circle cx="230" cy="110" r="5" fill="#fff" />
  <circle cx="270" cy="110" r="5" fill="#fff" />
  <!-- Nose -->
  <circle cx="250" cy="130" r="5" fill="#ff9900" />
  <!-- Mouth -->
  <path d="M 240 140 C 240 150, 260 150, 260 140" stroke="#000" stroke-width="2" fill="none" />
  <!-- Ears -->
  <polygon points="200,80 220,60 240,80" fill="#964B00" />
  <polygon points="260,80 280,60 300,80" fill="#964B00" />
  <!-- Paws -->
  <rect x="180" y="240" width="40" height="20" fill="#964B00" />
  <rect x="280" y="240" width="40" height="20" fill="#964B00" />
  <!-- Tail -->
  <path d="M 250 280 C 250 300, 220 320, 200 340" stroke="#964B00" stroke-width="20" fill="none" />
</svg>

action

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

Llama 3.1 70B — action attempt 1action #14.3
✕ CLOSE

Llama 3.1 70B · action · attempt 1 · score 4.3

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

the actual svg, as the machine wrote it:

<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
  <!-- bicycle -->
  <rect x="50" y="120" width="100" height="20" fill="#999" rx="5"/>
  <circle cx="60" cy="140" r="10" fill="#999"/>
  <circle cx="140" cy="140" r="10" fill="#999"/>
  <path d="M 70 110 L 130 110 L 150 90 L 70 90 Z" fill="#999"/>
  <path d="M 80 100 L 120 100 L 110 80 Z" fill="#999"/>
  
  <!-- cat -->
  <circle cx="100" cy="80" r="30" fill="#FFD7BE"/>
  <circle cx="90" cy="70" r="10" fill="#FFFFFF"/>
  <circle cx="110" cy="70" r="10" fill="#FFFFFF"/>
  <path d="M 90 60 L 110 60 L 100 40 Z" fill="#FFFFFF"/>
  <path d="M 80 90 L 120 90 L 100 110 Z" fill="#FFD7BE"/>
  <path d="M 110 50 L 130 50 L 120 30 Z" fill="#FFD7BE"/>
  
  <!-- wheels spin -->
  <animateTransform attributeName="transform" type="rotate" from="0 60 140" to="360 60 140" dur="2s" repeatCount="indefinite"/>
  <animateTransform attributeName="transform" type="rotate" from="0 140 140" to="360 140 140" dur="2s" repeatCount="indefinite"/>
</svg>
Llama 3.1 70B — action attempt 2action #22.8
✕ CLOSE

Llama 3.1 70B · action · attempt 2 · score 2.8

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

the actual svg, as the machine wrote it:

<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect x="0" y="0" width="600" height="400" fill="#87CEEB" rx="20"/>
  
  <!-- Road -->
  <rect x="50" y="250" width="500" height="50" fill="#666" rx="10"/>
  <rect x="50" y="260" width="500" height="10" fill="#999"/>
  <rect x="50" y="270" width="500" height="10" fill="#666"/>
  <rect x="50" y="280" width="500" height="10" fill="#999"/>
  
  <!-- Bicycle -->
  <g transform="translate(200, 200)">
    <circle cx="0" cy="0" r="30" fill="#333"/>
    <circle cx="50" cy="0" r="30" fill="#333"/>
    <rect x="-20" y="-10" width="40" height="20" fill="#333"/>
    <rect x="30" y="-10" width="40" height="20" fill="#333"/>
    <path d="M 25 10 C 25 30, 75 30, 75 10" stroke="#333" stroke-width="5" fill="none"/>
    <path d="M 25 10 C 25 -30, 75 -30, 75 10" stroke="#333" stroke-width="5" fill="none"/>
  </g>
  
  <!-- Cat -->
  <g transform="translate(220, 140)">
    <circle cx="0" cy="0" r="20" fill="#F7DC6F"/>
    <path d="M -10 0 C -20 -20, 0 -20, 0 -30" stroke="#F7DC6F" stroke-width="10" fill="none"/>
    <path d="M 10 0 C 20 -20, 0 -20, 0 -30" stroke="#F7DC6F" stroke-width="10" fill="none"/>
    <circle cx="-10" cy="-20" r="5" fill="#000"/>
    <circle cx="10" cy="-20" r="5" fill="#000"/>
    <path d="M -5 -10 C -10 -15, 0 -15, 5 -10" stroke="#F7DC6F" stroke-width="5" fill="none"/>
  </g>
</svg>
Llama 3.1 70B — action attempt 3action #33.3
✕ CLOSE

Llama 3.1 70B · action · attempt 3 · score 3.3

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

the actual svg, as the machine wrote it:

<svg viewBox="0 0 500 400" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <style>
      .stroke2 { stroke-width: 2; }
      .stroke4 { stroke-width: 4; }
      .gray { fill: #ccc; }
      .black { fill: #000; }
      .white { fill: #fff; }
    </style>
  </defs>
  <rect x="0" y="0" width="500" height="400" fill="#f0f0f0" rx="10" />
  <!-- bicycle -->
  <circle cx="250" cy="150" r="40" fill="#ccc" stroke="#000" class="stroke4" />
  <circle cx="250" cy="250" r="40" fill="#ccc" stroke="#000" class="stroke4" />
  <rect x="200" y="180" width="100" height="10" fill="#ccc" stroke="#000" class="stroke2" />
  <rect x="220" y="190" width="60" height="10" fill="#ccc" stroke="#000" class="stroke2" transform="rotate(-45 250 200)" />
  <rect x="220" y="210" width="60" height="10" fill="#ccc" stroke="#000" class="stroke2" transform="rotate(45 250 210)" />
  <!-- cat -->
  <path d="M 260 80 C 260 80, 280 70, 290 80 S 310 90, 300 100" fill="#fff" stroke="#000" class="stroke2" />
  <circle cx="280" cy="50" r="20" fill="#fff" stroke="#000" class="stroke2" />
  <ellipse cx="280" cy="40" rx="15" ry="10" fill="#000" />
  <path d="M 270 60 L 280 70 L 290 60" fill="#000" />
  <path d="M 250 80 L 260 90 L 270 80" fill="#000" />
  <path d="M 310 80 L 300 90 L 290 80" fill="#000" />
  <path d="M 290 100 L 310 110 L 290 120" fill="#000" />
  <!-- spotlight -->
  <circle cx="280" cy="260" r="30" fill="#ffff00" opacity=".5" />
</svg>
Llama 3.1 70B — action attempt 4action #42.8
✕ CLOSE

Llama 3.1 70B · action · attempt 4 · score 2.8

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

the actual svg, as the machine wrote it:

<svg width="400" height="200" viewBox="0 0 400 200" xmlns="http://www.w3.org/2000/svg">
  <!-- bicylcle -->
  <rect x="100" y="50" width="150" height="80" rx="10" fill="#ccc"/>
  <circle cx="175" cy="130" r="30" fill="#ccc"/>
  <circle cx="225" cy="130" r="30" fill="#ccc"/>
  <line x1="150" y1="80" x2="250" y2="80" stroke="#000" stroke-width="5"/>
  <polyline points="200,50 220,100 200,150" stroke="#000" stroke-width="5" fill="none"/>
  
  <!-- cat -->
  <ellipse cx="225" cy="60" rx="30" ry="20" fill="#ff9800"/>
  <circle cx="215" cy="40" r="10" fill="#fff"/>
  <circle cx="235" cy="40" r="10" fill="#fff"/>
  <path d="M225,50 C230,55 240,60 225,70" stroke="#000" stroke-width="2" fill="none"/>
  <polyline points="210,70 220,60 230,70" stroke="#000" stroke-width="2" fill="#ff9800"/>
</svg>

style

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

Llama 3.1 70B — style attempt 1style #13.8
✕ CLOSE

Llama 3.1 70B · style · attempt 1 · score 3.8

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

the actual svg, as the machine wrote it:

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" width="80" height="80" rx="10" fill="#f2f2f2" />
  <path d="M 30 40 L 50 60 L 70 40 Z" fill="#ccc" />
  <path d="M 50 60 L 60 80 L 40 80 L 50 60 Z" fill="#ccc" />
  <path d="M 40 40 L 40 30 L 60 30 L 60 40 Z" fill="#ccc" />
  <path d="M 40 50 L 60 70 L 40 70 L 40 50 Z" fill="#ccc" />
  <circle cx="50" cy="90" r="10" fill="#000" />
  <circle cx="50" cy="90" r="5" fill="#fff" />
  <path d="M 45 80 L 55 80" stroke="#000" stroke-width="2" />
  <path d="M 42 85 L 58 85" stroke="#000" stroke-width="2" />
  <path d="M 50 70 L 50 60" stroke="#000" stroke-width="2" />
  <polygon points="45,60 55,60 50,50" fill="#000" />
</svg>
Llama 3.1 70B — style attempt 2style #26.0
✕ CLOSE

Llama 3.1 70B · style · attempt 2 · score 6.0

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400">
  <!-- face -->
  <path d="M200 100 L220 80 L180 80 Z" fill="#FFFFFF" stroke="#000000" stroke-width="4" />
  <!-- ear -->
  <path d="M220 80 L240 60 L240 100 L220 80 Z" fill="#FFFFFF" stroke="#000000" stroke-width="4" />
  <!-- ear -->
  <path d="M180 80 L160 60 L160 100 L180 80 Z" fill="#FFFFFF" stroke="#000000" stroke-width="4" />
  <!-- body -->
  <path d="M200 150 L250 250 L150 250 L200 150 Z" fill="#FFFFFF" stroke="#000000" stroke-width="4" />
  <!-- tail -->
  <path d="M200 250 L200 300 L180 320 L220 320 L200 250 Z" fill="#FFFFFF" stroke="#000000" stroke-width="4" />
  <!-- leg -->
  <path d="M220 250 L250 300 L230 320 L200 300 L220 250 Z" fill="#FFFFFF" stroke="#000000" stroke-width="4" />
  <!-- leg -->
  <path d="M180 250 L150 300 L170 320 L200 300 L180 250 Z" fill="#FFFFFF" stroke="#000000" stroke-width="4" />
  <!-- whisker -->
  <path d="M220 120 L250 150" stroke="#000000" stroke-width="6" />
  <!-- whisker -->
  <path d="M180 120 L150 150" stroke="#000000" stroke-width="6" />
  <!-- eye -->
  <circle cx="200" cy="100" r="10" fill="#000000" />
  <!-- eye -->
  <circle cx="220" cy="100" r="10" fill="#000000" />
  <!-- nose -->
  <circle cx="200" cy="120" r="5" fill="#000000" />
</svg>
Llama 3.1 70B — style attempt 3style #35.0
✕ CLOSE

Llama 3.1 70B · style · attempt 3 · score 5.0

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

the actual svg, as the machine wrote it:

<svg width="300" height="300" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink">
  <defs>
    <clipPath id="fold">
      <polygon points="150,0 300,150 150,300 0,150" />
    </clipPath>
    <clipPath id="ear">
      <polygon points="0,0 150,75 0,150" />
    </clipPath>
  </defs>
  <g clip-path="url(#fold)">
    <rect x="0" y="0" width="300" height="300" rx="10" fill="#F49080" />
    <g transform="translate(110,110) scale(1.5)">
      <circle cx="0" cy="0" r="40" fill="#F7F7F7" />
      <circle cx="0" cy="0" r="20" fill="#787878" />
    </g>
    <g transform="translate(190,110) scale(1.5)">
      <circle cx="0" cy="0" r="40" fill="#F7F7F7" />
      <circle cx="0" cy="0" r="20" fill="#787878" />
    </g>
  </g>
  <g clip-path="url(#ear)">
    <polygon points="110,0 150,75 90,150" fill="#F49080" />
    <polygon points="220,0 260,75 200,150" fill="#F49080" />
  </g>
  <polygon points="150,150 220,200 110,200 150,150" fill="#F7F7F7" />
  <polygon points="150,250 220,300 110,300 150,250" fill="#F7F7F7" />
  <polygon points="120,200 150,250 180,200 120,200" fill="#787878" />
</svg>
Llama 3.1 70B — style attempt 4style #44.5
✕ CLOSE

Llama 3.1 70B · style · attempt 4 · score 4.5

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

the actual svg, as the machine wrote it:

<svg width="200" height="250" viewBox="0 0 200 250" xmlns="http://www.w3.org/2000/svg">
  <!-- body -->
  <rect x="65" y="40" width="70" height="120" fill="#F7D2C4" rx="10"/>
  <!-- head -->
  <rect x="75" y="10" width="50" height="30" fill="#F7D2C4" rx="5"/>
  <!-- ears -->
  <polygon points="90,5 95,0 100,5" fill="#F7D2C4"/>
  <polygon points="110,5 105,0 100,5" fill="#F7D2C4"/>
  <!-- legs -->
  <rect x="60" y="160" width="10" height="30" fill="#964B00" rx="2"/>
  <rect x="130" y="160" width="10" height="30" fill="#964B00" rx="2"/>
  <!-- tail -->
  <path d="M 120 180 Q 140 200 120 220" stroke="#964B00" stroke-width="10" fill="none"/>
  <!-- whiskers -->
  <line x1="85" y1="25" x2="95" y2="35" stroke="#964B00" stroke-width="2"/>
  <line x1="115" y1="25" x2="105" y2="35" stroke="#964B00" stroke-width="2"/>
  <!-- eyes -->
  <circle cx="90" cy="20" r="5" fill="#000000"/>
  <circle cx="110" cy="20" r="5" fill="#000000"/>
  <!-- nose -->
  <rect x="100" y="25" width="5" height="5" fill="#000000"/>
  <!-- mouth -->
  <path d="M 105 30 Q 100 35 95 30" stroke="#000000" stroke-width="2" fill="none"/>
</svg>

constraint

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

Llama 3.1 70B — constraint attempt 1constraint #10.0
✕ CLOSE

Llama 3.1 70B · constraint · attempt 1 · score 0.0

the actual svg, as the machine wrote it:

<svg width="120" height="150" viewBox="0 0 120 150">
  <circle cx="60" cy="40" r="20" fill="#964B00" />
  <circle cx="45" cy="70" r="30" fill="#FFD700" />
  <circle cx="75" cy="70" r="30" fill="#FFD700" />
  <ellipse cx="60" cy="100" rx="40" ry="20" fill="#FFD700" />
  <path d="M 60 40 L 75 55 L 60 70 Z" fill="#FF69B4" />
  <path d="M 60 40 L 45 55 L 60 70 Z" fill="#FF69B4" />
  <circle cx="55" cy="80" r="5" fill="#000" />
  <circle cx="65" cy="80" r="5" fill="#000" />
  <path d="M 55 85 L 65 85 L 60 90 Z" fill="#000" />
  <line x1="30" y1="140" x2="60" y2="120" stroke="#000" stroke-width="5" />
  <line x1="90" y1="140" x2="60" y2="120" stroke="#000" stroke-width="5" />
  <circle cx="60" cy="120" r="10" fill="#FFD700" />
</svg>
Llama 3.1 70B — constraint attempt 2constraint #20.0
✕ CLOSE

Llama 3.1 70B · constraint · attempt 2 · score 0.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 100 100">
  <!-- body -->
  <ellipse cx="50" cy="50" rx="25" ry="35" fill="#FEDF82"/>
  
  <!-- head -->
  <ellipse cx="50" cy="30" rx="20" ry="20" fill="#FEDF82"/>
  
  <!-- ears -->
  <polygon points="40,20 50,10 60,20" fill="#FEDF82"/>
  <polygon points="60,20 70,10 80,20" fill="#FEDF82"/>
  
  <!-- eyes -->
  <circle cx="45" cy="35" r="5" fill="#000"/>
  <circle cx="55" cy="35" r="5" fill="#000"/>
  
  <!-- nose -->
  <circle cx="50" cy="38" r="2" fill="#000"/>
  
  <!-- mouth -->
  <path d="M 45 40 Q 50 45 55 40" stroke="#000" stroke-width="2" fill="none"/>
</svg>
Llama 3.1 70B — constraint attempt 3constraint #35.0
✕ CLOSE

Llama 3.1 70B · constraint · attempt 3 · score 5.0

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

the actual svg, as the machine wrote it:

<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" version="1.1">
  <circle cx="100" cy="50" r="20" fill="#FFD700" />
  <circle cx="90" cy="90" r="30" fill="#FFFFFF" />
  <circle cx="110" cy="90" r="30" fill="#FFFFFF" />
  <ellipse cx="100" cy="120" rx="40" ry="60" fill="#FFD700" />
  <path d="M 50,100 C 60,120 80,120 90,100" stroke="#000000" stroke-width="4" fill="none" />
  <path d="M 150,100 C 140,120 120,120 110,100" stroke="#000000" stroke-width="4" fill="none" />
  <circle cx="100" cy="130" r="10" fill="#000000" />
  <circle cx="90" cy="160" r="5" fill="#000000" />
  <circle cx="110" cy="160" r="5" fill="#000000" />
  <circle cx="100" cy="70" r="15" fill="#000000" />
  <line x1="90" y1="70" x2="110" y2="70" stroke="#000000" stroke-width="2" />
</svg>
Llama 3.1 70B — constraint attempt 4constraint #47.5
✕ CLOSE

Llama 3.1 70B · constraint · attempt 4 · score 7.5

cat likeness: 6.0aesthetic: 7.0technique: 8.0prompt fidelity: 9.0

the actual svg, as the machine wrote it:

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Body -->
  <circle cx="50" cy="50" r="30" fill="#F5F5DC" />
  <!-- Head -->
  <circle cx="50" cy="25" r="20" fill="#F5F5DC" />
  <!-- Eyes -->
  <circle cx="40" cy="20" r="5" fill="#000" />
  <circle cx="60" cy="20" r="5" fill="#000" />
  <!-- Pupils -->
  <circle cx="40" cy="20" r="2" fill="#fff" />
  <circle cx="60" cy="20" r="2" fill="#fff" />
  <!-- Nose -->
  <circle cx="50" cy="25" r="2" fill="#000" />
  <!-- Mouth -->
  <path d="M 45 35 Q 50 40 55 35" stroke="#000" stroke-width="2" fill="none" />
  <!-- Ears -->
  <polygon points="35,10 40,5 45,10" fill="#F5F5DC" />
  <polygon points="55,10 60,5 65,10" fill="#F5F5DC" />
  <!-- Tail -->
  <path d="M 50 80 L 60 90 L 50 100 L 40 90 Z" fill="#F5F5DC" />
  <!-- Whiskers -->
  <line x1="40" y1="30" x2="30" y2="40" stroke="#000" stroke-width="2" />
  <line x1="60" y1="30" x2="70" y2="40" stroke="#000" stroke-width="2" />
</svg>

animation

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

Llama 3.1 70B — animation attempt 1animation #15.8
✕ CLOSE

Llama 3.1 70B · animation · attempt 1 · score 5.8

cat likeness: 5.0aesthetic: 4.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" width="100" height="100" preserveAspectRatio="xMinYMin meet">
  <!-- cat's body -->
  <circle cx="50" cy="40" r="30" fill="#fff" stroke="#000" stroke-width="2"/>
  <!-- cat's head -->
  <circle cx="50" cy="20" r="20" fill="#fff" stroke="#000" stroke-width="2"/>
  <!-- cat's tail -->
  <path id="tail" d="M 80 60 C 90 50, 95 60, 85 70" fill="none" stroke="#000" stroke-width="4" stroke-linecap="round">
    <animateTransform attributeName="transform" type="rotate" from="0 80 60" to="10 80 60" dur="2s" repeatCount="indefinite"/>
  </path>
  <!-- whiskers -->
  <line x1="40" y1="25" x2="45" y2="20" stroke="#000" stroke-width="2"/>
  <line x1="60" y1="25" x2="55" y2="20" stroke="#000" stroke-width="2"/>
  <!-- eyes and nose -->
  <circle cx="45" cy="15" r="2" fill="#000"/>
  <circle cx="55" cy="15" r="2" fill="#000"/>
  <circle cx="50" cy="25" r="1" fill="#000"/>
</svg>
Llama 3.1 70B — animation attempt 2animation #25.0
✕ CLOSE

Llama 3.1 70B · animation · attempt 2 · score 5.0

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

the actual svg, as the machine wrote it:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
  <style>
    #tail {
      transform-origin: 60px 120px;
      animation: sway 2s infinite ease-in-out;
    }
    @keyframes sway {
      0% { transform: rotate(0deg); }
      20% { transform: rotate(-10deg); }
      40% { transform: rotate(0deg); }
      60% { transform: rotate(10deg); }
      80% { transform: rotate(0deg); }
      100% { transform: rotate(0deg); }
    }
  </style>
  <circle cx="100" cy="100" r="50" fill="#FFC499" />
  <path id="head" fill="#FFC499" d="M100,50C120,30 150,60 100,70C50,60 80,30 100,50" />
  <path id="ear1" fill="#FFC499" d="M80,40C90,20 110,20 100,10C90,0 70,0 80,10C80,20 60,20 70,30" />
  <path id="ear2" fill="#FFC499" d="M120,40C110,20 90,20 100,10C110,0 130,0 120,10C120,20 140,20 130,30" />
  <path id="eye1" fill="#000" d="M85,55C85,50 90,45 95,50C100,55 95,60 90,55" />
  <path id="eye2" fill="#000" d="M115,55C115,50 110,45 105,50C100,55 105,60 110,55" />
  <path id="nose" fill="#000" d="M100,75C100,70 105,65 110,70C115,75 110,80 105,75" />
  <path id="whiskers" stroke="#000" d="M85,70L100,80M115,70L130,80M85,80L100,90M115,80L130,90" stroke-width="1" />
  <path id="mouth" stroke="#000" d="M85,90L115,90" stroke-width="2" />
  <path id="body" fill="#FFC499" d="M50,150C70,120 130,120 150,150C150,180 50,180 50,150" />
  <path id="leg1" fill="#FFC499" d="M70,170C50,200 50,220 70,250C90,220 90,200 70,170" />
  <path id="leg2" fill="#FFC499" d="M130,170C150,200 150,220 130,250C110,220 110,200 130,170" />
  <path id="tail" fill="#FFC499" d="M60,200C40,230 90,230 60,200" />
</svg>
Llama 3.1 70B — animation attempt 3animation #34.3
✕ CLOSE

Llama 3.1 70B · animation · attempt 3 · score 4.3

cat likeness: 2.0aesthetic: 3.0technique: 5.0prompt fidelity: 7.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">
  <g transform="translate(100,100)">
    <circle cx="0" cy="-50" r="50" fill="#FFD7BE"/>
    <ellipse cx="0" cy="0" rx="40" ry="20" fill="#FFD7BE"/>
    <path d="M 0 -70 C -15 -60, 15 -60, 0 -50 Z" fill="#FFD7BE">
      <animateTransform attributeName="transform" type="rotate" from="0" to="20" dur="2s" repeatCount="indefinite"/>
    </path>
    <path d="M 0 -50 L 30 -60" stroke="#000" stroke-width="5" stroke-linecap="round">
      <animateTransform attributeName="transform" type="rotate" from="0" to="20" dur="2s" repeatCount="indefinite"/>
    </path>
    <path d="M 30 -60 L 50 -80" stroke="#000" stroke-width="5" stroke-linecap="round">
      <animateTransform attributeName="transform" type="rotate" from="0" to="20" dur="3s" repeatCount="indefinite" begin="0.5s"/>
    </path>
    <path d="M 50 -80 L 70 -100" stroke="#000" stroke-width="5" stroke-linecap="round">
      <animateTransform attributeName="transform" type="rotate" from="0" to="20" dur="4s" repeatCount="indefinite" begin="1s"/>
    </path>
  </g>
</svg>
Llama 3.1 70B — animation attempt 4animation #46.0
✕ CLOSE

Llama 3.1 70B · animation · attempt 4 · score 6.0

cat likeness: 4.0aesthetic: 6.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>
    #tail {
      transform-origin: top center;
      animation: sway 2s infinite ease-in-out;
    }
    @keyframes sway {
      0%, 100% { transform: rotate(0deg); }
      50% { transform: rotate(20deg); }
    }
  </style>
  <circle cx="50" cy="50" r="40" fill="#F7D2C4" />
  <circle cx="50" cy="30" r="10" fill="#30261E" />
  <circle cx="50" cy="70" r="20" fill="#F7D2C4" />
  <circle cx="45" cy="60" r="5" fill="#30261E" />
  <circle cx="55" cy="60" r="5" fill="#30261E" />
  <path id="tail" d="M50 80, C55 90, 45 90, 50 100" stroke="#F7D2C4" stroke-width="10" />
</svg>