Mistral Large (2407)
RANK 22 · MEOWSCORE 62.2 · legacy · FR · open
minimal
“Draw a minimal, flat-design cat as an SVG.”
minimal #14.0✕ CLOSE
Mistral Large (2407) · minimal · attempt 1 · 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" width="100" height="100">
<circle cx="50" cy="40" r="15" fill="#333"/>
<path d="M35 35 Q50 20 65 35" fill="#333"/>
<path d="M30 45 L25 55 L35 50 Z" fill="#333"/>
<path d="M70 45 L75 55 L65 50 Z" fill="#333"/>
<ellipse cx="50" cy="65" rx="20" ry="15" fill="#333"/>
<path d="M30 65 Q50 80 70 65" fill="#333"/>
<circle cx="45" cy="38" r="2" fill="#fff"/>
<circle cx="55" cy="38" r="2" fill="#fff"/>
<circle cx="45" cy="38" r="1" fill="#000"/>
<circle cx="55" cy="38" r="1" fill="#000"/>
<path d="M50 45 L50 55" stroke="#fff" stroke-width="1" stroke-linecap="round"/>
</svg>
minimal #24.0✕ CLOSE
Mistral Large (2407) · 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 8 5 10l-5 15h20l-5-15c3-2 5-6 5-10 0-8-7-14-15-14z" fill="#333"/>
<circle cx="42" cy="30" r="3" fill="#fff"/>
<circle cx="58" cy="30" r="3" fill="#fff"/>
<circle cx="42" cy="30" r="1.5" fill="#333"/>
<circle cx="58" cy="30" r="1.5" fill="#333"/>
<path d="M50 35c-2 0-3 2-3 4s1 4 3 4 3-2 3-4-1-4-3-4z" fill="#333"/>
<path d="M35 45c-5 0-9 4-9 9v5h28v-5c0-5-4-9-9-9z" fill="#333"/>
<path d="M25 54h50v2h-50z" fill="#333"/>
<path d="M35 60h30v2h-30z" fill="#333"/>
<path d="M40 65h20v2h-20z" fill="#333"/>
</svg>
minimal #34.8✕ CLOSE
Mistral Large (2407) · minimal · attempt 3 · score 4.8
cat likeness: 4.0aesthetic: 5.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 100 100" width="200" height="200">
<rect width="100" height="100" fill="#f9f9f9"/>
<path d="M50 20c-8 0-15 6-15 14 0 3 1 6 3 8l-8 12c-2 3-1 7 2 9 3 2 7 1 9-2l6-9 6 9c2 3 6 4 9 2 3-2 4-6 2-9l-8-12c2-2 3-5 3-8 0-8-7-14-15-14z" fill="#333"/>
<circle cx="42" cy="40" r="3" fill="#fff"/>
<circle cx="58" cy="40" r="3" fill="#fff"/>
<circle cx="42" cy="40" r="1.5" fill="#333"/>
<circle cx="58" cy="40" r="1.5" fill="#333"/>
<path d="M50 50c-2 0-4-1-5-2l-5-7c-1-2 0-4 2-5 2-1 4 0 5 2l5 7c1 2 0 4-2 5-1 1-2 1-4 1z" fill="#333"/>
<path d="M35 65c-5-2-5 5 0 3 5 2 15 2 20 0 5-2 5-5 0-3-5-2-15-2-20 0z" fill="#333"/>
</svg>
minimal #44.0✕ CLOSE
Mistral Large (2407) · minimal · attempt 4 · 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-5 0-9 4-9 9 0 2 1 4 3 5l-6 6c-2 2-2 5 0 7l6 6c2 2 3 3 3 5 0 5-4 9-9 9-2 0-4-1-5-2l-8-5c-1-1-2-1-3 0l-8 5c-1 1-3 2-5 2-5 0-9-4-9-9 0-2 1-4 3-5l6-6c2-2 2-5 0-7l-6-6c-2-2-3-3-3-5 0-5 4-9 9-9 5 0 9 4 9 9 0 1 0 2-1 3l-2 2c-1 1-1 2 0 3l2 2c1 1 2 1 3 0l2-2c1-1 2-2 2-3 0-5 4-9 9-9z" fill="#333"/>
<circle cx="42" cy="40" r="3" fill="#fff"/>
<circle cx="58" cy="40" r="3" fill="#fff"/>
<circle cx="42" cy="40" r="1.5" fill="#333"/>
<circle cx="58" cy="40" r="1.5" fill="#333"/>
<path d="M50 50c-2 0-4 1-5 2l-3-3c-1-1-3-1-4 0-1 1-1 3 0 4l3 3c1 1 3 1 4 0 1-1 3-2 5-2z" fill="#333"/>
<path d="M35 60c0-5 4-9 9-9s9 4 9 9" fill="none" stroke="#333" stroke-width="2" stroke-linecap="round"/>
</svg>realistic
“Draw a realistic sitting cat with visible fur shading as an SVG.”
realistic #16.3✕ CLOSE
Mistral Large (2407) · realistic · attempt 1 · score 6.3
cat likeness: 7.0aesthetic: 5.0technique: 7.0prompt fidelity: 6.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="#f5d5a3" />
<stop offset="50%" stop-color="#d4a574" />
<stop offset="100%" stop-color="#b8864d" />
</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="#ffffff" 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>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="3" dy="3" stdDeviation="2" flood-color="rgba(0,0,0,0.3)"/>
</filter>
</defs>
<!-- Background -->
<rect width="100%" height="100%" fill="#f0e6d2"/>
<!-- Cat Body -->
<path d="M250,200 Q200,180 180,220 Q160,260 180,300 Q200,340 250,320 Q300,340 320,300 Q340,260 320,220 Q300,180 250,200 Z" fill="url(#furGradient)" filter="url(#furTexture) url(#shadow)" stroke="#b8864d" stroke-width="0.5"/>
<!-- Cat Head -->
<circle cx="250" cy="150" r="50" fill="url(#furGradient)" filter="url(#furTexture)" stroke="#b8864d" stroke-width="0.5"/>
<path d="M200,120 Q225,100 250,120 Q275,100 300,120 Q280,140 250,150 Q220,140 200,120 Z" fill="url(#furGradient)" filter="url(#furTexture) url(#shadow)" stroke="#b8864d" stroke-width="0.5"/>
<!-- Ears -->
<path d="M220,100 L210,70 L230,85 Z" fill="url(#furGradient)" filter="url(#furTexture)" stroke="#b8864d" stroke-width="0.5"/>
<path d="M280,100 L290,70 L270,85 Z" fill="url(#furGradient)" filter="url(#furTexture)" stroke="#b8864d" stroke-width="0.5"/>
<path d="M222,95 L218,80 L228,88 Z" fill="#f5d5a3" stroke="#b8864d" stroke-width="0.3"/>
<path d="M278,95 L282,80 L272,88 Z" fill="#f5d5a3" stroke="#b8864d" stroke-width="0.3"/>
<!-- Eyes -->
<ellipse cx="230" cy="145" rx="8" ry="12" fill="#2a4d3a" filter="url(#shadow)"/>
<ellipse cx="270" cy="145" rx="8" ry="12" fill="#2a4d3a" filter="url(#shadow)"/>
<circle cx="233" cy="142" r="3" fill="#a8e6cf"/>
<circle cx="273" cy="142" r="3" fill="#a8e6cf"/>
<!-- Nose -->
<path d="M250,160 L245,165 L255,165 Z" fill="#ff9a8b" stroke="#b8864d" stroke-width="0.3"/>
<!-- Mouth -->
<path d="M250,165 Q250,170 245,175" stroke="#333" stroke-width="0.8" fill="none"/>
<path d="M250,165 Q250,170 255,175" stroke="#333" stroke-width="0.8" fill="none"/>
<!-- Whiskers -->
<line x1="220" y1="160" x2="180" y2="155" stroke="#333" stroke-width="0.5"/>
<line x1="220" y1="165" x2="180" y2="165" stroke="#333" stroke-width="0.5"/>
<line x1="220" y1="170" x2="180" y2="175" stroke="#333" stroke-width="0.5"/>
<line x1="280" y1="160" x2="320" y2="155" stroke="#333" stroke-width="0.5"/>
<line x1="280" y1="165" x2="320" y2="165" stroke="#333" stroke-width="0.5"/>
<line x1="280" y1="170" x2="320" y2="175" stroke="#333" stroke-width="0.5"/>
<!-- Front Legs -->
<path d="M200,300 Q190,320 190,350 Q190,370 200,380 L210,380 Q210,370 210,350 Q210,320 220,300 Z" fill="url(#furGradient)" filter="url(#furTexture) url(#shadow)" stroke="#b8864d" stroke-width="0.5"/>
<path d="M280,300 Q290,320 290,350 Q290,370 280,380 L270,380 Q270,370 270,350 Q270,320 260,300 Z" fill="url(#furGradient)" filter="url(#furTexture) url(#shadow)" stroke="#b8864d" stroke-width="0.5"/>
<!-- Back Legs -->
<path d="M180,300 Q160,320 150,350 Q140,380 160,390 Q180,380 190,350 Q195,320 180,300 Z" fill="url(#furGradient)" filter="url(#furTexture) url(#shadow)" stroke="#b8864d" stroke-width="0.5"/>
<path d="M320,300 Q340,320 350,350 Q360,380 340,390 Q320,380 310,350 Q305,320 320,300 Z" fill="url(#furGradient)" filter="url(#furTexture) url(#shadow)" stroke="#b8864d" stroke-width="0.5"/>
<!-- Tail -->
<path d="M350,300 Q380,280 400,320 Q420,360 400,380 Q380,400 350,380 Q340,360 350,300 Z" fill="url(#furGradient)" filter="url(#furTexture) url(#shadow)" stroke="#b8864d" stroke-width="0.5"/>
<!-- Fur Details -->
<path d="M200,220 Q220,200 240,210 Q260,200 280,220" stroke="#d4a574" stroke-width="0.8" fill="none" stroke-linecap="round"/>
<path d="M220,240 Q240,220 260,230 Q280,220 300,240" stroke="#d4a574" stroke-width="0.8" fill="none" stroke-linecap="round"/>
<path d="M190,260 Q210,240 230,250 Q250,240 270,260" stroke="#d4a574" stroke-width="0.8" fill="none" stroke-linecap="round"/>
<path d="M210,280 Q230,260 250,270 Q270,260 290,280" stroke="#d4a574" stroke-width="0.8" fill="none" stroke-linecap="round"/>
<path d="M230,300 Q250,280 270,290" stroke="#d4a574" stroke-width="0.8" fill="none" stroke-linecap="round"/>
</svg>
realistic #25.0✕ CLOSE
Mistral Large (2407) · realistic · attempt 2 · score 5.0
cat likeness: 7.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 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="#f5d5ae" 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>
<radialGradient id="eyeGradient" cx="50%" cy="50%" r="50%" fx="30%" fy="30%">
<stop offset="0%" stop-color="#00ff88"/>
<stop offset="100%" stop-color="#006644"/>
</radialGradient>
<linearGradient id="noseGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ff6b6b"/>
<stop offset="100%" stop-color="#ff1e1e"/>
</linearGradient>
<pattern id="stripes" patternUnits="userSpaceOnUse" width="10" height="10">
<path d="M0,0 L10,10 M5,-5 L15,5 M-5,5 L5,15" stroke="#000" stroke-width="1" opacity="0.1"/>
</pattern>
</defs>
<!-- Body -->
<path d="M250,200 Q200,180 180,220 Q160,260 180,300 Q200,340 250,320 Q300,340 320,300 Q340,260 320,220 Q300,180 250,200 Z" fill="#f5d5ae" filter="url(#fur)" stroke="#d4a574" stroke-width="1"/>
<!-- Head -->
<circle cx="250" cy="150" r="60" fill="#f5d5ae" filter="url(#fur)" stroke="#d4a574" stroke-width="1"/>
<!-- Ears -->
<path d="M210,100 Q220,80 240,90 Q260,80 270,100 L250,120 Z" fill="#f5d5ae" filter="url(#fur)" stroke="#d4a574" stroke-width="1"/>
<path d="M290,100 Q280,80 260,90 Q240,80 230,100 L250,120 Z" fill="#f5d5ae" filter="url(#fur)" stroke="#d4a574" stroke-width="1"/>
<path d="M215,105 Q225,90 240,95 Q255,90 265,105 L250,120 Z" fill="#d4a574" opacity="0.5"/>
<path d="M285,105 Q275,90 260,95 Q245,90 235,105 L250,120 Z" fill="#d4a574" opacity="0.5"/>
<!-- Eyes -->
<ellipse cx="230" cy="145" rx="12" ry="15" fill="white" stroke="#333" stroke-width="0.5"/>
<ellipse cx="270" cy="145" rx="12" ry="15" fill="white" stroke="#333" stroke-width="0.5"/>
<circle cx="230" cy="145" r="6" fill="url(#eyeGradient)"/>
<circle cx="270" cy="145" r="6" fill="url(#eyeGradient)"/>
<circle cx="233" cy="142" r="2" fill="black"/>
<circle cx="273" cy="142" r="2" fill="black"/>
<!-- Nose -->
<path d="M250,160 Q245,165 250,170 Q255,165 250,160 Z" fill="url(#noseGradient)"/>
<!-- Mouth -->
<path d="M250,170 Q245,175 250,180" stroke="#333" stroke-width="1" fill="none"/>
<path d="M250,170 Q255,175 250,180" stroke="#333" stroke-width="1" fill="none"/>
<!-- Whiskers -->
<line x1="220" y1="165" x2="180" y2="160" stroke="#333" stroke-width="0.5"/>
<line x1="220" y1="170" x2="180" y2="170" stroke="#333" stroke-width="0.5"/>
<line x1="220" y1="175" x2="180" y2="180" stroke="#333" stroke-width="0.5"/>
<line x1="280" y1="165" x2="320" y2="160" stroke="#333" stroke-width="0.5"/>
<line x1="280" y1="170" x2="320" y2="170" stroke="#333" stroke-width="0.5"/>
<line x1="280" y1="175" x2="320" y2="180" stroke="#333" stroke-width="0.5"/>
<!-- Front legs -->
<path d="M200,300 Q180,320 180,350 Q180,380 200,380 L220,380 Q220,350 220,320 Z" fill="#f5d5ae" filter="url(#fur)" stroke="#d4a574" stroke-width="1"/>
<path d="M280,300 Q300,320 300,350 Q300,380 280,380 L260,380 Q260,350 260,320 Z" fill="#f5d5ae" filter="url(#fur)" stroke="#d4a574" stroke-width="1"/>
<!-- Paws -->
<ellipse cx="210" cy="380" rx="15" ry="8" fill="#f5d5ae" filter="url(#fur)" stroke="#d4a574" stroke-width="1"/>
<ellipse cx="270" cy="380" rx="15" ry="8" fill="#f5d5ae" filter="url(#fur)" stroke="#d4a574" stroke-width="1"/>
<!-- Tail -->
<path d="M320,220 Q350,200 380,220 Q400,240 380,260 Q360,280 340,260 Q330,250 320,220 Z" fill="#f5d5ae" filter="url(#fur)" stroke="#d4a574" stroke-width="1"/>
<!-- Fur texture overlay -->
<rect width="100%" height="100%" fill="url(#stripes)" opacity="0.3"/>
<!-- Shadow -->
<ellipse cx="250" cy="390" rx="80" ry="15" fill="#333" opacity="0.2"/>
</svg>
realistic #36.3✕ CLOSE
Mistral Large (2407) · realistic · attempt 3 · score 6.3
cat likeness: 8.0aesthetic: 6.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 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="#f5d5a3" 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="#f5d5a3"/>
<stop offset="50%" stop-color="#e6b885"/>
<stop offset="100%" stop-color="#d69c56"/>
</linearGradient>
<linearGradient id="shadowGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#b8860b" stop-opacity="0.3"/>
<stop offset="100%" stop-color="#8b4513" stop-opacity="0.1"/>
</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 Q200,220 180,250 Q170,280 180,300 Q200,320 250,310 Q300,320 320,300 Q330,280 320,250 Q300,220 250,200 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<!-- Head -->
<circle cx="250" cy="150" r="60" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<path d="M210,120 Q230,100 250,120 Q270,100 290,120" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<!-- Ears -->
<path d="M210,100 L200,60 L230,90 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<path d="M290,100 L300,60 L270,90 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<path d="M212,95 L205,70 L225,90 Z" fill="#f5d5a3" stroke="#8b4513" stroke-width="0.5"/>
<path d="M288,95 L295,70 L275,90 Z" fill="#f5d5a3" stroke="#8b4513" stroke-width="0.5"/>
<!-- Eyes -->
<ellipse cx="230" cy="145" rx="12" ry="15" fill="#2a1e18" filter="url(#fur)"/>
<ellipse cx="270" cy="145" rx="12" ry="15" fill="#2a1e18" filter="url(#fur)"/>
<circle cx="235" cy="140" r="3" fill="#f5f5dc"/>
<circle cx="275" cy="140" r="3" fill="#f5f5dc"/>
<!-- Nose -->
<path d="M250,160 L245,170 L255,170 Z" fill="#ff9999" stroke="#8b4513" stroke-width="0.5"/>
<!-- Mouth -->
<path d="M250,170 Q250,180 240,185" stroke="#8b4513" stroke-width="1" fill="none"/>
<path d="M250,170 Q250,180 260,185" stroke="#8b4513" stroke-width="1" fill="none"/>
<!-- Whiskers -->
<line x1="230" y1="165" x2="180" y2="160" stroke="#2a1e18" stroke-width="1"/>
<line x1="230" y1="170" x2="180" y2="170" stroke="#2a1e18" stroke-width="1"/>
<line x1="230" y1="175" x2="180" y2="180" stroke="#2a1e18" stroke-width="1"/>
<line x1="270" y1="165" x2="320" y2="160" stroke="#2a1e18" stroke-width="1"/>
<line x1="270" y1="170" x2="320" y2="170" stroke="#2a1e18" stroke-width="1"/>
<line x1="270" y1="175" x2="320" y2="180" stroke="#2a1e18" stroke-width="1"/>
<!-- Front Legs -->
<path d="M200,300 Q190,320 200,340 Q210,350 220,340 L220,300 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<path d="M300,300 Q290,320 300,340 Q310,350 320,340 L320,300 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<!-- Paws -->
<ellipse cx="210" cy="340" rx="10" ry="5" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<ellipse cx="310" cy="340" rx="10" ry="5" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<!-- Tail -->
<path d="M320,250 Q350,230 380,250 Q400,270 380,300 Q360,320 330,300" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b4513" stroke-width="1"/>
<!-- Fur Shading -->
<path d="M200,220 Q180,250 180,280 Q180,300 200,320 Q220,330 250,320 Q280,330 300,320 Q320,300 320,280 Q320,250 300,220" fill="url(#shadowGradient)" opacity="0.5"/>
<path d="M210,130 Q200,150 200,170 Q200,190 220,200 Q240,200 250,190 Q260,200 280,200 Q300,190 300,170 Q300,150 290,130" fill="url(#shadowGradient)" opacity="0.3"/>
<!-- Fur Texture -->
<rect x="180" y="200" width="140" height="120" fill="url(#furPattern)" opacity="0.3"/>
</svg>
realistic #45.5✕ CLOSE
Mistral Large (2407) · realistic · attempt 4 · score 5.5
cat likeness: 7.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 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="#f5d5ae" surfaceScale="3" result="diffuse">
<feDistantLight azimuth="45" elevation="60"/>
</feDiffuseLighting>
<feComposite in="SourceGraphic" in2="diffuse" operator="arithmetic" k1="0" k2="1" k3="0.3" k4="0"/>
</filter>
<linearGradient id="bodyGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f5d5ae"/>
<stop offset="50%" stop-color="#d4a574"/>
<stop offset="100%" stop-color="#b8864a"/>
</linearGradient>
<linearGradient id="earGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f5d5ae"/>
<stop offset="100%" stop-color="#e6b885"/>
</linearGradient>
<linearGradient id="tailGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#d4a574"/>
<stop offset="100%" stop-color="#8b5a2b"/>
</linearGradient>
<pattern id="stripes" patternUnits="userSpaceOnUse" width="10" height="10">
<path d="M0,0 L10,10 M5,-5 L15,5 M-5,5 L5,15" stroke="#8b5a2b" stroke-width="1" opacity="0.3"/>
</pattern>
</defs>
<!-- Body -->
<path d="M250,200 Q200,250 150,280 Q100,300 80,320 Q60,340 60,360 Q60,380 80,380 Q100,380 120,360 Q140,340 150,320 Q180,300 220,280 Q250,250 280,280 Q320,300 350,320 Q370,340 380,360 Q390,380 370,380 Q350,380 330,360 Q310,340 300,320 Q280,300 250,280 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b5a2b" stroke-width="1"/>
<!-- Head -->
<circle cx="250" cy="150" r="60" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b5a2b" stroke-width="1"/>
<!-- Ears -->
<path d="M200,100 Q220,80 240,100 L220,120 Z" fill="url(#earGradient)" stroke="#8b5a2b" stroke-width="1"/>
<path d="M300,100 Q280,80 260,100 L280,120 Z" fill="url(#earGradient)" stroke="#8b5a2b" stroke-width="1"/>
<path d="M205,105 Q220,90 235,105 L220,115 Z" fill="#f5d5ae" stroke="#8b5a2b" stroke-width="0.5"/>
<path d="M295,105 Q280,90 265,105 L280,115 Z" fill="#f5d5ae" stroke="#8b5a2b" stroke-width="0.5"/>
<!-- Eyes -->
<ellipse cx="230" cy="150" rx="12" ry="15" fill="#2c1810" stroke="#000" stroke-width="0.5"/>
<ellipse cx="270" cy="150" rx="12" ry="15" fill="#2c1810" stroke="#000" stroke-width="0.5"/>
<circle cx="235" cy="145" r="3" fill="#fff"/>
<circle cx="275" cy="145" r="3" fill="#fff"/>
<!-- Nose -->
<path d="M250,165 L245,175 L255,175 Z" fill="#ff9999" stroke="#000" stroke-width="0.5"/>
<!-- Mouth -->
<path d="M250,175 Q250,185 240,185 M250,175 Q250,185 260,185" stroke="#000" stroke-width="0.5" fill="none"/>
<!-- Whiskers -->
<line x1="220" y1="170" x2="180" y2="165" stroke="#000" stroke-width="0.5"/>
<line x1="220" y1="175" x2="180" y2="175" stroke="#000" stroke-width="0.5"/>
<line x1="220" y1="180" x2="180" y2="185" stroke="#000" stroke-width="0.5"/>
<line x1="280" y1="170" x2="320" y2="165" stroke="#000" stroke-width="0.5"/>
<line x1="280" y1="175" x2="320" y2="175" stroke="#000" stroke-width="0.5"/>
<line x1="280" y1="180" x2="320" y2="185" stroke="#000" stroke-width="0.5"/>
<!-- Front Legs -->
<path d="M150,320 Q140,340 140,360 Q140,380 150,380 L160,380 Q170,380 170,360 Q170,340 160,320 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b5a2b" stroke-width="1"/>
<path d="M300,320 Q310,340 310,360 Q310,380 300,380 L290,380 Q280,380 280,360 Q280,340 290,320 Z" fill="url(#bodyGradient)" filter="url(#fur)" stroke="#8b5a2b" stroke-width="1"/>
<!-- Paws -->
<ellipse cx="155" cy="380" rx="8" ry="5" fill="#d4a574" stroke="#8b5a2b" stroke-width="0.5"/>
<ellipse cx="295" cy="380" rx="8" ry="5" fill="#d4a574" stroke="#8b5a2b" stroke-width="0.5"/>
<!-- Tail -->
<path d="M380,360 Q420,340 450,320 Q480,300 480,280 Q480,260 450,240 Q420,220 380,200" fill="none" stroke="url(#tailGradient)" stroke-width="15" stroke-linecap="round" filter="url(#fur)"/>
<!-- Fur details -->
<path d="M100,250 Q120,230 150,240 Q180,250 200,260" fill="none" stroke="#8b5a2b" stroke-width="0.5" opacity="0.5"/>
<path d="M300,260 Q320,250 350,240 Q380,230 400,250" fill="none" stroke="#8b5a2b" stroke-width="0.5" opacity="0.5"/>
<path d="M200,300 Q220,290 250,300 Q280,310 300,300" fill="none" stroke="#8b5a2b" stroke-width="0.5" opacity="0.5"/>
<rect x="100" y="250" width="300" height="130" fill="url(#stripes)" opacity="0.3"/>
</svg>action
“Draw a cat riding a bicycle as an SVG.”
action #16.0✕ CLOSE
Mistral Large (2407) · action · attempt 1 · score 6.0
cat likeness: 7.0aesthetic: 5.0technique: 5.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="350" cy="50" r="30" fill="#FFD700"/>
<path d="M340,40 Q350,20 360,40 Q370,30 360,50 Q350,60 340,50 Q330,60 340,40" fill="#FFD700"/>
<path d="M30,250 Q50,200 100,220 L120,200 Q130,180 150,190 Q170,200 160,220 Q150,240 130,230 L100,250 Z" fill="#FFA500"/>
<path d="M120,200 L150,170 L180,180 L160,220 Z" fill="#FFA500"/>
<path d="M100,220 L80,210 L70,240 L100,250 Z" fill="#FFA500"/>
<circle cx="120" cy="190" r="8" fill="#000"/>
<circle cx="140" cy="195" r="8" fill="#000"/>
<circle cx="125" cy="192" r="3" fill="#fff"/>
<circle cx="143" cy="196" r="3" fill="#fff"/>
<path d="M130,205 Q140,215 150,205" stroke="#000" stroke-width="2" fill="none"/>
<path d="M160,220 L180,210 L190,230 L160,240 Z" fill="#FFA500"/>
<path d="M100,250 L70,260 L80,280 L110,270 Z" fill="#FFA500"/>
<path d="M150,170 L170,150 L190,160 L180,180 Z" fill="#FFA500"/>
<path d="M70,240 L50,230 L40,260 L70,260 Z" fill="#FFA500"/>
<ellipse cx="130" cy="230" rx="25" ry="10" fill="#333"/>
<ellipse cx="130" cy="230" rx="20" ry="8" fill="#666"/>
<circle cx="200" cy="230" r="25" fill="#333"/>
<circle cx="200" cy="230" r="20" fill="#666"/>
<path d="M105,230 L155,230 L160,220 L150,210 L100,220 Z" fill="#333"/>
<path d="M195,230 L245,230 L250,220 L240,210 L190,220 Z" fill="#333"/>
<path d="M150,210 Q170,190 190,210" stroke="#333" stroke-width="3" fill="none"/>
<path d="M130,220 L140,200 L160,210" stroke="#333" stroke-width="2" fill="none"/>
<path d="M200,220 L210,200 L230,210" stroke="#333" stroke-width="2" fill="none"/>
<rect x="120" y="160" width="10" height="30" fill="#333" transform="rotate(-15 125 175)"/>
<rect x="180" y="150" width="10" height="30" fill="#333" transform="rotate(15 185 165)"/>
<path d="M100,250 L100,270 L90,280 L80,270 L80,250 Z" fill="#333"/>
<path d="M70,260 L70,280 L60,290 L50,280 L50,260 Z" fill="#333"/>
<path d="M160,240 L160,260 L170,270 L180,260 L180,240 Z" fill="#333"/>
<path d="M190,230 L190,250 L200,260 L210,250 L210,230 Z" fill="#333"/>
<path d="M130,230 L130,200 L140,190" stroke="#333" stroke-width="3" fill="none"/>
<path d="M200,230 L200,200 L210,190" stroke="#333" stroke-width="3" fill="none"/>
<ellipse cx="130" cy="180" rx="15" ry="8" fill="#FFA500"/>
<path d="M115,180 L145,180 L140,170 L120,170 Z" fill="#FFA500"/>
<circle cx="125" cy="175" r="2" fill="#000"/>
<path d="M170,150 L230,150 L240,140 L250,160 L240,180 L180,180 Z" fill="#8B4513"/>
<path d="M230,150 L230,130 L240,130 L240,150 Z" fill="#8B4513"/>
<circle cx="180" cy="180" r="8" fill="#333"/>
<circle cx="240" cy="160" r="8" fill="#333"/>
<ellipse cx="180" cy="180" rx="6" ry="3" fill="#666"/>
<ellipse cx="240" cy="160" rx="6" ry="3" fill="#666"/>
<path d="M140,190 L170,150" stroke="#333" stroke-width="3" fill="none"/>
<path d="M150,170 L230,150" stroke="#333" stroke-width="3" fill="none"/>
</svg>
action #26.0✕ CLOSE
Mistral Large (2407) · action · attempt 2 · score 6.0
cat likeness: 6.0aesthetic: 7.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 400 300" width="400" height="300">
<rect width="100%" height="100%" fill="#87CEEB"/>
<circle cx="350" cy="50" r="30" fill="#FFD700" />
<path d="M330 40 L350 20 L370 40 Z" fill="#FFD700"/>
<path d="M320 50 L380 50" stroke="#FFD700" stroke-width="2"/>
<path d="M340 60 L360 60" stroke="#FFD700" stroke-width="2"/>
<ellipse cx="200" cy="150" rx="80" ry="40" fill="#F5DEB3" transform="rotate(-10 200 150)"/>
<circle cx="170" cy="130" r="15" fill="#F5DEB3"/>
<circle cx="230" cy="130" r="15" fill="#F5DEB3"/>
<polygon points="160,120 170,115 180,120" fill="#000"/>
<polygon points="220,120 230,115 240,120" fill="#000"/>
<circle cx="175" cy="135" r="5" fill="#000"/>
<circle cx="225" cy="135" r="5" fill="#000"/>
<path d="M190 140 Q200 150 210 140" stroke="#000" stroke-width="2" fill="none"/>
<path d="M180 160 Q200 170 220 160" stroke="#8B4513" stroke-width="8" fill="none"/>
<ellipse cx="130" cy="190" rx="20" ry="15" fill="#F5DEB3"/>
<ellipse cx="270" cy="190" rx="20" ry="15" fill="#F5DEB3"/>
<path d="M110 190 L90 210 L150 210 Z" fill="#F5DEB3"/>
<path d="M290 190 L270 210 L330 210 Z" fill="#F5DEB3"/>
<circle cx="130" cy="190" r="10" fill="#8B4513"/>
<circle cx="270" cy="190" r="10" fill="#8B4513"/>
<path d="M100 200 L50 220" stroke="#333" stroke-width="8" fill="none"/>
<path d="M300 200 L350 220" stroke="#333" stroke-width="8" fill="none"/>
<circle cx="100" cy="200" r="20" fill="#333"/>
<circle cx="300" cy="200" r="20" fill="#333"/>
<circle cx="100" cy="200" r="10" fill="#FFF"/>
<circle cx="300" cy="200" r="10" fill="#FFF"/>
<path d="M100 200 L150 170" stroke="#333" stroke-width="5" fill="none"/>
<path d="M300 200 L250 170" stroke="#333" stroke-width="5" fill="none"/>
<rect x="180" y="170" width="40" height="20" fill="#333" rx="5"/>
<path d="M200 170 L200 150 L220 140" stroke="#333" stroke-width="5" fill="none"/>
<path d="M150 230 Q200 250 250 230" stroke="#228B22" stroke-width="3" fill="none"/>
<path d="M160 240 Q200 260 240 240" stroke="#228B22" stroke-width="2" fill="none"/>
</svg>
action #36.3✕ CLOSE
Mistral Large (2407) · action · attempt 3 · score 6.3
cat likeness: 7.0aesthetic: 6.0technique: 6.0prompt fidelity: 6.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="170" cy="30" r="20" fill="#FFD700"/>
<path d="M160,20 Q170,10 180,20 Q190,30 180,40 Q170,50 160,40 Q150,30 160,20" fill="#FFD700"/>
<ellipse cx="100" cy="120" rx="40" ry="20" fill="#FFA500" stroke="#000" stroke-width="2"/>
<circle cx="85" cy="110" r="8" fill="#FFF"/>
<circle cx="85" cy="110" r="4" fill="#000"/>
<circle cx="115" cy="110" r="8" fill="#FFF"/>
<circle cx="115" cy="110" r="4" fill="#000"/>
<path d="M80,120 Q100,130 120,120" fill="none" stroke="#000" stroke-width="2"/>
<path d="M70,100 Q60,90 50,100 Q40,110 50,120 Q60,130 70,120 Q80,110 70,100" fill="#FFA500" stroke="#000" stroke-width="2"/>
<path d="M130,100 Q140,90 150,100 Q160,110 150,120 Q140,130 130,120 Q120,110 130,100" fill="#FFA500" stroke="#000" stroke-width="2"/>
<path d="M60,110 L40,100 L45,120 Z" fill="#FFA500" stroke="#000" stroke-width="2"/>
<path d="M140,110 L160,100 L155,120 Z" fill="#FFA500" stroke="#000" stroke-width="2"/>
<path d="M70,130 Q100,140 130,130 Q130,150 100,160 Q70,150 70,130" fill="#FFA500" stroke="#000" stroke-width="2"/>
<path d="M90,135 L80,150 L90,160 L100,150 Z" fill="#FFA500" stroke="#000" stroke-width="2"/>
<path d="M110,135 L120,150 L110,160 L100,150 Z" fill="#FFA500" stroke="#000" stroke-width="2"/>
<circle cx="70" cy="170" r="15" fill="#333"/>
<circle cx="130" cy="170" r="15" fill="#333"/>
<path d="M55,170 L85,170 L100,150 L115,170 L145,170" fill="none" stroke="#000" stroke-width="3"/>
<rect x="90" y="140" width="20" height="10" fill="#8B4513"/>
<path d="M100,140 L100,120 L110,110" fill="none" stroke="#000" stroke-width="2"/>
<path d="M100,120 L90,110" fill="none" stroke="#000" stroke-width="2"/>
<path d="M80,115 Q90,110 100,115" fill="none" stroke="#000" stroke-width="2"/>
<path d="M100,115 Q110,110 120,115" fill="none" stroke="#000" stroke-width="2"/>
<path d="M50,170 L50,180 L60,180 L60,170" fill="#8B4513"/>
<path d="M140,170 L140,180 L150,180 L150,170" fill="#8B4513"/>
</svg>
action #46.0✕ CLOSE
Mistral Large (2407) · action · attempt 4 · score 6.0
cat likeness: 7.0aesthetic: 6.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="170" cy="30" r="20" fill="#FFD700"/>
<path d="M160,20 Q170,10 180,20" stroke="#FFD700" stroke-width="3" fill="none"/>
<path d="M150,40 Q170,30 190,40" stroke="#FFD700" stroke-width="3" fill="none"/>
<ellipse cx="100" cy="120" rx="40" ry="25" fill="#FFA500" stroke="#000" stroke-width="2"/>
<circle cx="85" cy="110" r="8" fill="#FFF"/>
<circle cx="85" cy="110" r="4" fill="#000"/>
<circle cx="115" cy="110" r="8" fill="#FFF"/>
<circle cx="115" cy="110" r="4" fill="#000"/>
<path d="M90,125 Q100,135 110,125" stroke="#000" stroke-width="2" fill="none"/>
<path d="M70,115 L80,105 L90,115" fill="#FFA500" stroke="#000" stroke-width="2"/>
<path d="M130,115 L120,105 L110,115" fill="#FFA500" stroke="#000" stroke-width="2"/>
<path d="M75,130 L65,140 L75,150 L85,140 Z" fill="#FFA500" stroke="#000" stroke-width="2"/>
<path d="M125,130 L135,140 L125,150 L115,140 Z" fill="#FFA500" stroke="#000" stroke-width="2"/>
<ellipse cx="60" cy="150" rx="15" ry="10" fill="#FFA500" stroke="#000" stroke-width="2"/>
<ellipse cx="140" cy="150" rx="15" ry="10" fill="#FFA500" stroke="#000" stroke-width="2"/>
<path d="M60,160 L60,180" stroke="#000" stroke-width="3"/>
<path d="M140,160 L140,180" stroke="#000" stroke-width="3"/>
<circle cx="60" cy="180" r="12" fill="#333"/>
<circle cx="140" cy="180" r="12" fill="#333"/>
<path d="M45,170 L75,170 L90,150 L110,150 L125,170 L155,170" stroke="#000" stroke-width="3" fill="none"/>
<path d="M100,120 L100,150" stroke="#000" stroke-width="3" fill="none"/>
<path d="M100,150 L85,170" stroke="#000" stroke-width="3" fill="none"/>
<path d="M100,150 L115,170" stroke="#000" stroke-width="3" fill="none"/>
<rect x="80" y="165" width="40" height="5" fill="#333"/>
<circle cx="90" cy="170" r="3" fill="#FFF"/>
</svg>style
“Draw an origami-style cat with geometric folds as an SVG.”
style #17.8✕ CLOSE
Mistral Large (2407) · style · attempt 1 · score 7.8
cat likeness: 7.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="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="2" flood-color="rgba(0,0,0,0.3)"/>
</filter>
</defs>
<!-- Background paper -->
<rect width="200" height="200" fill="url(#paper)" filter="url(#shadow)"/>
<!-- Origami cat body (geometric folds) -->
<g transform="translate(50, 30)">
<!-- Head -->
<polygon points="50,0 70,20 70,50 50,70 30,50 30,20" fill="#fff" stroke="#333" stroke-width="0.5"/>
<polygon points="50,0 60,10 50,20 40,10" fill="#eee" stroke="#333" stroke-width="0.5"/>
<polygon points="50,20 60,30 50,40 40,30" fill="#ddd" stroke="#333" stroke-width="0.5"/>
<polygon points="50,40 60,50 50,60 40,50" fill="#ccc" stroke="#333" stroke-width="0.5"/>
<!-- Ears -->
<polygon points="30,20 20,10 25,20" fill="#fff" stroke="#333" stroke-width="0.5"/>
<polygon points="70,20 80,10 75,20" fill="#fff" stroke="#333" stroke-width="0.5"/>
<polygon points="25,20 30,15 25,10" fill="#eee" stroke="#333" stroke-width="0.5"/>
<polygon points="75,20 70,15 75,10" fill="#eee" stroke="#333" stroke-width="0.5"/>
<!-- Eyes -->
<circle cx="40" cy="35" r="3" fill="#333"/>
<circle cx="60" cy="35" r="3" fill="#333"/>
<!-- Nose -->
<polygon points="50,45 52,47 48,47" fill="#333"/>
<!-- Whiskers -->
<line x1="45" y1="47" x2="30" y2="45" stroke="#333" stroke-width="0.5"/>
<line x1="45" y1="47" x2="30" y2="50" stroke="#333" stroke-width="0.5"/>
<line x1="55" y1="47" x2="70" y2="45" stroke="#333" stroke-width="0.5"/>
<line x1="55" y1="47" x2="70" y2="50" stroke="#333" stroke-width="0.5"/>
<!-- Body -->
<polygon points="30,50 10,70 10,120 30,100 50,120 70,100 90,120 90,70 70,50" fill="#fff" stroke="#333" stroke-width="0.5"/>
<polygon points="30,50 20,60 30,70" fill="#eee" stroke="#333" stroke-width="0.5"/>
<polygon points="70,50 80,60 70,70" fill="#eee" stroke="#333" stroke-width="0.5"/>
<polygon points="30,70 20,80 30,90 40,80" fill="#ddd" stroke="#333" stroke-width="0.5"/>
<polygon points="70,70 80,80 70,90 60,80" fill="#ddd" stroke="#333" stroke-width="0.5"/>
<polygon points="40,80 30,90 40,100 50,90" fill="#ccc" stroke="#333" stroke-width="0.5"/>
<polygon points="60,80 70,90 60,100 50,90" fill="#ccc" stroke="#333" stroke-width="0.5"/>
<!-- Tail -->
<path d="M90,90 Q110,70 120,100 Q115,120 95,110" fill="none" stroke="#333" stroke-width="0.5"/>
<polygon points="120,100 115,95 110,100 115,105" fill="#fff" stroke="#333" stroke-width="0.5"/>
<polygon points="110,100 105,95 100,100 105,105" fill="#eee" stroke="#333" stroke-width="0.5"/>
</g>
</svg>
style #28.0✕ CLOSE
Mistral Large (2407) · style · attempt 2 · score 8.0
cat likeness: 8.0aesthetic: 7.0technique: 9.0prompt fidelity: 8.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
<defs>
<linearGradient id="foldGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f9d5e5"/>
<stop offset="100%" stop-color="#eeac99"/>
</linearGradient>
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="2" dy="2" stdDeviation="3" 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,60" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<polygon points="100,40 80,20 60,60" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<!-- Inner ears -->
<polygon points="100,45 115,30 125,50" fill="#f4a6a6" stroke="#333" stroke-width="0.5"/>
<polygon points="100,45 85,30 75,50" fill="#f4a6a6" stroke="#333" stroke-width="0.5"/>
<!-- Body -->
<polygon points="60,100 100,120 140,100 140,160 100,180 60,160" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<!-- Legs -->
<polygon points="70,160 80,180 65,180" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<polygon points="90,160 100,180 85,180" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<polygon points="110,160 120,180 105,180" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<polygon points="130,160 140,180 125,180" fill="url(#foldGradient)" stroke="#333" stroke-width="1"/>
<!-- Tail -->
<path d="M140,100 Q160,80 160,120 Q160,160 140,140" fill="none" stroke="url(#foldGradient)" stroke-width="8" stroke-linecap="round"/>
<!-- Eyes -->
<circle cx="85" cy="80" r="8" fill="#333"/>
<circle cx="115" cy="80" r="8" fill="#333"/>
<circle cx="87" cy="78" r="3" fill="#fff"/>
<circle cx="117" cy="78" r="3" fill="#fff"/>
<!-- Nose -->
<polygon points="100,90 105,95 95,95" fill="#333"/>
<!-- Mouth -->
<path d="M100,95 Q100,100 95,102" fill="none" stroke="#333" stroke-width="1"/>
<path d="M100,95 Q100,100 105,102" fill="none" 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 #38.5✕ CLOSE
Mistral Large (2407) · 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="#f9f9f9"/>
<stop offset="100%" stop-color="#d9d9d9"/>
</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>
<!-- Head -->
<polygon points="100,30 130,50 130,90 100,110 70,90 70,50" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5" filter="url(#shadow)"/>
<!-- Ears -->
<polygon points="70,50 85,30 100,30" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5"/>
<polygon points="100,30 115,30 130,50" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5"/>
<!-- Inner ears -->
<polygon points="75,45 85,35 95,45" fill="#e0e0e0" stroke="#333" stroke-width="0.3"/>
<polygon points="105,45 115,35 125,45" fill="#e0e0e0" stroke="#333" stroke-width="0.3"/>
<!-- Body -->
<polygon points="70,90 100,110 100,150 70,130" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5"/>
<polygon points="130,90 100,110 100,150 130,130" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5"/>
<!-- Legs -->
<polygon points="70,130 80,130 80,150 70,150" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5"/>
<polygon points="90,130 100,130 100,150 90,150" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5"/>
<polygon points="100,130 110,130 110,150 100,150" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5"/>
<polygon points="120,130 130,130 130,150 120,150" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5"/>
<!-- Tail -->
<path d="M130,90 Q150,70 160,90 Q170,110 150,120 Q140,125 130,110" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5"/>
<!-- Eyes -->
<polygon points="85,65 90,70 85,75 80,70" fill="#333"/>
<polygon points="110,65 115,70 110,75 105,70" fill="#333"/>
<!-- Nose -->
<polygon points="98,80 102,80 100,85" fill="#333"/>
<!-- Mouth -->
<path d="M95,88 Q100,92 105,88" stroke="#333" stroke-width="0.5" fill="none"/>
<!-- Fold lines -->
<line x1="100" y1="30" x2="100" y2="110" stroke="#333" stroke-width="0.3" stroke-dasharray="2,1"/>
<line x1="70" y1="50" x2="130" y2="50" stroke="#333" stroke-width="0.3" stroke-dasharray="2,1"/>
<line x1="70" y1="90" x2="130" y2="90" stroke="#333" stroke-width="0.3" stroke-dasharray="2,1"/>
<line x1="100" y1="110" x2="100" y2="150" stroke="#333" stroke-width="0.3" stroke-dasharray="2,1"/>
</svg>
style #49.0✕ CLOSE
Mistral Large (2407) · style · attempt 4 · score 9.0
cat likeness: 9.0aesthetic: 8.0technique: 9.0prompt fidelity: 10.0
the actual svg, as the machine wrote it:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
<defs>
<linearGradient id="foldGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#f9f9f9" />
<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>
<!-- Head -->
<polygon points="100,30 140,60 130,100 70,100 60,60" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5" filter="url(#shadow)" />
<polygon points="100,30 140,60 135,50" fill="#e8e8e8" stroke="#333" stroke-width="0.5" />
<polygon points="100,30 60,60 65,50" fill="#e8e8e8" stroke="#333" stroke-width="0.5" />
<!-- Ears -->
<polygon points="140,60 160,40 145,55" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5" />
<polygon points="60,60 40,40 55,55" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5" />
<polygon points="160,40 150,30 145,55" fill="#e8e8e8" stroke="#333" stroke-width="0.5" />
<polygon points="40,40 50,30 55,55" fill="#e8e8e8" stroke="#333" stroke-width="0.5" />
<!-- Body -->
<polygon points="70,100 130,100 150,150 50,150" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5" filter="url(#shadow)" />
<polygon points="130,100 150,150 140,140" fill="#e8e8e8" stroke="#333" stroke-width="0.5" />
<polygon points="70,100 50,150 60,140" fill="#e8e8e8" stroke="#333" stroke-width="0.5" />
<!-- Legs -->
<polygon points="70,150 80,170 90,150" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5" />
<polygon points="110,150 120,170 130,150" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5" />
<polygon points="50,150 60,170 70,150" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5" />
<polygon points="130,150 140,170 150,150" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5" />
<!-- Tail -->
<polygon points="150,150 170,140 165,160" fill="url(#foldGradient)" stroke="#333" stroke-width="0.5" />
<polygon points="170,140 180,130 165,160" fill="#e8e8e8" stroke="#333" stroke-width="0.5" />
<!-- Eyes -->
<circle cx="85" cy="70" r="5" fill="#333" />
<circle cx="115" cy="70" r="5" fill="#333" />
<!-- Nose -->
<polygon points="100,80 95,85 105,85" fill="#333" />
<!-- Whiskers -->
<line x1="90" y1="85" x2="70" y2="80" stroke="#333" stroke-width="0.5" />
<line x1="90" y1="85" x2="70" y2="90" stroke="#333" stroke-width="0.5" />
<line x1="110" y1="85" x2="130" y2="80" stroke="#333" stroke-width="0.5" />
<line x1="110" y1="85" x2="130" y2="90" stroke="#333" stroke-width="0.5" />
<!-- Fold lines -->
<line x1="100" y1="30" x2="100" y2="100" stroke="#333" stroke-width="0.3" stroke-dasharray="2,2" />
<line x1="100" y1="100" x2="100" y2="150" stroke="#333" stroke-width="0.3" stroke-dasharray="2,2" />
<line x1="70" y1="100" x2="130" y2="100" stroke="#333" stroke-width="0.3" stroke-dasharray="2,2" />
</svg>constraint
“Draw a recognizable cat as an SVG using at most 12 SVG elements.”
constraint #17.8✕ CLOSE
Mistral Large (2407) · constraint · attempt 1 · score 7.8
cat likeness: 7.0aesthetic: 6.0technique: 8.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 15 L30 10 L20 20 L15 30 L20 40 L25 35 L30 40 L35 30 Z" fill="#333"/>
<path d="M50 20 L60 10 L65 15 L70 10 L80 20 L85 30 L80 40 L75 35 L70 40 L65 30 Z" fill="#333"/>
<circle cx="50" cy="50" r="25" fill="#f9c" stroke="#333" stroke-width="2"/>
<path d="M50 55 L50 70 M45 70 L55 70" stroke="#333" stroke-width="2" stroke-linecap="round"/>
<path d="M35 50 Q40 45 50 50 Q60 45 65 50" fill="none" stroke="#333" stroke-width="2"/>
<circle cx="42" cy="45" r="3" fill="#333"/>
<circle cx="58" cy="45" r="3" fill="#333"/>
<path d="M45 35 L50 30 L55 35" fill="none" stroke="#333" stroke-width="2"/>
<path d="M30 60 L25 65 L30 70" fill="none" stroke="#333" stroke-width="2"/>
<path d="M70 60 L75 65 L70 70" fill="none" stroke="#333" stroke-width="2"/>
<path d="M50 75 Q55 80 50 85 Q45 80 50 75" fill="#333"/>
</svg>
constraint #27.3✕ CLOSE
Mistral Large (2407) · constraint · attempt 2 · 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="M30 60 Q20 50 20 40 Q20 30 30 25 Q35 20 40 25 Q45 20 50 25 Q55 20 60 25 Q70 30 70 40 Q70 50 60 60 L60 70 Q60 80 50 80 Q40 80 40 70 Z" fill="#555"/>
<path d="M35 55 L35 65 Q35 68 37 68 L43 68 Q45 68 45 65 L45 55 Z" fill="#fff"/>
<path d="M55 55 L55 65 Q55 68 57 68 L63 68 Q65 68 65 65 L65 55 Z" fill="#fff"/>
<circle cx="40" cy="60" r="2" fill="#000"/>
<circle cx="60" cy="60" r="2" fill="#000"/>
<path d="M45 65 Q50 70 55 65" stroke="#000" stroke-width="1" fill="none"/>
<path d="M25 45 L20 35" stroke="#555" stroke-width="2" stroke-linecap="round"/>
<path d="M75 45 L80 35" stroke="#555" stroke-width="2" stroke-linecap="round"/>
<path d="M35 30 L30 25" stroke="#555" stroke-width="2" stroke-linecap="round"/>
<path d="M65 30 L70 25" stroke="#555" stroke-width="2" stroke-linecap="round"/>
<circle cx="50" cy="40" r="3" fill="#f9c"/>
</svg>
constraint #37.5✕ CLOSE
Mistral Large (2407) · constraint · attempt 3 · score 7.5
cat likeness: 7.0aesthetic: 6.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="20" fill="#f9c846"/>
<path d="M30 40 L25 30 L35 35 Z M70 40 L75 30 L65 35 Z" fill="#000"/>
<ellipse cx="50" cy="65" rx="15" ry="25" fill="#f9c846"/>
<path d="M35 50 Q50 30 65 50 Q50 70 35 50" fill="#f9c846"/>
<circle cx="45" cy="35" r="2" fill="#000"/>
<circle cx="55" cy="35" r="2" fill="#000"/>
<path d="M50 45 Q55 50 50 55 Q45 50 50 45" fill="#000"/>
<path d="M20 70 Q30 60 40 70" stroke="#000" stroke-width="2" fill="none"/>
<path d="M60 70 Q70 60 80 70" stroke="#000" stroke-width="2" fill="none"/>
<path d="M40 85 L45 95 L50 85" fill="#f9c846"/>
<path d="M50 85 L55 95 L60 85" fill="#f9c846"/>
</svg>
constraint #47.3✕ CLOSE
Mistral Large (2407) · constraint · attempt 4 · 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 30 L60 20 L70 30 L75 40 L70 50 L60 55 L50 50 L40 55 L30 50 L25 40 L30 30 Z" fill="#555"/>
<path d="M50 50 L55 60 L50 70 L45 60 Z" fill="#555"/>
<path d="M30 50 L25 60 L30 70" stroke="#555" stroke-width="2" fill="none"/>
<path d="M70 50 L75 60 L70 70" stroke="#555" stroke-width="2" fill="none"/>
<circle cx="42" cy="38" r="3" fill="#fff"/>
<circle cx="58" cy="38" r="3" fill="#fff"/>
<circle cx="42" cy="38" r="1.5" fill="#000"/>
<circle cx="58" cy="38" r="1.5" fill="#000"/>
<path d="M45 45 L50 50 L55 45" stroke="#000" stroke-width="1" fill="none"/>
<circle cx="50" cy="65" r="2" fill="#555"/>
<path d="M35 80 Q50 70 65 80" stroke="#555" stroke-width="3" fill="none"/>
</svg>animation
“Draw a cat whose tail sways continuously, as an SVG using SMIL or CSS animation only (no JavaScript).”
animation #16.0✕ CLOSE
Mistral Large (2407) · animation · attempt 1 · score 6.0
cat likeness: 5.0aesthetic: 4.0technique: 7.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" width="200" height="200">
<style>
@keyframes sway {
0%, 100% { transform: rotate(-10deg); }
50% { transform: rotate(10deg); }
}
.tail {
transform-origin: 20px 100px;
animation: sway 2s ease-in-out infinite;
}
</style>
<path d="M60,120 Q40,100 20,100 Q10,90 15,70 Q20,50 30,60 Q40,70 50,80 Q60,90 60,120" fill="#8B4513" class="tail"/>
<circle cx="80" cy="80" r="30" fill="#FFA500"/>
<circle cx="70" cy="70" r="5" fill="#000"/>
<circle cx="90" cy="70" r="5" fill="#000"/>
<path d="M80,90 Q80,100 75,105" stroke="#000" stroke-width="2" fill="none"/>
<path d="M80,90 Q80,100 85,105" stroke="#000" stroke-width="2" fill="none"/>
<path d="M60,80 L50,70 L55,75 Z" fill="#8B4513"/>
<path d="M100,80 L110,70 L105,75 Z" fill="#8B4513"/>
<path d="M80,50 L80,40 L75,45 Z" fill="#8B4513"/>
<path d="M70,60 Q80,50 90,60" fill="#FFA500"/>
</svg>
animation #28.0✕ CLOSE
Mistral Large (2407) · animation · attempt 2 · 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">
<style>
@keyframes sway {
0%, 100% { transform: rotate(-10deg); }
50% { transform: rotate(10deg); }
}
.tail {
transform-origin: 100% 50%;
animation: sway 2s ease-in-out infinite;
}
</style>
<g>
<!-- Body -->
<ellipse cx="100" cy="120" rx="30" ry="40" fill="#8e44ad"/>
<!-- Head -->
<circle cx="100" cy="70" r="25" fill="#8e44ad"/>
<!-- Ears -->
<polygon points="85,50 95,35 105,50" fill="#8e44ad"/>
<polygon points="115,50 105,35 95,50" fill="#8e44ad"/>
<!-- Eyes -->
<circle cx="90" cy="65" r="4" fill="#2c3e50"/>
<circle cx="110" cy="65" r="4" fill="#2c3e50"/>
<!-- Nose -->
<polygon points="100,75 95,80 105,80" fill="#e74c3c"/>
<!-- Whiskers -->
<line x1="80" y1="75" x2="60" y2="70" stroke="#ecf0f1" stroke-width="1"/>
<line x1="80" y1="80" x2="60" y2="80" stroke="#ecf0f1" stroke-width="1"/>
<line x1="80" y1="85" x2="60" y2="90" stroke="#ecf0f1" stroke-width="1"/>
<line x1="120" y1="75" x2="140" y2="70" stroke="#ecf0f1" stroke-width="1"/>
<line x1="120" y1="80" x2="140" y2="80" stroke="#ecf0f1" stroke-width="1"/>
<line x1="120" y1="85" x2="140" y2="90" stroke="#ecf0f1" stroke-width="1"/>
<!-- Legs -->
<rect x="80" y="150" width="8" height="20" fill="#8e44ad"/>
<rect x="112" y="150" width="8" height="20" fill="#8e44ad"/>
<!-- Tail -->
<path class="tail" d="M70,120 Q50,110 40,130 Q30,150 50,160 Q70,170 80,150" fill="none" stroke="#8e44ad" stroke-width="8" stroke-linecap="round"/>
</g>
</svg>
animation #35.3✕ CLOSE
Mistral Large (2407) · animation · attempt 3 · score 5.3
cat likeness: 4.0aesthetic: 4.0technique: 5.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" width="200" height="200">
<style>
@keyframes sway {
0%, 100% { transform: rotate(-10deg); }
50% { transform: rotate(10deg); }
}
.tail {
transform-origin: 30% 50%;
animation: sway 2s ease-in-out infinite;
}
</style>
<g>
<path d="M100,80 Q120,60 140,70 Q160,80 150,100 Q155,120 140,130 Q125,140 110,130 Q95,120 100,100 Z" fill="#5a4a42"/>
<circle cx="100" cy="90" r="25" fill="#5a4a42"/>
<circle cx="90" cy="85" r="5" fill="white"/>
<circle cx="110" cy="85" r="5" fill="white"/>
<circle cx="88" cy="83" r="2" fill="black"/>
<circle cx="108" cy="83" r="2" fill="black"/>
<path d="M95,95 Q100,105 105,95" stroke="black" stroke-width="1" fill="none"/>
<path d="M70,80 L60,70 L65,80 Z" fill="#5a4a42"/>
<path d="M130,80 L140,70 L135,80 Z" fill="#5a4a42"/>
<path class="tail" d="M70,110 Q50,130 40,150 Q30,170 50,180 Q70,190 80,170 Q90,150 75,130 Q60,110 70,110 Z" fill="#5a4a42"/>
</g>
</svg>
animation #45.3✕ CLOSE
Mistral Large (2407) · animation · attempt 4 · score 5.3
cat likeness: 4.0aesthetic: 3.0technique: 6.0prompt fidelity: 8.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">
<defs>
<style>
@keyframes sway {
0%, 100% { transform: rotate(-10deg); }
50% { transform: rotate(10deg); }
}
.tail {
transform-origin: 200px 150px;
animation: sway 2s ease-in-out infinite;
}
</style>
</defs>
<path d="M100,150 Q120,100 140,130 Q160,160 180,140 L200,150 Q220,160 240,140 Q260,120 280,150" fill="none" stroke="#333" stroke-width="8" stroke-linecap="round"/>
<path d="M200,150 L220,180 L200,200 L180,180 Z" fill="#333"/>
<circle cx="120" cy="120" r="30" fill="#333"/>
<circle cx="110" cy="110" r="5" fill="white"/>
<circle cx="130" cy="110" r="5" fill="white"/>
<circle cx="110" cy="110" r="2" fill="black"/>
<circle cx="130" cy="110" r="2" fill="black"/>
<path d="M105,130 Q115,140 125,130" fill="none" stroke="white" stroke-width="2"/>
<path class="tail" d="M200,150 Q220,180 240,160 Q260,140 280,170" fill="none" stroke="#333" stroke-width="8" stroke-linecap="round"/>
<path d="M140,130 Q150,120 160,130 Q170,140 180,130" fill="none" stroke="#333" stroke-width="3"/>
<path d="M160,130 Q170,120 180,130" fill="none" stroke="#333" stroke-width="3"/>
</svg>