Mistral: Devstral 2 2512 vs GPT-4
Compare Mistral: Devstral 2 2512 by Mistral AI against GPT-4 by OpenAI, tested across 10 shared challenges. Updated February 2026.
FAQ
Loading share button...
Mistral: Devstral 2 2512vsGPT-4
10 challenges
Why Mistral: Devstral 2 2512?
31 months newerDec 2025
Why GPT-4?
No standout advantages
Favorites
Mistral: Devstral 2 2512GPT-4
10 / 10
SVG Layout Challengeimage generation
Tests an AI's ability to generate vector graphics
GPT-4
As a AI text-based model, I'm currently unable to create SVG or any kind of images. However, I can guide you on how to do that. You will need to sketch a pelican riding a bicycle, scan or digitally draw your design, and then use a vector graphic software like Adobe Illustrator or Inkscape to create an SVG file of your design.
Vote
2 / 10
Xbox Controller SVG Artimage generation
Tests an AI's ability to create detailed SVG illustrations of gaming hardware
Mistral: Devstral 2 2512
GPT-4
As a text-based AI model developed by OpenAI, I'm incapable of creating images or drawings, such as requested vector or SVG graphics. I recommend you to use vector graphic software like Adobe Illustrator, Inkscape, or reach out to graphic designers who can make such an SVG art. However, I can generate pseudo-code as a guide for graphic designers to create SVG art:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
// Draw the main shape of the xbox controller
<path of main body shape>
// Draw the two joysticks
<circle_based_on_the_design_of_the_joystick_1>
<circle_based_on_the_design_of_the_joystick_2>
// Draw the D-pad
<path representing D-pad_up_shape>
<path representing D-pad_down_shape>
<path representing D-pad_left_shape>
<path representing D-pad_right_shape>
// Draw regular buttons (A, B, X, Y)
<circle_based_on_the_design_of_button_A>
<circle_based_on_the_design_of_button_B>
<circle_based_on_the_design_of_button_X>
<circle_based_on_the_design_of_button_Y>
// Draw special buttons (Start, Back, Xbox Button)
<shape_based_on_the_design_of_start_button>
<shape_based_on_the_design_of_back_button>
<shape_based_on_the_design_of_xbox_button>
</svg>
Please, replace the placeholders with actual SVG path and circle commands with correct coordinates. The colors, gradients, and other design specifications can be implemented within each individual element.
Vote
3 / 10
Framer-Style Animationweb design
Tests an AI's ability to create smooth web animations
Mistral: Devstral 2 2512
GPT-4
As a language model AI, I currently don't have the capability to design web pages or generate HTML codes with transitions/animations. However, I can guide you on how to create it.
For making a landing page with Framer-like transitions, you could use tools such as HTML, CSS, and JavaScript with a library like jQuery.
Below is the basic code structure:
HTML Structure:
<body>
<div id="section1">Section 1</div>
<div id="section2">Section 2</div>
<div id="section3">Section 3</div>
</body>
CSS Styles:
body {
font-family: Arial, sans-serif;
}
div {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
#section1 {
background: #1abc9c;
color: white;
}
#section2 {
background: #2ecc71;
color: white;
}
#section3 {
background: #3498db;
color: white;
}
JavaScript/jQuery for the transition effect between sections:
$(document).ready( function() {
$('body').css('display', 'none');
$('body').fadeIn(2000);
});
$('a.link').click(function(event){
event.preventDefault();
newLocation = this.href;
$('body').fadeOut(1000, newpage);
});
function newpage() {
window.location = newLocation;
}
Please note that you'll need to include the jQuery library above the script to make it work.
This code will create a simple landing page with 3 sections. Each section will take the full height of the viewport and will be centered. The jQuery part makes the page fade in when loaded and fade out when a link is clicked.
Please remember to replace the 'a.link' with the actual link you want the transition to occur on. Also, it's best to use local development environments or text editors to write HTML, CSS, and JavaScript codes.
Vote
Sponsored
4 / 10
World Map SVGimage generation
Tests an AI's ability to create a detailed world map in SVG format
Mistral: Devstral 2 2512
GPT-4
As an AI text-based model, I am unable to create visuals or graphical content, including SVG maps. However, I can guide you on how to do this.\n\nFirst, you'll need an SVG editor like Inkscape or an online SVG editor.\n\nTo create a simple world map SVG:\n\n1. Import a real world map into your SVG editor.\n2. Use drawing tools to outline the continents.\n3. Fill each continent with a unique color.\n4. Add text labels on top of at least 5 major countries, for example, the US, China, Russia, Brazil, and Australia.\n\nYou might need some knowledge of SVG syntax to manipulate the SVG elements and attributes. Here's a basic example of SVG syntax for a circle:\n\nHTML\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"500\" height=\"500\">\n <circle cx=\"250\" cy=\"250\" r=\"200\" fill=\"blue\" />\n</svg>\n\nIn this code snippet, cx, cy define the center of the circle, r is the radius, and fill defines the fill color.\n\nSince creating complex diagrams like world maps in SVG manually can be complex, you should consider using libraries such as D3.js that can help you manipulate SVG images and produce geographical data-based visualizations easily.
Vote
5 / 10
Random Tailwind Webappweb design
Generate a single-page, self-contained HTML webapp using Tailwind CSS for a randomly chosen category/industry/niche.
Mistral: Devstral 2 2512
GPT-4
Vote
6 / 10
Surprise Animal SVGimage generation
Generate SVG art of a randomly chosen animal in a setting of its choosing.
Mistral: Devstral 2 2512
GPT-4
As an AI, I'm currently unable to generate visual graphics or SVG arts directly. You might need a human artist or a specialized AI-based graphic design tool for this particular request. My main function is to assist users in generating human-like text based on the prompts given to me. Let me know if there's any text-based assistance you need!
Vote
7 / 10
Simple 7-Ingredient Recipeconversation
Generate a unique and simple recipe with common ingredients.
Mistral: Devstral 2 2512
No content available for this output.
GPT-4
No content available for this output.
Vote
8 / 10
Beginner's Longevity Planreasoning
Create a starter plan for improving long-term health.
Mistral: Devstral 2 2512
No content available for this output.
GPT-4
No content available for this output.
Vote
9 / 10
Voxel Art Pagoda Gardenweb design
Create a detailed voxel art scene of a pagoda in a beautiful garden using ThreeJS
Mistral: Devstral 2 2512
No content available for this output.
GPT-4
No content available for this output.
Vote
10 / 10
Music App Landing Pageweb design
Design a modern, minimal landing page for a music streaming app with hero, features, and CTA sections.
Mistral: Devstral 2 2512
No content available for this output.
GPT-4
Vote
10 of 10