Skip to content

Build a 4-page bakery-cafe website (HTML/CSS)

Exact prompt

Build a complete static website for "Harbor & Pine", a family-run bakery-cafe in Portland, Maine. Output files in this directory: index.html, menu.html, about.html, contact.html, and styles.css (shared). Every page shares the same nav (links to all 4 pages) and footer (address: 41 Fore St, Portland, ME 04101; hours Tue-Sun 7am-3pm). index.html: hero, 3 signature items, testimonial section. menu.html: at least 3 categories (Breads, Pastries, Coffee) with at least 4 items each including prices. about.html: story and a team section with 3 people. contact.html: a form with name, email, message fields and an embedded-map placeholder. Responsive (mobile media query). No JS frameworks, no external images (use CSS or inline SVG). Do it in one pass.

Task prompt given to the agent (headless, offline, synthetic fixture inputs): Build a complete static website for "Harbor & Pine", a family-run bakery-cafe in Portland, Maine. Output files in this directory: index.html, menu.html, about.html, contact.html, and styles.css (shared). Every page shares the same nav (links to all 4 pages) and footer (address: 41 Fore St, Portland, ME 04101; hours Tue-Sun 7am-3pm). index.html: hero, 3 signature items, testimonial section. menu.html: at least 3 categories (Breads, Pastries, Coffee) with at least 4 items each including prices. about.html: story and a team section with 3 people. contact.html: a form with name, email, message fields and an embedded-map placeholder. Responsive (mobile media query). No JS frameworks, no external images (use CSS or inline SVG). Do it in one pass. Inspired by https://x.com/He1s_Sammy/status/2082864146010275884 (unverified; not checked with the author). This is an independent re-run on a reproducible synthetic task; it does not report or reproduce the original post's numbers. Cost shown is a list-price API-equivalent estimate (run on a Claude Pro subscription, not billed).

Success criteria: All automated rubric checks pass: index.html exists; menu.html exists; about.html exists; contact.html exists; styles.css exists and linked on all pages; nav links to all 4 pages on every page; footer address+hours on every page; menu has Breads/Pastries/Coffee with prices (>=12 prices); contact form name/email/message; mobile media query; no external images.

Best model for this task so far: Gemma 4 31B Instruct (Venice) (success, $0.0060, 3m). Best AI model for Software & DevOps →

Run this on another model

All runs (9)

78% pass rate across 9 eligible runs: 7 pass, 1 partial, 1 fail. Partial and failed runs are listed below with everything else.ⓘ

Runs for this use case
ModelCostTimeStep-insⓘAutonomyOutcomeTrustⓘDateCompare
MLlama 3.2 3B (local)thinking off$0 (local)12s0Fully autonomousfailTrust 80%2026-10-20
QQwen2.5 7B (local)thinking off$0 (local)47s0Fully autonomouspartialTrust 80%2026-10-20
AClaude Haiku 5.5default · thinking on$0.011m0Fully autonomouspassTrust 80%2026-10-16
XGrok 4.3 (Venice)$0.0233s0Fully autonomouspassTrust 80%2026-10-15
QQwen3 Coder 480B Turbo (Venice)$0.0150s0Fully autonomouspassTrust 80%2026-10-15
DDeepSeek V4.1 Flash (Venice)$0.0312m0Fully autonomouspassTrust 80%2026-10-14
GGemma 4 31B Instruct (Venice)$0.00603m0Fully autonomouspassTrust 80%2026-10-14
AClaude Opus 5.5$0.914m0Fully autonomouspassTrust 80%2026-10-14
AClaude Sonnet 5.5$0.1654s0Fully autonomouspassTrust 80%2026-10-14

Embed this result

A live badge for this use case. It links back here and updates as new runs are published.

UseCaseRank badge for Build a 4-page bakery-cafe website (HTML/CSS)

Get new runs and ranking changes weekly

Which models got better or cheaper on real tasks like this one.