Compare Llama 4 Maverick by Meta AI against Qwen3 Coder by Qwen, in 2 community votes, qwen3 coder wins 100% of head-to-head duels, tested across 16 shared challenges. Updated February 2026.
In 2 community votes, Qwen3 Coder wins 100% of head-to-head duels. Based on blind community voting from the RIVAL open dataset of 2+ human preference judgments for this pair.
16 challenges
Tests an AI's ability to create detailed SVG illustrations of gaming hardware
Tests an AI's ability to generate a complete, working landing page
Recreate an interactive, classic Mario level in a single HTML file.
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.
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.
3-Month Longevity Plan for Biohackers
Disclaimer: Before starting any new supplement or exercise regimen, consult with a healthcare professional to ensure safety and suitability.
Month 1: Optimization and Baseline Establishment
Month 2: Intensification and Refining
Month 3: Peak Performance and Long-Term Optimization
Additional Recommendations:
Action Plan:
By following this comprehensive 3-month plan, biohackers can optimize their longevity, physical and cognitive performance, and develop a robust foundation for long-term health and well-being.
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.
Design an innovative, multi-component dish worthy of a 3-star Michelin restaurant.
Dish Name: "Terra Verde Odyssey"
Conceptual Narrative: "Terra Verde Odyssey" is a culinary journey that explores the harmonious union between the earth's umami flavors and the ocean's freshness. The dish is inspired by the Mediterranean's terroir, where the scent of wild herbs and the taste of the sea converge. This multi-component creation features an unexpected pairing of black truffle and sea urchin, elevated by advanced culinary techniques and presented with an artistic flair.
Components:
Recipe:
Component 1: Black Truffle and Sea Urchin Tartlet
Component 2: Smoked Eel and Fennel Emulsion
Component 3: Pickled Mustard Green Gelée
Component 4: Saffron-Infused Cauliflower Purée
Component 5: Crispy Fried Capers and Microgreens
Sourcing Notes:
Plating Presentation:
Innovative Techniques:
Michelin 3-Star Worthy: "Terra Verde Odyssey" is a symphony of flavors, textures, and presentation that would be worthy of a Michelin 3-star restaurant. The dish showcases a deep understanding of flavor pairing, advanced culinary techniques, and exquisite plating presentation. The use of high-quality, seasonal ingredients and the attention to detail in each component elevate this dish to a truly exceptional culinary experience.
A Multi-Layered Exploration of Oceanic Depth
This dish represents the moment where ocean currents converge, bringing together disparate marine ecosystems in a single, harmonious expression. The unusual pairing of sea urchin with fermented black garlic creates a dialogue between briny oceanic sweetness and deep, complex umami, while textural elements represent the interplay of calm seas and turbulent depths.
Serves as the aromatic base layer
Sourcing note: Black garlic requires 30+ days of fermentation; source from specialized purveyors like Fermentation Specialist Co.
The dish's emotional centerpiece
Textural contrast element
Architectural element
Flavor intensifier
Balance Considerations: The dish's success hinges on the interplay between the uni's delicate sweetness and black garlic's fermented intensity. The frozen sphere creates a textural surprise while temperature contrast amplifies flavor perception.
Technical Mastery: Each component demonstrates advanced technique - spherification, espuma creation, dehydration, and precise temperature control.
Seasonal Adaptation: Summer preparation uses lighter dashi; winter version intensifies miso glaze for warming effect.
Pairing Suggestion: Serve with 2018 Domaine de la Romanée-Conti Montrachet to complement the oceanic minerality.
Preparation time: 4 hours active, 8 hours passive
This dish exemplifies the pinnacle of modern gastronomy through its technical precision, conceptual depth, and sensory complexity - worthy of the highest culinary recognition.
Create an autonomous drone simulator with custom environment using ThreeJS
Find exploitable clauses in a software consulting contract and suggest modifications with legal reasoning.
Identify weak claims in a startup pitch deck and suggest concrete improvements.