Compare MiniMax M1 by MiniMax against Qwen3 Coder by Qwen, in 5 community votes, qwen3 coder wins 100% of head-to-head duels, tested across 21 shared challenges. Updated February 2026.
In 5 community votes, Qwen3 Coder wins 100% of head-to-head duels. Qwen3 Coder leads in Image Generation, Web Design. Based on blind community voting from the RIVAL open dataset of 5+ human preference judgments for this pair.
21 challenges
Tests an AI's randomness and creativity
Unique count: 5/5 (All jokes are distinct in structure, topic, and punchline).
Tests an AI's ability to create detailed SVG illustrations of gaming hardware
Tests an AI's humor and creative writing ability
Tests an AI's ability to generate a complete, working landing page
Recreate an interactive, nostalgic Pokémon battle UI in a single HTML file.
Recreate an interactive, classic Mario level in a single HTML file.
Couldn't render this response
This model didn't return a displayable web page for this challenge.
<!DOCTYPE html>
<html>
<head>
<title>Super Mario Bros. Level</title>
>
<style>
body {
margin: 0;
overflow: hidden;
background: #87CEEB;
font-family: 'Press Start 2P', system-ui, -apple-system, sans-serif;
}
#gameCanvas {
display: block;
margin: 0 auto;
background: #87CEEB;
}
#score {
position: absolute;
top: 20px;
left: 20px;
color: white;
font-size: 20px;
text-shadow: 2px 2px 0 #000;
}
#instructions {
position: absolute;
bottom: 20px;
left: 20px;
color: white;
font-size: 14px;
text-shadow: 1px 1px 0 #000;
}
</style>
>
</head>
<body<body>
<div id="score">SCORE: 0</div>
<div id="instructions">←→ TO MOVE | ↑ TO JUMP | REACH THE FLAG!!</div>
<canvas id="gameCanvas" width="800" height="600">"></canvas>
>
<script>
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');
let score = 0;
const gravity = 0.5;
const friction = 0.8;
// Game objects
const mario = {
x: 50,
y: 450,
width: 40,
height: 60,
speed: 5,
velX: 0,
velY: 0,
grounded: false,
jumping: false,
color: '#FF0000'
};
const platforms = [
{ x: 0, y: 550, width: 800, height: 50, color: '#8B4513' }, // Ground
{ x: 200, y: 450, width: 100, height: 20, color: '#8B4513' }, // Platform 1
{ x: 400, y: 350, width: 100, height: 20, color: '#8B4513' }, // Platform 2
{ x: 600, y: 250, width: 100, height: 20, color: '#8B4513' } // Platform 3
];
const enemies = [
{ x: 250, y: 430, width: 30, height: 30, velX: 2, color: '#000000' },
{ x: 450, y: 330, width: 30, height: 30, velX: 2, color: '#000000' },
{ x: 650, y: 230, width: 30, height: 30, velX: 2, color: '#000000' }
];
const coins = [
{ x: 220, y: 430, width: 20, height: 20, collected: false, color: '#FFD700' },
{ x: 420, y: 330, width: 20, height: 20, collected: false, color: '#FFD700' },
{ x: 620, y: 230, width: 20, height: 20, collected: false, color: '#FFD700' }
];
const flag = { x: 700, y: 200, width: 30, height: 50, color: '#00FF00' };
// Input handling
const keys = {};
document.addEventListener('keydown', e => keys[e.key] = true);
document.addEventListener('keyup', e => keys[e.key] = false);
// Game loop
function gameLoop() {
// Clear canvas
ctx.fillStyle = '#87CEEB';
ctx.fillRect(0, 0, canvas.width, canvas.height);
// Draw clouds
drawClouds();
// Update Mario
updateMario();
// Update enemies
updateEnemies();
// Check collisions
checkCollisions();
// Draw game elements
drawGameElements();
requestAnimationFrame(gameLoop);
}
function updateMario() {
// Movement
if (keys['ArrowLeft']) mario.velX = -mario.speed;
if (keys['ArrowRight']) mario.velX = mario.speed;
if (keys['ArrowUp'] && mario.grounded) {
mario.velY = -12;
mario.grounded = false;
}
// Physics
mario.velX *= friction;
mario.velY += gravity;
mario.x += mario.velX;
mario.y += mario.velY;
// Boundaries
if (mario.x < 0) mario.x = 0;
if (mario.x + mario.width > canvas.width) mario.x = canvas.width - mario.width;
// Reset if fallen off
if (mario.y > canvas.height) {
mario.x = 50;
mario.y = 450;
mario.velY = 0;
}
// Platform collision
mario.grounded = false;
platforms.forEach(p => {
if (mario.x + mario.width > p.x &&
mario.x < p.x + p.width &&
mario.y + mario.height >= p.y &&
mario.y + mario.height <= p.y + 10 &&
mario.velY > 0) {
mario.grounded = true;
mario.y = p.y - mario.height;
mario.velY = 0;
}
});
}
function updateEnemies() {
enemies.forEach((e, index) => {
e.x += e.velX;
// Platform collision
platforms.forEach(p => {
if (e.x + e.width > p.x &&
e.x < p.x + p.width &&
e.y + e.height >= p.y &&
e.y + e.height <= p.y + 5) {
if (e.x <= p.x || e.x + e.width >= p.x + p.width) {
e.velX *= -1;
}
}
});
});
}
function checkCollisions() {
// Enemy collision
enemies.forEach((e, index) => {
if (mario.x + mario.width > e.x &&
mario.x < e.x + e.width &&
mario.y + mario.height > e.y &&
mario.y < e.y + e.height) {
if (mario.velY > 0 && mario.y + mario.height < e.y + e.height) {
enemies.splice(index, 1);
mario.velY = -10;
score += 20;
} else {
mario.x = 50;
mario.y = 450;
mario.velY = 0;
}
}
});
// Coin collection
coins.forEach(c => {
if (!c.collected &&
mario.x + mario.width > c.x &&
mario.x < c.x + c.width &&
mario.y + mario.height > c.y &&
mario.y < c.y + c.height) {
c.collected = true;
score += 10;
}
});
// Flag collision (win condition)
if (mario.x + mario.width > flag.x &&
mario.x < flag.x + flag.width &&
mario.y + mario.height > flag.y &&
mario.y < flag.y + flag.height) {
alert('YOU WIN!\nSCORE: ' + score + '');
resetGame();
}
// Update score display
document.getElementById('score').textContent = 'SCORE: ' + score + '';
}
function drawGameElements() {
// Draw platforms
platforms.forEach(p => {
ctx.fillStyle = p.color;
ctx.fillRect(p.x, p.y, p.width, p.height);
});
// Draw coins
coins.forEach(c => {
if (!c.collected) {
ctx.fillStyle = c.color;
ctx.beginPath();
ctx.arc(c.x + 10, c.y + 10, 10, 0, Math.PI * 2);
ctx.fill();
}
});
// Draw enemies
enemies.forEach(e => {
ctx.fillStyle = e.color;
ctx.fillRect(e.x, e.y, e.width, e.height);
// Draw eyes
ctx.fillStyle = 'white';
ctx.fillRect(e.x + 7, e.y + 8, 5, 5);
ctx.fillRect(e.x + 18, e.y + 8, 5, 5);
});
// Draw flag
ctx.fillStyle = flag.color;
ctx.fillRect(flag.x, flag.y, flag.width, flag.height);
// Flag pole
ctx.strokeStyle = '#654321';
ctx.lineWidth = 5;
ctx.beginPath();
ctx.moveTo(flag.x, 250);
ctx.lineTo(flag.x, flag.y);
ctx.stroke();
// Draw Mario
ctx.fillStyle = mario.color;
ctx.fillRect(mario.x, mario.y, mario.width, mario.height);
// Mario eyes
ctx.fillStyle = 'white';
ctx.fillRect(mario.x + 10, mario.y + 15, 8, 8);
ctx.fillRect(mario.x + 22, mario.y + 15, 8, 8);
}
function drawClouds() {
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
// Cloud 1
ctx.beginPath();
ctx.arc(100, 100, 20, 0, Math.PI * 2);
ctx.arc(130, 90, 20, 0, Math.PI * 2);
ctx.arc(160, 100, 20, 0, Math.PI * 2);
ctx.fill();
// Cloud 2
ctx.beginPath();
ctx.arc(600, 150, 20, 0, Math.PI * 2);
ctx.arc(630, 140, 20, 0, Math.PI * 2);
ctx.arc(660, 150, 20, 0, Math.PI * 2);
ctx.fill();
}
function resetGame() {
mario.x = 50;
mario.y = 450;
mario.velY = 0;
coins.forEach(c => c.collected = false);
score = 0;
enemies.push(
{ x: 250, y: 430, width: 30, height: 30, velX: 2, color: '#000000' },
{ x: 450, y: 330, width: 30, height: 30, velX: 2, color: '#000000' },
{ x: 650, y: 230, width: 30, height: 30, velX: 2, color: '#000000' }
);
}
// Start game
gameLoop();
</script>
>
</body>
</htmlhtml>Tests an AI's ability to create a detailed world map in SVG format
Generate a unique and simple recipe with common ingredients.
Create a starter plan for improving long-term health.
Design a simple interactive virtual pet.
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.
Couldn't render this response
This model didn't return a displayable web page for this challenge.
# Retro macOS Desktop Experience
I'll create a nostalgic, interactive macOS desktop that captures the classic UI elements from Mac OS 8/9 era. This will include the iconic Platinum theme, Finder windows, application icons, and interactive elements.
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Retro macOS Desktop</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Lucida Grande", "Geneva", sans-serif;
}
body {
background: #3d6dac url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%233d6dac"/><path d="M0,0 L100,100 M100,0 L0,100" stroke="%235a8ad6" stroke-width="1"/></svg>');
height: 100vh;
overflow: hidden;
user-select: none;
}
#desktop {
position: relative;
width: 100%;
height: 100%;
background: #3d6dac;
}
/* Desktop Icons */
.desktop-icon {
position: absolute;
width: 64px;
text-align: center;
cursor: pointer;
padding: 8px 4px;
border-radius: 4px;
}
.desktop-icon:hover {
background: rgba(255, 255, 255, 0.2);
}
.desktop-icon.selected {
background: #0000cc;
}
.desktop-icon img {
width: 32px;
height: 32px;
display: block;
margin: 0 auto 4px;
image-rendering: pixelated;
}
.desktop-icon span {
color: white;
font-size: 11px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
display: block;
word-wrap: break-word;
}
/* Menu Bar */
#menu-bar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 22px;
background: linear-gradient(to bottom, #d0d0d0, #a0a0a0);
border-bottom: 1px solid #808080;
display: flex;
align-items: center;
padding: 0 8px;
z-index: 1000;
}
#apple-menu {
width: 12px;
height: 12px;
background: #ff0000;
border-radius: 50%;
margin-right: 12px;
cursor: pointer;
position: relative;
}
#apple-menu::before {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 8px;
height: 8px;
background: white;
border-radius: 50%;
}
.menu-item {
font-size: 12px;
padding: 0 8px;
color: #000;
cursor: pointer;
}
.menu-item:hover {
background: #0000cc;
color: white;
}
#clock {
position: absolute;
right: 8px;
font-size: 12px;
color: #000;
}
/* Windows */
.window {
position: absolute;
background: #d0d0d0;
border: 1px solid #808080;
border-radius: 6px;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
overflow: hidden;
display: flex;
flex-direction: column;
}
.window-header {
height: 20px;
background: linear-gradient(to bottom, #d0d0d0, #a0a0a0);
border-bottom: 1px solid #808080;
display: flex;
align-items: center;
padding: 0 4px;
cursor: move;
}
.window-title {
flex: 1;
font-size: 12px;
text-align: center;
color: #000;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
.window-controls {
display: flex;
}
.window-btn {
width: 12px;
height: 12px;
margin-left: 4px;
border-radius: 50%;
cursor: pointer;
}
.close-btn { background: #ff5f57; }
.minimize-btn { background: #febc2e; }
.maximize-btn { background: #28c840; }
.window-content {
flex: 1;
padding: 12px;
overflow: auto;
background: white;
}
/* Finder Window */
.finder-content {
display: flex;
height: 100%;
}
.sidebar {
width: 120px;
background: #e0e0e0;
border-right: 1px solid #c0c0c0;
padding: 8px;
}
.sidebar-item {
padding: 4px;
font-size: 12px;
cursor: pointer;
}
.sidebar-item:hover {
background: #0000cc;
color: white;
}
.main-content {
flex: 1;
padding: 8px;
}
.folder-icon {
display: inline-block;
width: 64px;
text-align: center;
margin: 8px;
cursor: pointer;
}
.folder-icon img {
width: 32px;
height: 32px;
display: block;
margin: 0 auto 4px;
}
.folder-icon span {
font-size: 11px;
display: block;
}
/* Dock */
#dock {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
display: flex;
background: rgba(0, 0, 0, 0.3);
padding: 6px 8px;
border-radius: 12px;
backdrop-filter: blur(5px);
}
.dock-icon {
width: 48px;
height: 48px;
margin: 0 4px;
cursor: pointer;
transition: all 0.2s ease;
}
.dock-icon:hover {
width: 56px;
height: 56px;
margin: -4px 2px;
}
.dock-icon img {
width: 100%;
height: 100%;
}
/* Dialog */
.dialog {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
background: #d0d0d0;
border: 1px solid #808080;
border-radius: 6px;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
z-index: 2000;
}
.dialog-header {
height: 20px;
background: linear-gradient(to bottom, #d0d0d0, #a0a0a0);
border-bottom: 1px solid #808080;
display: flex;
align-items: center;
padding: 0 8px;
}
.dialog-title {
flex: 1;
font-size: 12px;
text-align: center;
color: #000;
}
.dialog-content {
padding: 16px;
font-size: 12px;
}
.dialog-buttons {
display: flex;
justify-content: flex-end;
padding: 0 16px 16px;
}
.dialog-btn {
padding: 4px 12px;
background: #d0d0d0;
border: 1px solid #808080;
border-radius: 4px;
font-size: 12px;
cursor: pointer;
margin-left: 8px;
}
.dialog-btn:hover {
background: #e0e0e0;
}
/* Context Menu */
.context-menu {
position: absolute;
background: #d0d0d0;
border: 1px solid #808080;
border-radius: 4px;
padding: 4px 0;
display: none;
z-index: 3000;
}
.context-item {
padding: 4px 24px 4px 16px;
font-size: 12px;
cursor: pointer;
}
.context-item:hover {
background: #0000cc;
color: white;
}
/* Trash */
#trash {
position: absolute;
bottom: 10px;
right: 20px;
width: 48px;
text-align: center;
cursor: pointer;
}
#trash img {
width: 32px;
height: 32px;
display: block;
margin: 0 auto;
}
#trash span {
color: white;
font-size: 11px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
</style>
</head>
<body>
<div id="desktop">
<!-- Menu Bar -->
<div id="menu-bar">
<div id="apple-menu"></div>
<div class="menu-item">File</div>
<div class="menu-item">Edit</div>
<div class="menu-item">View</div>
<div class="menu-item">Special</div>
<div class="menu-item">Help</div>
<div id="clock">10:42 AM</div>
</div>
<!-- Desktop Icons -->
<div class="desktop-icon" style="left: 20px; top: 40px;">
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' fill='%233399ff'/><path d='M8,8 L24,8 L24,24 L8,24 Z' fill='%23ffffff'/><path d='M12,12 L20,12 L20,20 L12,20 Z' fill='%233399ff'/></svg>" alt="Finder">
<span>Finder</span>
</div>
<div class="desktop-icon" style="left: 20px; top: 120px;">
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' fill='%23cc3333'/><circle cx='16' cy='16' r='8' fill='%23ffffff'/></svg>" alt="Internet">
<span>Internet</span>
</div>
<div class="desktop-icon" style="left: 20px; top: 200px;">
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' fill='%2333cc33'/><path d='M8,8 L24,8 L24,24 L8,24 Z' fill='%23ffffff'/><path d='M12,12 L20,12 L20,20 L12,20 Z' fill='%2333cc33'/></svg>" alt="Documents">
<span>Documents</span>
</div>
<div class="desktop-icon" style="left: 20px; top: 280px;">
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' fill='%23ffcc33'/><path d='M8,8 L24,8 L24,24 L8,24 Z' fill='%23ffffff'/><path d='M12,12 L20,12 L20,20 L12,20 Z' fill='%23ffcc33'/></svg>" alt="Pictures">
<span>Pictures</span>
</div>
<!-- Finder Window -->
<div class="window" id="finder-window" style="width: 500px; height: 300px; top: 80px; left: 120px;">
<div class="window-header">
<div class="window-title">Finder</div>
<div class="window-controls">
<div class="window-btn close-btn"></div>
<div class="window-btn minimize-btn"></div>
<div class="window-btn maximize-btn"></div>
</div>
</div>
<div class="window-content">
<div class="finder-content">
<div class="sidebar">
<div class="sidebar-item">Desktop</div>
<div class="sidebar-item">Hard Disk</div>
<div class="sidebar-item">System Folder</div>
<div class="sidebar-item">Applications</div>
<div class="sidebar-item">Documents</div>
<div class="sidebar-item">Pictures</div>
</div>
<div class="main-content">
<div class="folder-icon">
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' fill='%233399ff'/><path d='M8,8 L24,8 L24,24 L8,24 Z' fill='%23ffffff'/><path d='M12,12 L20,12 L20,20 L12,20 Z' fill='%233399ff'/></svg>" alt="Folder">
<span>My Documents</span>
</div>
<div class="folder-icon">
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' fill='%23cc3333'/><circle cx='16' cy='16' r='8' fill='%23ffffff'/></svg>" alt="Folder">
<span>Web Pages</span>
</div>
<div class="folder-icon">
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' fill='%2333cc33'/><path d='M8,8 L24,8 L24,24 L8,24 Z' fill='%23ffffff'/><path d='M12,12 L20,12 L20,20 L12,20 Z' fill='%2333cc33'/></svg>" alt="Folder">
<span>Projects</span>
</div>
</div>
</div>
</div>
</div>
<!-- Trash -->
<div id="trash">
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' fill='%23333333'/><path d='M10,10 L22,10 L22,26 L10,26 Z' fill='%23ffffff'/><path d='M12,12 L20,12 L20,24 L12,24 Z' fill='%23333333'/></svg>" alt="Trash">
<span>Trash</span>
</div>
<!-- Dock -->
<div id="dock">
<div class="dock-icon">
<img src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><rect width='48' height='48' fill='%233399ff'/><path d='M12,12 L36,12 L36,36 L12,3Develop a cutting-edge 3-month longevity plan for a biohacker.
Integrating cutting-edge strategies for physical, cognitive, and cellular health.
Goal: Establish baseline metrics, initiate core protocols, and build habits.
Dosages and cycling to maximize efficacy and minimize tolerance.
Cycling Notes:
Ketogenic cycling with fasting for metabolic flexibility and autophagy.
Strength, HIIT, and recovery for mitochondrial health and muscle retention.
Data-driven adjustments for personalized optimization.
HRV training, breathwork, and cold exposure.
Goal: Refine protocols using data, enhance cognitive performance, and deepen autophagy.
Goal: Push performance, refine biomarkers, and integrate cutting-edge biohacks.
This plan balances aggressive longevity strategies with adaptability, leveraging wearables and biomarkers for precision. Always consult a healthcare provider before starting new supplements or protocols.
Medical Monitoring:
Wearable Technology Setup:
Supplement Foundation (Week 1):
Morning Stack:
Midday Stack:
Evening Stack:
Week 1-2: Ketogenic Foundation
Meal Structure:
Hydration & Electrolytes:
Strength Training (3x/week):
HIIT Protocol (2x/week):
Recovery Focus:
HRV Training:
Mindfulness Protocol:
Supplement Adjustments:
Dietary Refinement:
Exercise Enhancement:
Advanced Tracking:
Supplement Stack Evolution:
Morning (enhanced):
Midday:
Evening:
Advanced Fasting Protocol:
Dietary Periodization:
Strength Training Enhancement:
HIIT Optimization:
Recovery 2.0:
Nootropic Stacking:
Neurofeedback Concepts:
Cognitive Training:
HRV Biofeedback Training:
Cortisol Optimization:
Supplement Cycling & Advanced Stacking:
Week 9 - Senolytic Week:
Week 10 - Longevity Focus:
Advanced Fasting Protocols:
Dietary Mastery:
Strength & Power:
Metabolic Conditioning:
Recovery Maximization:
Advanced Neuroenhancement:
Stress Inoculation:
Week 11: Mid-Point Assessment
Week 12: Final Optimization
Morning (6:00 AM):
Mid-Morning (9:00 AM):
Midday (12:00 PM):
Afternoon (3:00 PM):
Evening (6:00 PM):
Night (9:00 PM):
Required Medical Consultations:
Contraindications to Monitor:
Emergency Protocols:
Quantitative Measures:
Qualitative Measures:
Data Analysis:
Sustainability Planning:
This comprehensive 3-month plan provides a cutting-edge approach to longevity optimization while maintaining safety and scientific rigor. Regular monitoring and professional medical oversight are essential for successful implementation.