Updated Feb 25, 2025

Our Verdict

Claude 3.7 SonnetWinner

GPT-4Runner-up

Pick Claude 3.7 Sonnet. In 2 blind votes, Claude 3.7 Sonnet wins 100% of the time. That's not luck.

Claude 3.7 Sonnet particularly excels in Image Generation. Claude 3.7 Sonnet is 4.0x cheaper per token — worth considering if cost matters.

Clear winner

vs

Ask them anything yourself

Claude 3.7 Sonnet

GPT-4

FAQ

Keep going

GPT-4 vs Llama 4 MaverickNew provider

Claude 3.7 Sonnet vs Gemini 2.5 Pro Preview 06-05New provider

Claude 3.7 Sonnet vs GPT-5Cross-provider

Claude 3.7 SonnetvsGPT-4

11 fights queued

Why Claude 3.7 Sonnet?

4.7x cheaper overall$3.00/M in · $15.00/M out

24.4x more context200K

21 months newerFeb 2025

Why GPT-4?

Dead even. This one's a coin flip.

Claude 3.7 SonnetGPT-4

Input price

$3.00/M

$30.00/M

Output price

$15.00/M

$60.00/M

Context

200K

8K

Released

Feb 2025

May 2023

Favorites

Claude 3.7 SonnetGPT-4

Movie

The Shawshank Redemption

The Shawshank Redemption

Blade Runner

Blade Runner

Album

OK Computer

OK Computer

Book

To Kill a Mockingbird

To Kill a Mockingbird

Gödel, Escher, Bach

Gödel, Escher, Bach

Douglas R. Hofstadter

City

Tokyo

Tokyo

Game

Portal 2

Portal 2

Shooter, Puzzle4.6

Minecraft

Minecraft

Action, Arcade4.4

11 / 11

01

SVG Layout Challengeimage generation

Tests an AI's ability to generate vector graphics

Claude 3.7 Sonnet

Claude 3.7 Sonnet

Anthropic · Feb 2025svg

Try this prompt

GPT-4

GPT-4

Openai · May 2023text

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.

Try this prompt

Vote

2 / 11

02

Xbox Controller SVG Artimage generation

Tests an AI's ability to create detailed SVG illustrations of gaming hardware

Claude 3.7 Sonnet

Claude 3.7 Sonnet

Anthropic · Feb 2025svg

Try this prompt

GPT-4

GPT-4

Openai · May 2023text

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.

Try this prompt

Vote

3 / 11

03

Mario Level UI Recreationweb design

Recreate an interactive, classic Mario level in a single HTML file.

Claude 3.7 Sonnet

Claude 3.7 Sonnet

Anthropic · Feb 2025website

Try this prompt

GPT-4

GPT-4

Openai · May 2023website

We can't display this one. It's not us. Well... it might be us.

The model was asked for a web page. It produced something else. We're not going to define what.

View raw output

Sorry, as a text-based AI, I'm unable to create a single-page self-contained HTML for a Super Mario Bros. level. However, I can provide a rough sketch of how the level can be designed.

Level Name: Mushroom Heights

1. The level starts in a small room with a "Mushroom" power-up. The player must jump up to reach it. This introduces players to the jumping mechanic.

2. The player then exits the room and enters a wide, open area. There are several platforms at different heights, each with a different enemy. This introduces players to the combat mechanic, as they must navigate past or defeat these enemies.

3. Next, the player encounters a series of pipes. Some pipes have piranha plants coming out of them, while others can be entered to reach hidden areas. This introduces players to the mechanic of entering pipes.

4. In the hidden areas, there are various power-ups and coins. The hidden areas are optional but reward exploration.

5. The level then has a series of tricky jumps, including moving platforms and areas where the player must jump off of enemies to reach high places. This tests the player's mastery of the jumping mechanic.

6. Finally, the level ends with a flagpole that the player must slide down. This is a classic ending to a Mario level.

Remember that this is just a rough sketch and the actual implementation would require a lot of coding and graphic design. Each part of the level should be designed in a way that it gradually introduces players to the game's mechanics and then tests their mastery of them. It's also important to keep the level fun and engaging, with a mix of challenges and rewards.

Try this prompt

Vote

4 / 11

04

Framer-Style Animationweb design

Tests an AI's ability to create smooth web animations

Claude 3.7 Sonnet

Claude 3.7 Sonnet

Anthropic · Feb 2025website

Try this prompt

GPT-4

GPT-4

Openai · May 2023text

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.

Try this prompt

Vote

5 / 11

05

World Map SVGimage generation

Tests an AI's ability to create a detailed world map in SVG format

Claude 3.7 Sonnet

Claude 3.7 Sonnet

Anthropic · Feb 2025svg

Try this prompt

GPT-4

GPT-4

Openai · May 2023text

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.

Try this prompt

Vote

6 / 11

06

Random Tailwind Webappweb design

Generate a single-page, self-contained HTML webapp using Tailwind CSS for a randomly chosen category/industry/niche.

Claude 3.7 Sonnet

Claude 3.7 Sonnet

Anthropic · Feb 2025website

Nothing here. The model returned empty. We stared at it for a while.

Try this prompt

GPT-4

GPT-4

Openai · May 2023website

Nothing here. The model returned empty. We stared at it for a while.

Try this prompt

Vote

7 / 11

07

Surprise Animal SVGimage generation

Generate SVG art of a randomly chosen animal in a setting of its choosing.

Claude 3.7 Sonnet

Claude 3.7 Sonnet

Anthropic · Feb 2025svg

Nothing here. The model returned empty. We stared at it for a while.

Try this prompt

GPT-4

GPT-4

Openai · May 2023text

Nothing here. The model returned empty. We stared at it for a while.

Try this prompt

Vote

8 / 11

08

Simple 7-Ingredient Recipeconversation

Generate a unique and simple recipe with common ingredients.

Claude 3.7 Sonnet

Claude 3.7 Sonnet

Anthropic · Feb 2025text

Nothing here. The model returned empty. We stared at it for a while.

Try this prompt

GPT-4

GPT-4

Openai · May 2023text

Nothing here. The model returned empty. We stared at it for a while.

Try this prompt

Vote

9 / 11

09

Beginner's Longevity Planreasoning

Create a starter plan for improving long-term health.

Claude 3.7 Sonnet

Claude 3.7 Sonnet

Anthropic · Feb 2025text

Nothing here. The model returned empty. We stared at it for a while.

Try this prompt

GPT-4

GPT-4

Openai · May 2023text

Nothing here. The model returned empty. We stared at it for a while.

Try this prompt

Vote

10 / 11

10

Retro macOS UI Recreationweb design

Recreate a classic, retro, macOS Desktop UI. Make it interactive and nostalgic, make it as interactive as you can, you can be creative. Feel free to showcase your skills. The entire application must be a single-page self-contained HTML file.

Claude 3.7 Sonnet

Claude 3.7 Sonnet

Anthropic · Feb 2025website

Try this prompt

GPT-4

GPT-4

Openai · May 2023website

Try this prompt

Vote

11 / 11

11

Voxel Art Pagoda Gardenweb design

Create a detailed voxel art scene of a pagoda in a beautiful garden using ThreeJS

Claude 3.7 Sonnet

Claude 3.7 Sonnet

Anthropic · Feb 2025website

Nothing here. The model returned empty. We stared at it for a while.

Try this prompt

GPT-4

GPT-4

Openai · May 2023website

Nothing here. The model returned empty. We stared at it for a while.

Try this prompt

Vote

11 of 11