Mistral Large (2512)
RANK 20 · MEOWSCORE 66.2 · previous · FR · open
minimal
“Draw a minimal, flat-design cat as an SVG.”
minimal #16.8✕ CLOSE
Mistral Large (2512) · minimal · attempt 1 · score 6.8
cat likeness: 6.0aesthetic: 6.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 100 100" width="200" height="200">
<rect width="100" height="100" fill="#f9f9f9"/>
<path d="M50 30c-8 0-15 6-15 14 0 3 1 6 3 8l-10 12c-2 2-2 5 0 7l8 6c2 2 5 2 7 0l6-5c2 1 4 1 6 1s4 0 6-1l6 5c2 2 5 2 7 0l8-6c2-2 2-5 0-7l-10-12c2-2 3-5 3-8 0-8-7-14-15-14z" fill="#333"/>
<circle cx="42" cy="45" r="3" fill="#fff"/>
<circle cx="58" cy="45" r="3" fill="#fff"/>
<circle cx="42" cy="45" r="1.5" fill="#333"/>
<circle cx="58" cy="45" r="1.5" fill="#333"/>
<path d="M50 55c-2 0-4 2-4 4v3c0 2 2 4 4 4s4-2 4-4v-3c0-2-2-4-4-4z" fill="#333"/>
<path d="M35 60c-5-5-5-13 0-18 2-2 5-3 8-3s6 1 8 3c5 5 5 13 0 18-2 2-5 3-8 3s-6-1-8-3z" fill="#333"/>
<path d="M65 60c5-5 5-13 0-18-2-2-5-3-8-3s-6 1-8 3c-5 5-5 13 0 18 2 2 5 3 8 3s6-1 8-3z" fill="#333"/>
</svg>
minimal #24.0✕ CLOSE
Mistral Large (2512) · minimal · attempt 2 · score 4.0
cat likeness: 3.0aesthetic: 4.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" width="200" height="200">
<rect width="100" height="100" fill="#f9f9f9"/>
<path d="M50 20c-8 0-15 6-15 14 0 4 2 7 5 9-3 2-5 5-5 9 0 8 7 14 15 14s15-6 15-14c0-4-2-7-5-9 3-2 5-5 5-9 0-8-7-14-15-14zm0 2c7 0 13 5 13 12 0 3-1 6-3 8 2 1 3 4 3 7 0 6-5 11-12 11s-12-5-12-11c0-3 1-6 3-7-2-2-3-5-3-8 0-7 6-12 13-12z" fill="#333"/>
<path d="M35 35c-3 0-5 2-5 5s2 5 5 5 5-2 5-5-2-5-5-5zm30 0c-3 0-5 2-5 5s2 5 5 5 5-2 5-5-2-5-5-5z" fill="#fff"/>
<circle cx="35" cy="38" r="2" fill="#333"/>
<circle cx="65" cy="38" r="2" fill="#333"/>
<path d="M50 50c-3 0-6 2-6 5s3 5 6 5 6-2 6-5-3-5-6-5z" fill="#333"/>
<path d="M50 60v10m-5-5h10m-15-5l5 5 10-10" stroke="#333" stroke-width="2" fill="none"/>
</svg>
minimal #36.8✕ CLOSE
Mistral Large (2512) · minimal · attempt 3 · score 6.8
cat likeness: 7.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" width="100" height="100">
<circle cx="50" cy="40" r="20" fill="#333"/>
<path d="M30 40 L20 30 L25 40 L20 50 Z" fill="#333"/>
<path d="M70 40 L80 30 L75 40 L80 50 Z" fill="#333"/>
<circle cx="45" cy="35" r="2" fill="#fff"/>
<circle cx="55" cy="35" r="2" fill="#fff"/>
<circle cx="45" cy="35" r="1" fill="#000"/>
<circle cx="55" cy="35" r="1" fill="#000"/>
<path d="M50 50 L50 70 Q50 80 40 80 L60 80 Q50 80 50 70 Z" fill="#333"/>
<path d="M40 80 L40 85 L60 85 L60 80" fill="#333"/>
<path d="M35 75 L35 80 L40 80" fill="#333"/>
<path d="M65 75 L65 80 L60 80" fill="#333"/>
</svg>
minimal #44.8✕ CLOSE
Mistral Large (2512) · minimal · attempt 4 · score 4.8
cat likeness: 4.0aesthetic: 5.0technique: 5.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" width="100" height="100">
<rect width="100" height="100" fill="#f9f9f9"/>
<path d="M50 20c-8 0-15 6-15 14 0 2 1 4 2 5l-8 8c-2 2-2 5 0 7l12 12c2 2 5 2 7 0l12-12c2-2 2-5 0-7l-8-8c1-1 2-3 2-5 0-8-7-14-15-14z" fill="#333"/>
<circle cx="42" cy="34" r="2" fill="#fff"/>
<circle cx="58" cy="34" r="2" fill="#fff"/>
<path d="M42 38c-1 0-2 1-2 2s1 2 2 2 2-1 2-2-1-2-2-2zM58 38c-1 0-2 1-2 2s1 2 2 2 2-1 2-2-1-2-2-2z" fill="#333"/>
<path d="M50 45c-3 0-5 2-5 5v3h10v-3c0-3-2-5-5-5z" fill="#333"/>
<path d="M35 60c-5-5-5-13 0-18 2-2 4-3 7-3s5 1 7 3c5 5 5 13 0 18-2 2-4 3-7 3s-5-1-7-3z" fill="#333"/>
<path d="M65 60c5-5 5-13 0-18-2-2-4-3-7-3s-5 1-7 3c-5 5-5 13 0 18 2 2 4 3 7 3s5-1 7-3z" fill="#333"/>
</svg>realistic
“Draw a realistic sitting cat with visible fur shading as an SVG.”
realistic #16.8✕ CLOSE
Mistral Large (2512) · realistic · attempt 1 · score 6.8
cat likeness: 8.0aesthetic: 7.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 500 400" width="500" height="400">
<defs>
<linearGradient id="furGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f5d5b0" />
<stop offset="50%" stop-color="#e0b888" />
<stop offset="100%" stop-color="#c89d66" />
</linearGradient>
<filter id="furTexture" x="0" y="0" width="100%" height="100%">
<feTurbulence type="fractalNoise" baseFrequency="0.05" numOctaves="3" result="noise"/>
<feDiffuseLighting in="noise" lighting-color="#e0b888" surfaceScale="2" result="diffLight">
<feDistantLight azimuth="45" elevation="60"/>
</feDiffuseLighting>
<feComposite in="SourceGraphic" in2="diffLight" operator="arithmetic" k1="0" k2="1" k3="0.3" k4="0"/>
</filter>
<radialGradient id="eyeGradient" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
<stop offset="0%" stop-color="#00ff88"/>
<stop offset="100%" stop-color="#008844"/>
</radialGradient>
</defs>
<!-- Body -->
<path d="M250,200 C200,200 150,250 150,300 C150,350 200,370 250,370 C300,370 350,350 350,300 C350,250 300,200 250,200 Z" fill="url(#furGradient)" filter="url(#furTexture)" stroke="#b88d50" stroke-width="1"/>
<!-- Head -->
<circle cx="250" cy="150" r="50" fill="url(#furGradient)" filter="url(#furTexture)" stroke="#b88d50" stroke-width="1"/>
<!-- Ears -->
<path d="M220,120 L200,80 L240,100 Z" fill="url(#furGradient)" filter="url(#furTexture)" stroke="#b88d50" stroke-width="1"/>
<path d="M280,120 L300,80 L260,100 Z" fill="url(#furGradient)" filter="url(#furTexture)" stroke="#b88d50" stroke-width="1"/>
<path d="M225,115 L205,85 L235,105 Z" fill="#e0b888" stroke="#b88d50" stroke-width="0.5"/>
<path d="M275,115 L295,85 L265,105 Z" fill="#e0b888" stroke="#b88d50" stroke-width="0.5"/>
<!-- Eyes -->
<ellipse cx="235" cy="145" rx="8" ry="12" fill="url(#eyeGradient)" stroke="#000" stroke-width="0.5"/>
<ellipse cx="265" cy="145" rx="8" ry="12" fill="url(#eyeGradient)" stroke="#000" stroke-width="0.5"/>
<circle cx="238" cy="142" r="2" fill="#000"/>
<circle cx="268" cy="142" r="2" fill="#000"/>
<!-- Nose -->
<path d="M250,155 L245,165 L255,165 Z" fill="#ff6b6b" stroke="#000" stroke-width="0.5"/>
<!-- Mouth -->
<path d="M250,165 Q250,175 240,175" stroke="#000" stroke-width="0.5" fill="none"/>
<path d="M250,165 Q250,175 260,175" stroke="#000" stroke-width="0.5" fill="none"/>
<!-- Whiskers -->
<line x1="220" y1="160" x2="180" y2="155" stroke="#000" stroke-width="0.5"/>
<line x1="220" y1="165" x2="180" y2="165" stroke="#000" stroke-width="0.5"/>
<line x1="220" y1="170" x2="180" y2="175" stroke="#000" stroke-width="0.5"/>
<line x1="280" y1="160" x2="320" y2="155" stroke="#000" stroke-width="0.5"/>
<line x1="280" y1="165" x2="320" y2="165" stroke="#000" stroke-width="0.5"/>
<line x1="280" y1="170" x2="320" y2="175" stroke="#000" stroke-width="0.5"/>
<!-- Front legs -->
<path d="M200,300 C180,300 170,330 180,350 C190,370 210,360 220,350 C230,340 220,320 200,300 Z" fill="url(#furGradient)" filter="url(#furTexture)" stroke="#b88d50" stroke-width="1"/>
<path d="M300,300 C320,300 330,330 320,350 C310,370 290,360 280,350 C270,340 280,320 300,300 Z" fill="url(#furGradient)" filter="url(#furTexture)" stroke="#b88d50" stroke-width="1"/>
<!-- Back legs -->
<path d="M150,300 C130,300 120,330 130,350 C140,370 160,360 170,350 C180,340 170,320 150,300 Z" fill="url(#furGradient)" filter="url(#furTexture)" stroke="#b88d50" stroke-width="1"/>
<path d="M350,300 C370,300 380,330 370,350 C360,370 340,360 330,350 C320,340 330,320 350,300 Z" fill="url(#furGradient)" filter="url(#furTexture)" stroke="#b88d50" stroke-width="1"/>
<!-- Tail -->
<path d="M350,300 C380,300 400,250 400,220 C400,190 380,170 360,180 C340,190 350,220 350,250 C350,280 350,300 350,300 Z" fill="url(#furGradient)" filter="url(#furTexture)" stroke="#b88d50" stroke-width="1"/>
<!-- Fur details -->
<path d="M200,220 C210,210 220,215 230,220 C240,225 250,220 260,215 C270,210 280,220 290,225" stroke="#b88d50" stroke-width="0.5" fill="none"/>
<path d="M180,250 C190,240 200,245 210,250 C220,255 230,250 240,245 C250,240 260,250 270,255" stroke="#b88d50" stroke-width="0.5" fill="none"/>
<path d="M220,280 C230,270 240,275 250,280 C260,285 270,280 280,275" stroke="#b88d50" stroke-width="0.5" fill="none"/>
</svg>
realistic #26.0✕ CLOSE
Mistral Large (2512) · realistic · attempt 2 · score 6.0
cat likeness: 7.0aesthetic: 6.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 500 400" width="500" height="400">
<defs>
<filter id="fur" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.05" numOctaves="3" result="noise"/>
<feDiffuseLighting in="noise" lighting-color="#f5d5b0" surfaceScale="3" result="diffuse">
<feDistantLight azimuth="45" elevation="60"/>
</feDiffuseLighting>
<feComposite in="SourceGraphic" in2="diffuse" operator="arithmetic" k1="0" k2="1" k3="0.5" k4="0"/>
</filter>
<linearGradient id="bodyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f5d5b0"/>
<stop offset="50%" stop-color="#e8b882"/>
<stop offset="100%" stop-color="#d49a5a"/>
</linearGradient>
<linearGradient id="shadowGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#8b4513" stop-opacity="0.3"/>
<stop offset="100%" stop-color="#8b4513" stop-opacity="0"/>
</linearGradient>
<pattern id="furPattern" patternUnits="userSpaceOnUse" width="10" height="10">
<path d="M0,0 L10,10 M2,0 L10,8 M0,2 L8,10" stroke="#000" stroke-width="0.5" opacity="0.1"/>
</pattern>
</defs>
<!-- Background -->
<rect width="100%" height="100%" fill="#f0e6d2"/>
<!-- Cat Body -->
<path d="M250,200 C250,150 200,120 150,150 C120,160 100,180 100,220 C100,280 180,320 250,320 C320,320 400,280 400,220 C400,180 380,160 350,150 C300,120 250,150 250,200 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<!-- Cat Head -->
<circle cx="250" cy="120" r="50" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<path d="M200,100 C180,80 150,80 130,100 C120,110 120,130 130,140 C150,160 180,160 200,140 C210,130 210,110 200,100 Z" fill="url(#bodyGradient)" filter="url(#fur)"/>
<path d="M300,100 C320,80 350,80 370,100 C380,110 380,130 370,140 C350,160 320,160 300,140 C290,130 290,110 300,100 Z" fill="url(#bodyGradient)" filter="url(#fur)"/>
<!-- Ears -->
<path d="M180,70 L160,40 L200,80 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<path d="M320,70 L340,40 L300,80 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<path d="M185,75 L170,50 L195,80 Z" fill="#d49a5a"/>
<path d="M315,75 L330,50 L305,80 Z" fill="#d49a5a"/>
<!-- Eyes -->
<ellipse cx="230" cy="120" rx="8" ry="12" fill="#2c1810" transform="rotate(-10, 230, 120)"/>
<ellipse cx="270" cy="120" rx="8" ry="12" fill="#2c1810" transform="rotate(10, 270, 120)"/>
<circle cx="225" cy="115" r="3" fill="#f8f8f8"/>
<circle cx="265" cy="115" r="3" fill="#f8f8f8"/>
<!-- Nose -->
<path d="M250,130 L245,140 L255,140 Z" fill="#ff6b6b"/>
<line x1="250" y1="140" x2="250" y2="150" stroke="#2c1810" stroke-width="1"/>
<!-- Mouth -->
<path d="M250,150 Q240,160 230,150" stroke="#2c1810" stroke-width="1" fill="none"/>
<path d="M250,150 Q260,160 270,150" stroke="#2c1810" stroke-width="1" fill="none"/>
<!-- Whiskers -->
<line x1="220" y1="140" x2="180" y2="135" stroke="#2c1810" stroke-width="1"/>
<line x1="220" y1="145" x2="180" y2="145" stroke="#2c1810" stroke-width="1"/>
<line x1="220" y1="150" x2="180" y2="155" stroke="#2c1810" stroke-width="1"/>
<line x1="280" y1="140" x2="320" y2="135" stroke="#2c1810" stroke-width="1"/>
<line x1="280" y1="145" x2="320" y2="145" stroke="#2c1810" stroke-width="1"/>
<line x1="280" y1="150" x2="320" y2="155" stroke="#2c1810" stroke-width="1"/>
<!-- Front Legs -->
<path d="M180,250 C180,280 160,300 150,320 C140,340 150,350 170,350 L190,350 C210,350 220,340 220,320 C220,300 200,280 200,250 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<path d="M320,250 C320,280 340,300 350,320 C360,340 350,350 330,350 L310,350 C290,350 280,340 280,320 C280,300 300,280 300,250 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<!-- Back Legs -->
<path d="M120,250 C120,280 100,300 90,320 C80,340 90,350 110,350 L130,350 C150,350 160,340 160,320 C160,300 140,280 140,250 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<ellipse cx="380" cy="280" rx="30" ry="50" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<!-- Tail -->
<path d="M400,220 C450,200 480,250 450,300 C420,350 380,320 380,280" fill="none" stroke="url(#bodyGradient)" stroke-width="20" stroke-linecap="round" filter="url(#fur)"/>
<!-- Fur Details -->
<path d="M150,150 C180,130 220,130 250,150" fill="none" stroke="url(#shadowGradient)" stroke-width="10"/>
<path d="M250,150 C280,130 320,130 350,150" fill="none" stroke="url(#shadowGradient)" stroke-width="10"/>
<path d="M150,200 C180,180 220,180 250,200" fill="none" stroke="url(#shadowGradient)" stroke-width="8"/>
<path d="M250,200 C280,180 320,180 350,200" fill="none" stroke="url(#shadowGradient)" stroke-width="8"/>
<!-- Paws -->
<circle cx="170" cy="350" r="10" fill="#d49a5a"/>
<circle cx="330" cy="350" r="10" fill="#d49a5a"/>
<circle cx="110" cy="350" r="10" fill="#d49a5a"/>
<ellipse cx="380" cy="330" rx="15" ry="10" fill="#d49a5a"/>
<!-- Fur Texture Overlay -->
<rect width="100%" height="100%" fill="url(#furPattern)" opacity="0.3"/>
</svg>
realistic #36.8✕ CLOSE
Mistral Large (2512) · realistic · attempt 3 · score 6.8
cat likeness: 8.0aesthetic: 6.0technique: 8.0prompt fidelity: 5.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">
<defs>
<filter id="fur" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.05" numOctaves="3" result="noise"/>
<feDisplacementMap in="SourceGraphic" in2="noise" scale="3" xChannelSelector="R" yChannelSelector="G"/>
</filter>
<linearGradient id="bodyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f5d5b0"/>
<stop offset="50%" stop-color="#e8b882"/>
<stop offset="100%" stop-color="#d49a5a"/>
</linearGradient>
<linearGradient id="shadowGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#a67c52" stop-opacity="0.3"/>
<stop offset="100%" stop-color="#a67c52" stop-opacity="0"/>
</linearGradient>
<radialGradient id="eyeGradient" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
<stop offset="0%" stop-color="#f8f8f8"/>
<stop offset="50%" stop-color="#a0d8f3"/>
<stop offset="100%" stop-color="#1a5fb4"/>
</radialGradient>
<radialGradient id="pupilGradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" stop-color="#000000"/>
<stop offset="100%" stop-color="#333333"/>
</radialGradient>
</defs>
<!-- Body -->
<path d="M250,300 Q200,350 150,320 Q100,290 120,240 Q140,190 180,170 Q220,150 250,160 Q280,150 320,170 Q360,190 380,240 Q400,290 350,320 Q300,350 250,300 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#a67c52" stroke-width="1"/>
<!-- Head -->
<circle cx="250" cy="160" r="60" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#a67c52" stroke-width="1"/>
<!-- Ears -->
<path d="M210,120 L200,80 L240,100 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#a67c52" stroke-width="1"/>
<path d="M290,100 L300,80 L260,120 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#a67c52" stroke-width="1"/>
<path d="M215,115 L205,85 L235,105 Z" fill="#f5d5b0" stroke="#a67c52" stroke-width="0.5"/>
<path d="M285,105 L295,85 L265,115 Z" fill="#f5d5b0" stroke="#a67c52" stroke-width="0.5"/>
<!-- Eyes -->
<ellipse cx="230" cy="155" rx="12" ry="15" fill="url(#eyeGradient)" stroke="#000" stroke-width="0.5"/>
<ellipse cx="270" cy="155" rx="12" ry="15" fill="url(#eyeGradient)" stroke="#000" stroke-width="0.5"/>
<circle cx="230" cy="155" r="5" fill="url(#pupilGradient)"/>
<circle cx="270" cy="155" r="5" fill="url(#pupilGradient)"/>
<circle cx="232" cy="150" r="1.5" fill="#fff" opacity="0.8"/>
<circle cx="272" cy="150" r="1.5" fill="#fff" opacity="0.8"/>
<!-- Nose -->
<path d="M250,170 L245,180 L255,180 Z" fill="#ff9cb4" stroke="#000" stroke-width="0.3"/>
<!-- Mouth -->
<path d="M250,180 Q250,190 245,195" stroke="#000" stroke-width="0.5" fill="none"/>
<path d="M250,180 Q250,190 255,195" stroke="#000" stroke-width="0.5" fill="none"/>
<!-- Whiskers -->
<line x1="220" y1="180" x2="180" y2="175" stroke="#000" stroke-width="0.5"/>
<line x1="220" y1="185" x2="180" y2="185" stroke="#000" stroke-width="0.5"/>
<line x1="220" y1="190" x2="180" y2="195" stroke="#000" stroke-width="0.5"/>
<line x1="280" y1="180" x2="320" y2="175" stroke="#000" stroke-width="0.5"/>
<line x1="280" y1="185" x2="320" y2="185" stroke="#000" stroke-width="0.5"/>
<line x1="280" y1="190" x2="320" y2="195" stroke="#000" stroke-width="0.5"/>
<!-- Legs -->
<ellipse cx="180" cy="300" rx="20" ry="30" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#a67c52" stroke-width="1" transform="rotate(-20 180 300)"/>
<ellipse cx="320" cy="300" rx="20" ry="30" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#a67c52" stroke-width="1" transform="rotate(20 320 300)"/>
<ellipse cx="220" cy="320" rx="15" ry="25" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#a67c52" stroke-width="1"/>
<ellipse cx="280" cy="320" rx="15" ry="25" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#a67c52" stroke-width="1"/>
<!-- Paws -->
<ellipse cx="170" cy="330" rx="12" ry="8" fill="#f5d5b0" stroke="#a67c52" stroke-width="0.5"/>
<ellipse cx="330" cy="330" rx="12" ry="8" fill="#f5d5b0" stroke="#a67c52" stroke-width="0.5"/>
<ellipse cx="220" cy="345" rx="10" ry="6" fill="#f5d5b0" stroke="#a67c52" stroke-width="0.5"/>
<ellipse cx="280" cy="345" rx="10" ry="6" fill="#f5d5b0" stroke="#a67c52" stroke-width="0.5"/>
<!-- Tail -->
<path d="M350,320 Q380,300 400,280 Q420,260 410,230 Q400,200 380,190 Q360,180 340,200 Q320,220 330,250 Q340,280 350,320 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#a67c52" stroke-width="1"/>
<!-- Fur details -->
<path d="M160,250 Q180,230 200,240 Q220,250 200,270 Q180,290 160,250 Z" fill="url(#shadowGradient)" opacity="0.5"/>
<path d="M300,240 Q320,230 340,240 Q360,250 340,270 Q320,290 300,240 Z" fill="url(#shadowGradient)" opacity="0.5"/>
<path d="M200,180 Q220,160 240,170 Q260,180 240,200 Q220,220 200,180 Z" fill="url(#shadowGradient)" opacity="0.3"/>
</svg>
realistic #46.0✕ CLOSE
Mistral Large (2512) · realistic · attempt 4 · score 6.0
cat likeness: 7.0aesthetic: 5.0technique: 8.0prompt fidelity: 4.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">
<defs>
<filter id="fur" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence type="fractalNoise" baseFrequency="0.05" numOctaves="4" result="noise"/>
<feDiffuseLighting in="noise" lighting-color="#ffffff" surfaceScale="3" result="diffLight">
<feDistantLight azimuth="45" elevation="60"/>
</feDiffuseLighting>
<feComposite in="SourceGraphic" in2="diffLight" operator="arithmetic" k1="0" k2="1" k3="0.5" k4="0"/>
</filter>
<linearGradient id="bodyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f8f8f8"/>
<stop offset="50%" stop-color="#d8d8d8"/>
<stop offset="100%" stop-color="#b8b8b8"/>
</linearGradient>
<linearGradient id="tailGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#e0e0e0"/>
<stop offset="100%" stop-color="#a0a0a0"/>
</linearGradient>
<linearGradient id="earGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f0f0f0"/>
<stop offset="100%" stop-color="#c0c0c0"/>
</linearGradient>
<pattern id="stripes" patternUnits="userSpaceOnUse" width="10" height="10">
<path d="M0,0 L10,10 M-2,5 L5,12 M5,-2 L12,5" stroke="#888" stroke-width="0.5" opacity="0.3"/>
</pattern>
</defs>
<!-- Body -->
<path d="M250,200 C250,150 200,120 150,150 C100,180 100,250 150,280 C200,310 250,280 250,250 C250,280 300,310 350,280 C400,250 400,180 350,150 C300,120 250,150 250,200 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#555" stroke-width="1"/>
<!-- Head -->
<circle cx="250" cy="120" r="50" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#555" stroke-width="1"/>
<path d="M220,90 C220,70 240,50 260,70 C280,50 300,70 300,90" fill="url(#earGradient)" stroke="#555" stroke-width="1"/>
<!-- Ears -->
<path d="M230,80 L220,50 L240,70 Z" fill="url(#earGradient)" stroke="#555" stroke-width="1"/>
<path d="M270,80 L280,50 L260,70 Z" fill="url(#earGradient)" stroke="#555" stroke-width="1"/>
<path d="M235,75 L225,60 L240,65 Z" fill="#f8a8a8" stroke="#555" stroke-width="0.5"/>
<path d="M265,75 L275,60 L260,65 Z" fill="#f8a8a8" stroke="#555" stroke-width="0.5"/>
<!-- Eyes -->
<ellipse cx="230" cy="115" rx="8" ry="12" fill="#2a4a2a" stroke="#000" stroke-width="0.5"/>
<ellipse cx="270" cy="115" rx="8" ry="12" fill="#2a4a2a" stroke="#000" stroke-width="0.5"/>
<circle cx="233" cy="110" r="2" fill="#fff"/>
<circle cx="273" cy="110" r="2" fill="#fff"/>
<!-- Nose -->
<path d="M250,125 L245,135 L255,135 Z" fill="#f8a8a8" stroke="#555" stroke-width="0.5"/>
<!-- Mouth -->
<path d="M250,135 Q250,145 245,145" stroke="#555" stroke-width="0.5" fill="none"/>
<path d="M250,135 Q250,145 255,145" stroke="#555" stroke-width="0.5" fill="none"/>
<!-- Whiskers -->
<line x1="220" y1="130" x2="180" y2="125" stroke="#555" stroke-width="0.5"/>
<line x1="220" y1="135" x2="180" y2="135" stroke="#555" stroke-width="0.5"/>
<line x1="220" y1="140" x2="180" y2="145" stroke="#555" stroke-width="0.5"/>
<line x1="280" y1="130" x2="320" y2="125" stroke="#555" stroke-width="0.5"/>
<line x1="280" y1="135" x2="320" y2="135" stroke="#555" stroke-width="0.5"/>
<line x1="280" y1="140" x2="320" y2="145" stroke="#555" stroke-width="0.5"/>
<!-- Front Legs -->
<path d="M180,250 C180,280 160,300 150,300 C140,300 140,270 150,250" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#555" stroke-width="1"/>
<path d="M320,250 C320,280 340,300 350,300 C360,300 360,270 350,250" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#555" stroke-width="1"/>
<!-- Paws -->
<ellipse cx="150" cy="300" rx="10" ry="5" fill="url(#bodyGradient)" stroke="#555" stroke-width="1"/>
<ellipse cx="350" cy="300" rx="10" ry="5" fill="url(#bodyGradient)" stroke="#555" stroke-width="1"/>
<!-- Tail -->
<path d="M350,200 C400,180 450,200 450,250 C450,300 400,320 350,300" fill="url(#tailGradient)" filter="url(#fur)" stroke="#555" stroke-width="1" opacity="0.8"/>
<!-- Fur details -->
<path d="M180,180 Q200,160 220,180" stroke="#888" stroke-width="0.5" fill="none" opacity="0.5"/>
<path d="M200,200 Q220,180 240,200" stroke="#888" stroke-width="0.5" fill="none" opacity="0.5"/>
<path d="M220,220 Q240,200 260,220" stroke="#888" stroke-width="0.5" fill="none" opacity="0.5"/>
<path d="M280,180 Q300,160 320,180" stroke="#888" stroke-width="0.5" fill="none" opacity="0.5"/>
<path d="M300,200 Q320,180 340,200" stroke="#888" stroke-width="0.5" fill="none" opacity="0.5"/>
<!-- Stripes pattern overlay -->
<rect x="150" y="150" width="200" height="150" fill="url(#stripes)" opacity="0.2"/>
</svg>action
“Draw a cat riding a bicycle as an SVG.”
action #15.3✕ CLOSE
Mistral Large (2512) · action · attempt 1 · score 5.3
cat likeness: 5.0aesthetic: 5.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 200 200" width="200" height="200">
<rect width="200" height="200" fill="#87CEEB"/>
<circle cx="150" cy="30" r="20" fill="#FFD700"/>
<path d="M130 30 Q150 10 170 30" fill="none" stroke="#FFD700" stroke-width="2"/>
<path d="M140 20 L145 25 L155 15" stroke="#FFD700" stroke-width="2" fill="none"/>
<path d="M160 20 L155 25 L165 15" stroke="#FFD700" stroke-width="2" fill="none"/>
<!-- Bicycle -->
<circle cx="100" cy="140" r="25" fill="none" stroke="#333" stroke-width="3"/>
<circle cx="150" cy="140" r="25" fill="none" stroke="#333" stroke-width="3"/>
<line x1="100" y1="140" x2="125" y2="115" stroke="#333" stroke-width="3"/>
<line x1="150" y1="140" x2="125" y2="115" stroke="#333" stroke-width="3"/>
<line x1="125" y1="115" x2="100" y2="90" stroke="#333" stroke-width="3"/>
<line x1="100" y1="90" x2="80" y2="90" stroke="#333" stroke-width="3"/>
<line x1="100" y1="90" x2="100" y2="65" stroke="#333" stroke-width="3"/>
<line x1="125" y1="115" x2="150" y2="90" stroke="#333" stroke-width="3"/>
<circle cx="100" cy="140" r="10" fill="#333"/>
<circle cx="150" cy="140" r="10" fill="#333"/>
<!-- Cat -->
<ellipse cx="100" cy="80" rx="15" ry="20" fill="#FFA500"/>
<circle cx="95" cy="75" r="3" fill="#000"/>
<circle cx="105" cy="75" r="3" fill="#000"/>
<path d="M95 85 Q100 90 105 85" fill="#000"/>
<path d="M100 60 L95 55 L100 50 L105 55 Z" fill="#FFA500"/>
<path d="M85 75 L80 70 L85 65" stroke="#000" stroke-width="1.5" fill="none"/>
<path d="M115 75 L120 70 L115 65" stroke="#000" stroke-width="1.5" fill="none"/>
<path d="M90 90 L85 95 L90 100" stroke="#000" stroke-width="1.5" fill="none"/>
<path d="M110 90 L115 95 L110 100" stroke="#000" stroke-width="1.5" fill="none"/>
<line x1="100" y1="80" x2="100" y2="100" stroke="#FFA500" stroke-width="3"/>
<line x1="100" y1="100" x2="90" y2="110" stroke="#FFA500" stroke-width="3"/>
<line x1="100" y1="100" x2="110" y2="110" stroke="#FFA500" stroke-width="3"/>
<line x1="90" y1="110" x2="85" y2="120" stroke="#FFA500" stroke-width="3"/>
<line x1="110" y1="110" x2="115" y2="120" stroke="#FFA500" stroke-width="3"/>
</svg>
action #24.5✕ CLOSE
Mistral Large (2512) · action · attempt 2 · score 4.5
cat likeness: 5.0aesthetic: 4.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 200 200" width="200" height="200">
<rect width="200" height="200" fill="#87CEEB"/>
<circle cx="150" cy="50" r="20" fill="#FFD700"/>
<path d="M140,40 Q150,20 160,40 Q155,35 150,40" fill="#FFD700"/>
<path d="M130,60 L170,60 Q175,65 170,70 L130,70 Q125,65 130,60" fill="#FFD700"/>
<ellipse cx="100" cy="120" rx="30" ry="20" fill="#FFA500"/>
<circle cx="90" cy="115" r="5" fill="#000"/>
<circle cx="110" cy="115" r="5" fill="#000"/>
<path d="M90,125 Q100,135 110,125" stroke="#000" stroke-width="2" fill="none"/>
<path d="M80,110 L70,100" stroke="#000" stroke-width="3" fill="none"/>
<path d="M120,110 L130,100" stroke="#000" stroke-width="3" fill="none"/>
<path d="M85,130 L75,140" stroke="#000" stroke-width="3" fill="none"/>
<path d="M115,130 L125,140" stroke="#000" stroke-width="3" fill="none"/>
<ellipse cx="70" cy="150" rx="8" ry="12" fill="#FFA500"/>
<ellipse cx="130" cy="150" rx="8" ry="12" fill="#FFA500"/>
<path d="M50,140 Q50,160 70,160 L130,160 Q150,160 150,140" fill="#000"/>
<circle cx="70" cy="160" r="15" fill="#000"/>
<circle cx="130" cy="160" r="15" fill="#000"/>
<path d="M70,145 L70,175" stroke="#FFF" stroke-width="2" stroke-dasharray="2,2"/>
<path d="M130,145 L130,175" stroke="#FFF" stroke-width="2" stroke-dasharray="2,2"/>
<path d="M40,160 L100,160" stroke="#000" stroke-width="3"/>
<path d="M100,160 L105,150 L110,165 L115,155 L120,160" stroke="#000" stroke-width="2" fill="none"/>
<path d="M60,160 L60,170 L70,170" stroke="#000" stroke-width="3"/>
<path d="M140,160 L140,170 L130,170" stroke="#000" stroke-width="3"/>
<path d="M50,140 Q40,130 30,140 Q35,135 40,140" fill="#FFA500"/>
<path d="M150,140 Q160,130 170,140 Q165,135 160,140" fill="#FFA500"/>
<path d="M45,135 L40,125" stroke="#000" stroke-width="2"/>
<path d="M155,135 L160,125" stroke="#000" stroke-width="2"/>
</svg>
action #36.5✕ CLOSE
Mistral Large (2512) · action · attempt 3 · score 6.5
cat likeness: 6.0aesthetic: 7.0technique: 6.0prompt fidelity: 7.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="400" height="300">
<rect width="400" height="300" fill="#87CEEB"/>
<circle cx="320" cy="50" r="30" fill="#FFD700"/>
<path d="M300,50 Q320,20 340,50" stroke="#FFD700" stroke-width="3" fill="none"/>
<path d="M20,250 Q100,200 200,250 Q300,300 380,250 L380,300 L20,300 Z" fill="#32CD32"/>
<!-- Bicycle -->
<circle cx="150" cy="200" r="30" fill="none" stroke="#333" stroke-width="4"/>
<circle cx="250" cy="200" r="30" fill="none" stroke="#333" stroke-width="4"/>
<path d="M150,200 L200,150 L250,200 L150,200 M200,150 L200,100 M180,120 L220,120 M200,100 L180,80" stroke="#333" stroke-width="4" fill="none"/>
<path d="M200,150 L230,180" stroke="#333" stroke-width="4" fill="none"/>
<circle cx="140" cy="200" r="5" fill="#333"/>
<circle cx="260" cy="200" r="5" fill="#333"/>
<!-- Cat -->
<ellipse cx="200" cy="160" rx="25" ry="20" fill="#FFA500"/>
<circle cx="190" cy="155" r="8" fill="#FFF"/>
<circle cx="210" cy="155" r="8" fill="#FFF"/>
<circle cx="190" cy="155" r="4" fill="#000"/>
<circle cx="210" cy="155" r="4" fill="#000"/>
<path d="M195,165 Q200,170 205,165" stroke="#000" stroke-width="2" fill="none"/>
<path d="M180,160 L170,155 L175,165 Z" fill="#FFA500"/>
<path d="M220,160 L230,155 L225,165 Z" fill="#FFA500"/>
<path d="M200,180 L200,195" stroke="#FFA500" stroke-width="8"/>
<path d="M190,190 L180,195 L190,200 Z" fill="#FFA500"/>
<path d="M210,190 L220,195 L210,200 Z" fill="#FFA500"/>
<path d="M200,195 L200,210 L185,215 Z" fill="#FFA500"/>
<path d="M200,195 L200,210 L215,215 Z" fill="#FFA500"/>
</svg>
action #43.8✕ CLOSE
Mistral Large (2512) · action · attempt 4 · score 3.8
cat likeness: 3.0aesthetic: 5.0technique: 4.0prompt fidelity: 3.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
<rect width="200" height="200" fill="#87CEEB"/>
<circle cx="150" cy="30" r="20" fill="#FFD700"/>
<path d="M140,20 Q150,10 160,20 Q165,25 160,30 Q150,25 140,30 Q135,25 140,20" fill="#FFD700"/>
<path d="M30,150 Q50,130 70,150 Q90,170 70,190 Q50,210 30,190 Q10,170 30,150" fill="#FFA500"/>
<path d="M130,150 Q150,130 170,150 Q190,170 170,190 Q150,210 130,190 Q110,170 130,150" fill="#FFA500"/>
<circle cx="70" cy="170" r="25" fill="#FFA500"/>
<circle cx="170" cy="170" r="25" fill="#FFA500"/>
<path d="M50,160 Q70,150 90,160 Q90,180 70,190 Q50,180 50,160" fill="#333"/>
<path d="M150,160 Q170,150 190,160 Q190,180 170,190 Q150,180 150,160" fill="#333"/>
<path d="M70,145 L90,130 L110,145" fill="none" stroke="#333" stroke-width="3"/>
<path d="M130,145 L150,130 L170,145" fill="none" stroke="#333" stroke-width="3"/>
<rect x="85" y="100" width="30" height="40" fill="#8B4513" rx="5"/>
<path d="M90,110 L70,90 L90,100 Z" fill="#8B4513"/>
<path d="M110,110 L130,90 L110,100 Z" fill="#8B4513"/>
<circle cx="95" cy="130" r="8" fill="#333"/>
<circle cx="105" cy="130" r="8" fill="#333"/>
<path d="M95,125 L105,125" stroke="#333" stroke-width="2"/>
<path d="M60,100 Q70,90 80,100 Q90,110 80,120 Q70,130 60,120 Q50,110 60,100" fill="#FFF"/>
<path d="M120,100 Q130,90 140,100 Q150,110 140,120 Q130,130 120,120 Q110,110 120,100" fill="#FFF"/>
<circle cx="68" cy="105" r="3" fill="#000"/>
<circle cx="128" cy="105" r="3" fill="#000"/>
<path d="M70,115 Q75,120 80,115" stroke="#000" stroke-width="1" fill="none"/>
<path d="M120,115 Q125,120 130,115" stroke="#000" stroke-width="1" fill="none"/>
<path d="M80,140 Q90,145 100,140" stroke="#000" stroke-width="2" fill="none"/>
<path d="M100,80 L100,70 L90,60" stroke="#333" stroke-width="2" fill="none"/>
<path d="M100,70 L110,60" stroke="#333" stroke-width="2" fill="none"/>
<path d="M90,60 Q100,50 110,60" stroke="#333" stroke-width="2" fill="none"/>
<path d="M120,80 L120,70 L130,65" stroke="#333" stroke-width="2" fill="none"/>
<path d="M120,70 L110,65" stroke="#333" stroke-width="2" fill="none"/>
<ellipse cx="50" cy="180" rx="5" ry="3" fill="#333"/>
<ellipse cx="190" cy="180" rx="5" ry="3" fill="#333"/>
</svg>style
“Draw an origami-style cat with geometric folds as an SVG.”
style #18.0✕ CLOSE
Mistral Large (2512) · style · attempt 1 · score 8.0
cat likeness: 8.0aesthetic: 7.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 200 200" width="200" height="200">
<defs>
<linearGradient id="foldGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f9c5d1" />
<stop offset="100%" stop-color="#9795ef" />
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="2" dy="2" stdDeviation="2" flood-color="rgba(0,0,0,0.3)" />
</filter>
</defs>
<!-- Head -->
<polygon points="100,40 140,60 140,100 100,120 60,100 60,60" fill="url(#foldGradient)" stroke="#333" stroke-width="1" filter="url(#shadow)" />
<!-- Ears -->
<polygon points="100,40 120,20 140,40" fill="url(#foldGradient)" stroke="#333" stroke-width="1" />
<polygon points="100,40 80,20 60,40" fill="url(#foldGradient)" stroke="#333" stroke-width="1" />
<polygon points="110,35 120,25 130,35" fill="#f2f2f2" stroke="#333" stroke-width="0.5" />
<polygon points="70,35 80,25 90,35" fill="#f2f2f2" stroke="#333" stroke-width="0.5" />
<!-- Eyes -->
<polygon points="85,70 95,65 100,75 95,85 85,80" fill="#333" />
<polygon points="115,70 105,65 100,75 105,85 115,80" fill="#333" />
<circle cx="90" cy="75" r="2" fill="#fff" />
<circle cx="110" cy="75" r="2" fill="#fff" />
<!-- Nose -->
<polygon points="100,85 95,90 100,95 105,90" fill="#ff6b6b" stroke="#333" stroke-width="0.5" />
<!-- Mouth -->
<path d="M100,95 Q95,100 90,95" stroke="#333" stroke-width="0.5" fill="none" />
<path d="M100,95 Q105,100 110,95" stroke="#333" stroke-width="0.5" fill="none" />
<!-- Body -->
<polygon points="140,100 160,120 160,160 100,180 40,160 40,120 60,100" fill="url(#foldGradient)" stroke="#333" stroke-width="1" filter="url(#shadow)" />
<!-- Front Legs -->
<polygon points="70,160 80,160 80,180 70,180" fill="url(#foldGradient)" stroke="#333" stroke-width="1" />
<polygon points="120,160 130,160 130,180 120,180" fill="url(#foldGradient)" stroke="#333" stroke-width="1" />
<!-- Back Legs -->
<polygon points="50,140 60,140 60,160 50,160" fill="url(#foldGradient)" stroke="#333" stroke-width="1" />
<polygon points="140,140 150,140 150,160 140,160" fill="url(#foldGradient)" stroke="#333" stroke-width="1" />
<!-- Tail -->
<path d="M160,140 Q180,120 180,160 Q180,200 160,180" fill="url(#foldGradient)" stroke="#333" stroke-width="1" />
<!-- Fold Lines -->
<line x1="100" y1="40" x2="100" y2="120" stroke="#333" stroke-width="0.5" stroke-dasharray="2,2" />
<line x1="60" y1="60" x2="140" y2="60" stroke="#333" stroke-width="0.5" stroke-dasharray="2,2" />
<line x1="60" y1="100" x2="140" y2="100" stroke="#333" stroke-width="0.5" stroke-dasharray="2,2" />
<line x1="100" y1="120" x2="100" y2="180" stroke="#333" stroke-width="0.5" stroke-dasharray="2,2" />
</svg>
style #28.5✕ CLOSE
Mistral Large (2512) · style · attempt 2 · 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" width="200" height="200">
<defs>
<linearGradient id="paper" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f8f8f8" />
<stop offset="100%" stop-color="#e0e0e0" />
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="2" dy="2" stdDeviation="1" flood-color="rgba(0,0,0,0.3)" />
</filter>
</defs>
<!-- Base paper -->
<polygon points="50,30 150,30 180,60 180,160 150,190 50,190 20,160 20,60" fill="url(#paper)" filter="url(#shadow)" />
<!-- Head folds -->
<polygon points="80,50 120,50 130,60 130,80 120,90 80,90 70,80 70,60" fill="#d0d0d0" />
<polygon points="120,50 130,60 130,80 120,90" fill="#e8e8e8" />
<polygon points="80,50 70,60 70,80 80,90" fill="#e8e8e8" />
<!-- Ears -->
<polygon points="80,50 90,30 100,40 100,50" fill="#d0d0d0" />
<polygon points="120,50 110,40 100,50 100,30 110,30" fill="#d0d0d0" />
<polygon points="90,30 100,40 100,35 95,32" fill="#e8e8e8" />
<polygon points="100,30 110,30 105,32 100,35" fill="#e8e8e8" />
<!-- Body folds -->
<polygon points="70,90 130,90 140,100 140,140 130,150 70,150 60,140 60,100" fill="#d0d0d0" />
<polygon points="130,90 140,100 140,140 130,150" fill="#e8e8e8" />
<polygon points="70,90 60,100 60,140 70,150" fill="#e8e8e8" />
<!-- Tail -->
<polygon points="140,120 180,100 185,105 185,115 180,120 145,140" fill="#d0d0d0" />
<polygon points="180,100 185,105 180,120" fill="#e8e8e8" />
<!-- Eyes -->
<polygon points="90,70 95,65 100,70 95,75" fill="#333" />
<polygon points="110,70 105,65 100,70 105,75" fill="#333" />
<!-- Nose -->
<polygon points="100,75 102,78 100,80 98,78" fill="#333" />
<!-- Whiskers -->
<line x1="85" y1="78" x2="60" y2="75" stroke="#333" stroke-width="0.5" />
<line x1="85" y1="80" x2="60" y2="80" stroke="#333" stroke-width="0.5" />
<line x1="85" y1="82" x2="60" y2="85" stroke="#333" stroke-width="0.5" />
<line x1="115" y1="78" x2="140" y2="75" stroke="#333" stroke-width="0.5" />
<line x1="115" y1="80" x2="140" y2="80" stroke="#333" stroke-width="0.5" />
<line x1="115" y1="82" x2="140" y2="85" stroke="#333" stroke-width="0.5" />
<!-- Fold lines -->
<line x1="50" y1="30" x2="150" y2="30" stroke="#888" stroke-width="0.5" stroke-dasharray="2,1" />
<line x1="150" y1="30" x2="180" y2="60" stroke="#888" stroke-width="0.5" stroke-dasharray="2,1" />
<line x1="180" y1="60" x2="180" y2="160" stroke="#888" stroke-width="0.5" stroke-dasharray="2,1" />
<line x1="180" y1="160" x2="150" y2="190" stroke="#888" stroke-width="0.5" stroke-dasharray="2,1" />
<line x1="150" y1="190" x2="50" y2="190" stroke="#888" stroke-width="0.5" stroke-dasharray="2,1" />
<line x1="50" y1="190" x2="20" y2="160" stroke="#888" stroke-width="0.5" stroke-dasharray="2,1" />
<line x1="20" y1="160" x2="20" y2="60" stroke="#888" stroke-width="0.5" stroke-dasharray="2,1" />
<line x1="20" y1="60" x2="50" y2="30" stroke="#888" stroke-width="0.5" stroke-dasharray="2,1" />
<line x1="80" y1="50" x2="120" y2="50" stroke="#888" stroke-width="0.5" />
<line x1="80" y1="90" x2="120" y2="90" stroke="#888" stroke-width="0.5" />
<line x1="70" y1="60" x2="70" y2="80" stroke="#888" stroke-width="0.5" />
<line x1="130" y1="60" x2="130" y2="80" stroke="#888" stroke-width="0.5" />
<line x1="60" y1="100" x2="60" y2="140" stroke="#888" stroke-width="0.5" />
<line x1="140" y1="100" x2="140" y2="140" stroke="#888" stroke-width="0.5" />
</svg>
style #38.5✕ CLOSE
Mistral Large (2512) · style · attempt 3 · score 8.5
cat likeness: 8.0aesthetic: 8.0technique: 9.0prompt fidelity: 9.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
<defs>
<linearGradient id="foldGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f8f8f8" />
<stop offset="100%" stop-color="#e0e0e0" />
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="2" dy="2" stdDeviation="2" flood-color="rgba(0,0,0,0.3)"/>
</filter>
</defs>
<!-- Head -->
<polygon points="100,30 140,60 140,100 100,130 60,100 60,60" fill="url(#foldGradient)" stroke="#333" stroke-width="1" filter="url(#shadow)"/>
<!-- Ears -->
<polygon points="60,60 80,40 100,60" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<polygon points="100,60 120,40 140,60" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<!-- Inner ears -->
<polygon points="70,60 85,50 100,60" fill="#e0a0a0" stroke="#333" stroke-width="0.5"/>
<polygon points="100,60 115,50 130,60" fill="#e0a0a0" stroke="#333" stroke-width="0.5"/>
<!-- Body -->
<polygon points="60,100 100,130 100,170 60,140" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<polygon points="140,100 100,130 100,170 140,140" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<!-- Legs -->
<polygon points="60,140 70,170 80,140" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<polygon points="80,140 90,170 100,140" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<polygon points="100,140 110,170 120,140" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<polygon points="120,140 130,170 140,140" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<!-- Tail -->
<polygon points="140,100 160,80 170,110 140,140" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<!-- Eyes -->
<circle cx="85" cy="90" r="8" fill="#333"/>
<circle cx="115" cy="90" r="8" fill="#333"/>
<circle cx="87" cy="88" r="3" fill="#fff"/>
<circle cx="117" cy="88" r="3" fill="#fff"/>
<!-- Nose -->
<polygon points="100,100 105,105 95,105" fill="#333"/>
<!-- Mouth -->
<path d="M95,110 Q100,115 105,110" stroke="#333" stroke-width="1" fill="none"/>
<!-- Fold lines -->
<line x1="60" y1="60" x2="140" y2="60" stroke="#aaa" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="60" y1="100" x2="140" y2="100" stroke="#aaa" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="100" y1="30" x2="100" y2="130" stroke="#aaa" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="60" y1="60" x2="100" y2="130" stroke="#aaa" stroke-width="0.5" stroke-dasharray="2,2"/>
<line x1="140" y1="60" x2="100" y2="130" stroke="#aaa" stroke-width="0.5" stroke-dasharray="2,2"/>
</svg>
style #48.3✕ CLOSE
Mistral Large (2512) · style · attempt 4 · score 8.3
cat likeness: 8.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 200 200" width="200" height="200">
<defs>
<linearGradient id="fold" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f0f0f0" />
<stop offset="100%" stop-color="#d0d0d0" />
</linearGradient>
<linearGradient id="shadow" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#aaaaaa" stop-opacity="0.3" />
<stop offset="100%" stop-color="#aaaaaa" stop-opacity="0" />
</linearGradient>
</defs>
<!-- Base triangle (body) -->
<polygon points="100,20 180,180 20,180" fill="url(#fold)" stroke="#333" stroke-width="0.5"/>
<!-- Head -->
<polygon points="100,20 120,50 80,50" fill="url(#fold)" stroke="#333" stroke-width="0.5"/>
<polygon points="100,20 110,35 90,35" fill="#fff" stroke="#333" stroke-width="0.5"/>
<!-- Ears -->
<polygon points="120,50 135,30 115,40" fill="url(#fold)" stroke="#333" stroke-width="0.5"/>
<polygon points="80,50 65,30 85,40" fill="url(#fold)" stroke="#333" stroke-width="0.5"/>
<!-- Fold lines (body) -->
<polyline points="100,20 100,100 180,180" fill="none" stroke="#333" stroke-width="0.5" stroke-dasharray="2,2"/>
<polyline points="100,20 100,100 20,180" fill="none" stroke="#333" stroke-width="0.5" stroke-dasharray="2,2"/>
<polyline points="100,100 140,140" fill="none" stroke="#333" stroke-width="0.5" stroke-dasharray="2,2"/>
<polyline points="100,100 60,140" fill="none" stroke="#333" stroke-width="0.5" stroke-dasharray="2,2"/>
<!-- Tail -->
<polygon points="180,180 190,160 170,160" fill="url(#fold)" stroke="#333" stroke-width="0.5"/>
<polyline points="180,180 185,170" fill="none" stroke="#333" stroke-width="0.5" stroke-dasharray="2,2"/>
<!-- Legs -->
<polygon points="140,180 150,160 130,160" fill="url(#fold)" stroke="#333" stroke-width="0.5"/>
<polygon points="60,180 70,160 50,160" fill="url(#fold)" stroke="#333" stroke-width="0.5"/>
<!-- Eyes -->
<circle cx="90" cy="40" r="3" fill="#333"/>
<circle cx="110" cy="40" r="3" fill="#333"/>
<!-- Nose -->
<polygon points="100,45 103,48 97,48" fill="#333"/>
<!-- Whiskers -->
<line x1="97" y1="48" x2="85" y2="47" stroke="#333" stroke-width="0.5"/>
<line x1="97" y1="48" x2="85" y2="49" stroke="#333" stroke-width="0.5"/>
<line x1="103" y1="48" x2="115" y2="47" stroke="#333" stroke-width="0.5"/>
<line x1="103" y1="48" x2="115" y2="49" stroke="#333" stroke-width="0.5"/>
<!-- Shadow -->
<ellipse cx="100" cy="185" rx="50" ry="5" fill="url(#shadow)"/>
</svg>constraint
“Draw a recognizable cat as an SVG using at most 12 SVG elements.”
constraint #17.3✕ CLOSE
Mistral Large (2512) · constraint · attempt 1 · score 7.3
cat likeness: 7.0aesthetic: 5.0technique: 7.0prompt fidelity: 10.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="40" r="15" fill="#333"/>
<path d="M35 30 Q50 15 65 30" fill="#333"/>
<circle cx="45" cy="35" r="3" fill="white"/>
<circle cx="55" cy="35" r="3" fill="white"/>
<circle cx="45" cy="35" r="1.5" fill="black"/>
<circle cx="55" cy="35" r="1.5" fill="black"/>
<path d="M50 45 L50 60" stroke="#333" stroke-width="2"/>
<path d="M40 50 L50 55 L60 50" stroke="#333" stroke-width="2" fill="none"/>
<path d="M30 60 L40 70 L50 65" stroke="#333" stroke-width="2" fill="none"/>
<path d="M70 60 L60 70 L50 65" stroke="#333" stroke-width="2" fill="none"/>
<path d="M50 60 Q55 70 60 60" fill="#333"/>
<path d="M25 45 Q30 50 35 45" fill="#333"/>
</svg>
constraint #24.5✕ CLOSE
Mistral Large (2512) · constraint · attempt 2 · score 4.5
cat likeness: 2.0aesthetic: 3.0technique: 5.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">
<path d="M50 20c-5 0-10 5-10 10 0 8 10 15 10 15s10-7 10-15c0-5-5-10-10-10z" fill="#333"/>
<circle cx="45" cy="25" r="2" fill="#fff"/>
<circle cx="55" cy="25" r="2" fill="#fff"/>
<circle cx="45" cy="25" r="1" fill="#000"/>
<circle cx="55" cy="25" r="1" fill="#000"/>
<path d="M40 35c-2 2-2 6 0 8 2 2 6 2 8 0 2-2 2-6 0-8-2-2-6-2-8 0z" fill="#333"/>
<path d="M35 40l-5 5m20 0l5 5" stroke="#333" stroke-width="1" stroke-linecap="round"/>
<path d="M50 40v15c-5-3-10-3-15 0v-15c5 3 10 3 15 0z" fill="#333"/>
<path d="M40 55c-2 0-2 5 0 5s2-5 0-5z" fill="#333"/>
<path d="M60 55c2 0 2 5 0 5s-2-5 0-5z" fill="#333"/>
<path d="M50 70c-3 0-3 8 0 8s3-8 0-8z" fill="#333"/>
</svg>
constraint #37.3✕ CLOSE
Mistral Large (2512) · constraint · attempt 3 · score 7.3
cat likeness: 7.0aesthetic: 5.0technique: 7.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<path d="M50 20 L40 10 L35 25 Q30 30 35 35 L30 40 L25 45 L20 50 L15 55 L20 60 Q25 65 30 60 L35 65 L40 60 L45 65 L50 60 L55 65 L60 60 L65 65 L70 60 Q75 65 70 55 L65 50 L75 45 L70 40 L65 35 Q70 30 65 25 L60 10 L50 20 Z" fill="orange"/>
<path d="M35 35 Q40 40 45 35 Q50 40 55 35 Q50 30 45 35" fill="white"/>
<path d="M38 32 L40 35 L38 38 Z M52 32 L50 35 L52 38 Z" fill="black"/>
<circle cx="42" cy="35" r="1" fill="black"/>
<circle cx="54" cy="35" r="1" fill="black"/>
<path d="M50 40 Q45 45 40 45 Q35 40 40 50 Q50 55 60 50 Q65 40 60 45 Q55 45 50 40" fill="white"/>
<path d="M30 70 L30 80 Q35 85 40 80 L40 70 Z M60 70 L60 80 Q55 85 50 80 L50 70 Z" fill="orange"/>
<path d="M25 85 L30 80 L35 85 Z M65 85 L60 80 L55 85 Z" fill="orange"/>
<path d="M50 50 L50 70" stroke="orange" stroke-width="2" stroke-linecap="round"/>
</svg>
constraint #46.5✕ CLOSE
Mistral Large (2512) · constraint · attempt 4 · score 6.5
cat likeness: 4.0aesthetic: 5.0technique: 7.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="40" r="15" fill="#333"/>
<path d="M35 35 Q50 20 65 35 L65 45 Q50 30 35 45 Z" fill="#333"/>
<circle cx="45" cy="37" r="2" fill="white"/>
<circle cx="55" cy="37" r="2" fill="white"/>
<path d="M45 42 Q50 45 55 42" stroke="white" stroke-width="1" fill="none"/>
<path d="M50 50 L50 70" stroke="#333" stroke-width="8" stroke-linecap="round"/>
<path d="M50 70 L35 80" stroke="#333" stroke-width="6" stroke-linecap="round"/>
<path d="M50 70 L65 80" stroke="#333" stroke-width="6" stroke-linecap="round"/>
<path d="M30 55 L20 50" stroke="#333" stroke-width="4" stroke-linecap="round"/>
<path d="M70 55 L80 50" stroke="#333" stroke-width="4" stroke-linecap="round"/>
<path d="M40 65 Q45 70 50 65" stroke="#333" stroke-width="2" fill="none"/>
</svg>animation
“Draw a cat whose tail sways continuously, as an SVG using SMIL or CSS animation only (no JavaScript).”
animation #16.8✕ CLOSE
Mistral Large (2512) · animation · attempt 1 · score 6.8
cat likeness: 6.0aesthetic: 5.0technique: 7.0prompt fidelity: 9.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
<style>
@keyframes sway {
0%, 100% { transform: rotate(-10deg); }
50% { transform: rotate(10deg); }
}
.tail {
transform-origin: 100px 130px;
animation: sway 2s ease-in-out infinite;
}
</style>
<path d="M100,50 C80,30 60,40 60,60 C60,80 70,90 80,90 L100,80 L120,90 C130,90 140,80 140,60 C140,40 120,30 100,50 Z" fill="#4a4a4a"/>
<path d="M80,90 C75,100 70,120 80,130 C90,140 100,140 110,130 C120,120 125,100 120,90" fill="#4a4a4a" class="tail"/>
<circle cx="90" cy="60" r="8" fill="#4a4a4a"/>
<circle cx="110" cy="60" r="8" fill="#4a4a4a"/>
<circle cx="90" cy="60" r="4" fill="white"/>
<circle cx="110" cy="60" r="4" fill="white"/>
<circle cx="92" cy="60" r="2" fill="black"/>
<circle cx="112" cy="60" r="2" fill="black"/>
<path d="M100,70 L100,80" stroke="#4a4a4a" stroke-width="2" stroke-linecap="round"/>
<path d="M95,75 L105,75" stroke="#4a4a4a" stroke-width="2" stroke-linecap="round"/>
<path d="M85,90 L80,100" stroke="#4a4a4a" stroke-width="3" stroke-linecap="round"/>
<path d="M115,90 L120,100" stroke="#4a4a4a" stroke-width="3" stroke-linecap="round"/>
<path d="M70,110 L65,120" stroke="#4a4a4a" stroke-width="3" stroke-linecap="round"/>
<path d="M130,110 L135,120" stroke="#4a4a4a" stroke-width="3" stroke-linecap="round"/>
</svg>
animation #27.3✕ CLOSE
Mistral Large (2512) · animation · attempt 2 · score 7.3
cat likeness: 7.0aesthetic: 6.0technique: 7.0prompt fidelity: 9.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
<style>
@keyframes sway {
0%, 100% { transform: rotate(-10deg); }
50% { transform: rotate(10deg); }
}
.tail {
transform-origin: 20px 50px;
animation: sway 2s ease-in-out infinite;
}
</style>
<g>
<!-- Body -->
<ellipse cx="100" cy="120" rx="30" ry="40" fill="#8B4513"/>
<!-- Head -->
<circle cx="100" cy="70" r="25" fill="#8B4513"/>
<!-- Ears -->
<polygon points="85,50 95,30 105,50" fill="#8B4513"/>
<polygon points="95,50 105,30 115,50" fill="#8B4513"/>
<!-- Eyes -->
<circle cx="90" cy="65" r="3" fill="black"/>
<circle cx="110" cy="65" r="3" fill="black"/>
<!-- Nose -->
<polygon points="100,70 95,75 105,75" fill="pink"/>
<!-- Whiskers -->
<line x1="85" y1="75" x2="60" y2="70" stroke="black" stroke-width="1"/>
<line x1="85" y1="75" x2="60" y2="80" stroke="black" stroke-width="1"/>
<line x1="115" y1="75" x2="140" y2="70" stroke="black" stroke-width="1"/>
<line x1="115" y1="75" x2="140" y2="80" stroke="black" stroke-width="1"/>
<!-- Legs -->
<rect x="75" y="150" width="10" height="30" fill="#8B4513"/>
<rect x="115" y="150" width="10" height="30" fill="#8B4513"/>
<rect x="85" y="150" width="10" height="20" fill="#8B4513"/>
<rect x="105" y="150" width="10" height="20" fill="#8B4513"/>
<!-- Tail -->
<path class="tail" d="M70,120 Q50,100 40,140 Q30,160 50,150" fill="none" stroke="#8B4513" stroke-width="8" stroke-linecap="round"/>
</g>
</svg>
animation #37.3✕ CLOSE
Mistral Large (2512) · animation · attempt 3 · score 7.3
cat likeness: 6.0aesthetic: 5.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" width="200" height="200">
<style>
@keyframes sway {
0%, 100% { transform: rotate(-10deg); }
50% { transform: rotate(10deg); }
}
.tail {
transform-origin: 100px 160px;
animation: sway 2s ease-in-out infinite;
}
</style>
<path d="M100,50 C120,30 140,30 160,50 C180,70 170,90 150,100 C130,110 120,130 100,120 C80,130 70,110 50,100 C30,90 20,70 40,50 C60,30 80,30 100,50 Z" fill="#f9c5d1"/>
<path d="M100,120 C100,150 80,170 80,190 L120,190 C120,170 100,150 100,120 Z" fill="#f9c5d1"/>
<path d="M70,190 L70,200 L90,200 L90,190 Z" fill="#f9c5d1"/>
<path d="M130,190 L130,200 L110,200 L110,190 Z" fill="#f9c5d1"/>
<circle cx="90" cy="70" r="8" fill="#5d4037"/>
<circle cx="110" cy="70" r="8" fill="#5d4037"/>
<circle cx="90" cy="70" r="4" fill="#fff"/>
<circle cx="110" cy="70" r="4" fill="#fff"/>
<circle cx="88" cy="68" r="2" fill="#000"/>
<circle cx="108" cy="68" r="2" fill="#000"/>
<path d="M100,85 L100,95" stroke="#5d4037" stroke-width="2" stroke-linecap="round"/>
<path d="M60,80 C70,60 90,60 100,80" fill="none" stroke="#5d4037" stroke-width="3" stroke-linecap="round"/>
<path d="M140,80 C130,60 110,60 100,80" fill="none" stroke="#5d4037" stroke-width="3" stroke-linecap="round"/>
<path class="tail" d="M100,120 C100,120 140,140 160,110 C180,80 170,50 150,60 C130,70 120,90 100,120 Z" fill="#f9c5d1"/>
</svg>
animation #48.3✕ CLOSE
Mistral Large (2512) · animation · attempt 4 · score 8.3
cat likeness: 8.0aesthetic: 7.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" width="200" height="200">
<style>
@keyframes sway {
0%, 100% { transform: rotate(0deg); }
25% { transform: rotate(10deg); }
50% { transform: rotate(0deg); }
75% { transform: rotate(-10deg); }
}
.tail {
transform-origin: 50% 100%;
animation: sway 2s infinite ease-in-out;
}
</style>
<g>
<!-- Body -->
<ellipse cx="100" cy="130" rx="30" ry="40" fill="#5a4a42"/>
<!-- Head -->
<circle cx="100" cy="80" r="25" fill="#5a4a42"/>
<!-- Ears -->
<path d="M85,65 L95,45 L105,65 Z" fill="#5a4a42"/>
<path d="M95,60 L105,40 L115,60 Z" fill="#5a4a42"/>
<!-- Eyes -->
<circle cx="92" cy="75" r="3" fill="#fff"/>
<circle cx="108" cy="75" r="3" fill="#fff"/>
<circle cx="92" cy="75" r="1.5" fill="#000"/>
<circle cx="108" cy="75" r="1.5" fill="#000"/>
<!-- Nose -->
<path d="M100,80 L98,85 L102,85 Z" fill="#ff6b6b"/>
<!-- Whiskers -->
<line x1="85" y1="82" x2="70" y2="80" stroke="#000" stroke-width="0.5"/>
<line x1="85" y1="85" x2="70" y2="85" stroke="#000" stroke-width="0.5"/>
<line x1="85" y1="88" x2="70" y2="90" stroke="#000" stroke-width="0.5"/>
<line x1="115" y1="82" x2="130" y2="80" stroke="#000" stroke-width="0.5"/>
<line x1="115" y1="85" x2="130" y2="85" stroke="#000" stroke-width="0.5"/>
<line x1="115" y1="88" x2="130" y2="90" stroke="#000" stroke-width="0.5"/>
<!-- Legs -->
<rect x="80" y="150" width="8" height="20" fill="#5a4a42"/>
<rect x="112" y="150" width="8" height="20" fill="#5a4a42"/>
<!-- Tail -->
<path class="tail" d="M70,130 Q50,150 60,170 Q70,190 80,170" fill="none" stroke="#5a4a42" stroke-width="8" stroke-linecap="round"/>
</g>
</svg>