Claude 3 Haiku vs GPT-4
Compare Claude 3 Haiku by Anthropic against GPT-4 by OpenAI, context windows of 200K vs 8K, tested across 21 shared challenges. Updated February 2026.
FAQ
Loading share button...
Claude 3 HaikuvsGPT-4
21 challenges
Why Claude 3 Haiku?
56.5x cheaper overall$0.25/M in · $1.25/M out
24.4x more context200K
Leads 1 of 1 benchmarks
Stronger on HumanEval88.1% vs 67.0%
9 months newerMar 2024
Why GPT-4?
No standout advantages
Favorites
Claude 3 HaikuGPT-4
12 / 21
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 / 21
Xbox Controller SVG Artimage generation
Tests an AI's ability to create detailed SVG illustrations of gaming hardware
Claude 3 Haiku
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 / 21
Mario Level UI Recreationweb design
Recreate an interactive, classic Mario level in a single HTML file.
Claude 3 Haiku
GPT-4
Couldn't render this response
This model didn't return a displayable web page for this challenge.
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.
Vote
4 / 21
Framer-Style Animationweb design
Tests an AI's ability to create smooth web animations
Claude 3 Haiku
No content available for this output.
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
5 / 21
World Map SVGimage generation
Tests an AI's ability to create a detailed world map in SVG format
Claude 3 Haiku
No content available for this output.
GPT-4
No content available for this output.
Vote
6 / 21
Random Tailwind Webappweb design
Generate a single-page, self-contained HTML webapp using Tailwind CSS for a randomly chosen category/industry/niche.
Claude 3 Haiku
No content available for this output.
GPT-4
No content available for this output.
Vote
7 / 21
Surprise Animal SVGimage generation
Generate SVG art of a randomly chosen animal in a setting of its choosing.
Claude 3 Haiku
No content available for this output.
GPT-4
No content available for this output.
Vote
8 / 21
Simple 7-Ingredient Recipeconversation
Generate a unique and simple recipe with common ingredients.
Claude 3 Haiku
No content available for this output.
GPT-4
No content available for this output.
Vote
9 / 21
Beginner's Longevity Planreasoning
Create a starter plan for improving long-term health.
Claude 3 Haiku
No content available for this output.
GPT-4
No content available for this output.
Vote
10 / 21
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 Haiku
GPT-4
Vote
Sponsored
11 / 21
Advanced Longevity Plan (Biohacker)reasoning
Develop a cutting-edge 3-month longevity plan for a biohacker.
Claude 3 Haiku
Here is a comprehensive 3-month longevity plan for a biohacker aiming to optimize longevity, physical and cognitive performance:
Supplement Stack:
- Nicotinamide Riboside (NIAGEN) - 300mg daily
- Resveratrol - 500mg daily
- Pterostilbene - 50mg daily
- Metformin - 500mg 2x daily
- Vitamin D3 - 5,000 IU daily
- Omega-3 Fish Oils - 2,000mg daily
- Magnesium Glycinate - 400mg daily
- Zinc Picolinate - 30mg daily
- Ashwagandha - 500mg 2x daily
- Bacopa Monnieri - 300mg daily
- Lion's Mane Mushroom - 500mg 2x daily
Cycling:
- Rotate Resveratrol and Pterostilbene every 4 weeks
- Take 1 week off Metformin every 4 weeks
Diet:
- Ketogenic diet (75% fat, 20% protein, 5% carbs)
- Intermittent fasting - 16:8 protocol daily
- Incorporate 24-36 hour water fasts 1-2x per month
- Emphasize healthy fats (olive oil, avocado, nuts/seeds), low-glycemic vegetables, moderate protein
Wearables:
- Continuous glucose monitor (CGM) to track blood sugar levels
- Heart rate variability (HRV) tracker to monitor stress/recovery
- Sleep tracker to optimize sleep quality and quantity
Exercise:
- Strength training 3x/week (compound movements, progressive overload)
- HIIT cardio 2x/week (e.g. sprints, cycling, rowing)
- Low-intensity cardio 2-3x/week (brisk walking, easy cycling)
- Yoga/mobility work 2-3x/week for flexibility and recovery
Stress Resilience:
- Daily meditation and breathing exercises (e.g. box breathing)
- HRV biofeedback training 2-3x/week
- Neurofeedback sessions 1x/week
- Sauna/cold therapy 2-3x/week
This plan incorporates evidence-based strategies to support longevity, cognition, and physical performance. It should be customized and adjusted based on individual labs, genetics, and response. Consistent implementation is key for optimal results.
GPT-4
3-Month Longevity Plan
- Dietary Protocols
Month 1: Ketogenic Diet This diet is high in fats, moderate in protein, and low in carbohydrates. It helps in burning fat more effectively.
Breakfast: 2 eggs, avocado, and mixed vegetables. Lunch: Grilled salmon with a side of asparagus. Dinner: Stir-fried chicken with broccoli. Snacks: Nuts, seeds, and cheese.
Month 2: Intermittent Fasting Skip breakfast and eat during an 8-hour feeding window, e.g., 12-8 PM. This type of fasting can potentially reduce inflammation, improve heart health, and boost brain function.
Month 3: Caloric Restriction Lower your daily caloric intake by 20-30% while maintaining adequate nutrient density. This approach has been shown to decelerate the aging process in many species.
- Supplements
-Resveratrol (500mg daily): Antioxidant that activates longevity genes. -NMN (500mg daily): Boosts NAD levels, critical for cellular health and longevity. -PQQ (20mg daily): Enhances mitochondrial function. -CoQ10 (200mg daily): Supports heart health and energy production. -Curcumin (500mg daily): Anti-inflammatory and anti-oxidant benefits. -Vitamin D3 (5000 IU daily): Supports immune function and bone health.
- Exercise Routine
Week 1-4: Strength Training Focus on compound movements like squats, deadlifts, bench press, and pull-ups. Aim for 3 sessions weekly.
Week 5-8: High-Intensity Interval Training (HIIT) Alternate between 30-second sprints and 1-minute rest periods. Do this 2-3 times per week.
Week 9-12: Active Recovery Incorporate light activities such as yoga or swimming. Daily walks are also beneficial.
-
Advanced Wearable Tracking Use a device like an Oura Ring or Biostrap to monitor sleep quality, heart rate variability (HRV), and physical activity. Aim for an HRV above 60, a resting heart rate below 60, and at least 7 hours of sleep per night.
-
Stress Resilience Techniques
HRV Training: Use an app like Elite HRV to train your body to respond better to stress. Aim for 15 minutes daily.
Neurofeedback: Use a device like Muse to improve your brain's resilience to stress via biofeedback. Aim for at least 10 minutes daily.
- Other Strategies
Cold and Heat Exposure: Alternate between hot saunas and cold showers to boost the immune system and improve cardiovascular health.
Red Light Therapy: Use a device like Joovv for 10 minutes daily to improve skin health and boost energy.
Sleep Hygiene: Ensure your room is dark, cool, and quiet. Avoid screens 2 hours before bed.
Remember, everyone's body responds differently, so it's essential to regularly monitor your bio-markers and adjust the plan accordingly. Always consult with a healthcare provider before starting any new regimen.
Vote
12 / 21
Michelin Star Recipe Designplanning
Design an innovative, multi-component dish worthy of a 3-star Michelin restaurant.
Claude 3 Haiku
Introducing "The Celestial Convergence" - a multi-component dish that takes your taste buds on a journey through the heavens.
Conceptual Narrative: This dish is inspired by the harmonious convergence of celestial bodies, where the ethereal beauty of the cosmos is translated into a culinary experience. The unusual pairing of ingredients represents the dynamic interplay of elements in the universe, while the advanced techniques employed mirror the intricate processes that govern the heavens. Each component of the dish is meticulously crafted to evoke a sense of wonder and awe, much like gazing upon the night sky.
Ingredients:
- Foie gras mousse
- Dehydrated black garlic powder
- Liquid nitrogen-frozen grapes
- Edible gold leaf
- Micro-herbs (such as purple shiso, red vein sorrel, and micro-chives)
- Specialty salt (such as Himalayan pink salt or Maldon sea salt)
Component 1: Foie Gras Mousse with Black Garlic Powder Foie Gras Mousse:
- 500g foie gras, cleaned and deveined
- 100g heavy cream
- 50g unsalted butter
- Salt and white pepper to taste
- In a double boiler, gently melt the butter. Add the foie gras and stir continuously until the foie gras is completely melted and smooth.
- Remove from heat and let cool slightly. Slowly incorporate the heavy cream, whisking constantly to ensure a smooth, airy texture.
- Season with salt and white pepper to taste.
- Transfer the mousse to a piping bag and refrigerate until ready to use.
Black Garlic Powder:
- 10 heads of black garlic, peeled and dried
- Preheat the oven to 200°F (95°C).
- Place the peeled black garlic cloves on a baking sheet and bake for 8-10 hours, or until the garlic is completely dehydrated and shriveled.
- Transfer the dried garlic to a spice grinder and blend into a fine powder.
- Store the black garlic powder in an airtight container until ready to use.
Component 2: Liquid Nitrogen-Frozen Grapes
- 20 green grapes
- Using a pair of tongs, carefully submerge the grapes in a bowl of liquid nitrogen for 30-60 seconds, or until completely frozen.
- Remove the grapes from the liquid nitrogen and transfer them to a plate or tray. Handle with care, as the grapes will be extremely cold.
Component 3: Edible Gold Leaf Garnish
- Edible gold leaf sheets
- Using a pair of tweezers, gently lift and place the edible gold leaf sheets onto the plated dish as desired.
Plating and Presentation:
- Pipe the foie gras mousse onto the center of the plate, creating a smooth, domed shape.
- Sprinkle the black garlic powder over the mousse, creating a striking contrast.
- Carefully place the liquid nitrogen-frozen grapes around the mousse, allowing them to partially melt and create a visually stunning effect.
- Garnish the dish with the edible gold leaf and micro-herbs, arranging them in a visually appealing manner.
- Finish with a light dusting of specialty salt.
Serve immediately and encourage your guests to experience the dish with all of their senses, from the visual spectacle to the interplay of flavors and textures.
Sourcing Notes:
- Foie gras can be sourced from specialty purveyors or high-end grocery stores.
- Black garlic can be found in some well-stocked grocery stores or ordered online from specialty producers.
- Liquid nitrogen can be obtained from scientific supply stores or some industrial gas suppliers.
- Edible gold leaf can be purchased from specialty baking or culinary supply stores.
- Micro-herbs can be grown at home or sourced from specialty produce suppliers.
GPT-4
Dish Name: Symphony of Scarlet Prawn and Yuzu
Conceptual Narrative: This dish is a harmonious interplay of land and sea, with the sweetness of scarlet prawns, a gem of the deep sea, and the refreshing, fragrant citrus notes of yuzu fruit, a treasure from the land. It celebrates the fusion of Italian and Japanese gastronomy, bringing together the refined simplicity of the East with the bold, robust flavors of the Mediterranean.
Ingredients:
- 6 large Scarlet prawns
- 1 Yuzu fruit
- 100g Arborio Rice
- 50ml Sake
- 30g Parmigiano Reggiano
- 500ml Fish Stock
- 50g Unsalted Butter
- 1 Shallot
- Sea Salt
- Fresh Dill
Specialized Ingredients: Scarlet prawns: These red prawns are native to the Mediterranean sea and are renowned for their sweet, delicate flavor. They can be sourced from high-end seafood markets. Yuzu fruit: This aromatic Japanese citrus fruit is not commonly found in Western supermarkets. It can be ordered from Asian grocery stores or online.
Instructions:
-
Scarlet Prawn Brodo: Clean the prawns, reserving the shells. In a heated pan, add the shells with a bit of olive oil and toast till they turn red. Add sake and let it simmer until the alcohol evaporates. Pour in fish stock, and let it simmer for 30 minutes. Strain the broth, add a pinch of salt, and set aside.
-
Yuzu Risotto: Finely chop the shallot and sauté in a pan with butter until translucent. Add Arborio rice and stir until the grains are well coated and slightly toasted. Deglaze the pan with a splash of sake. Once the sake has evaporated, start adding the prawn brodo, one ladle at a time, stirring continuously. Repeat until the rice is cooked al dente. Grate the rind of the yuzu fruit into the risotto and squeeze in some juice for a burst of citrus flavor. Fold in grated Parmigiano Reggiano and a knob of butter to make the risotto creamy.
-
Scarlet Prawn: Season the prawns with salt and sear them in a hot pan with olive oil. Cook each side for about 2 minutes until they turn opaque.
Plating: Mold the risotto in the center of the plate using a ring mold. Arrange the prawns around the risotto. Drizzle some prawn brodo around the plate. Garnish with fresh dill and thin slices of yuzu peel for a pop of color and freshness.
This dish presents a beautiful contrast of colors, and a delectable interplay of flavors and textures. The sweet, succulent prawns paired with the creamy, citrusy risotto create a symphony of flavors that is both familiar and surprising. The presentation is simple yet elegant, reflecting the minimalism of Japanese aesthetics and the heartiness of Italian cuisine.
Vote
12 of 21