HTML WebDev Challenge
A simple web development challenge that tests an LLM's ability to create HTML web pages given a prompt. The eval is 8 prompts. The LLM is ONLY allowed to build with HTML, Javascript, and TailwindCSS. It may pull Javascript libraries from a CDN (like Jsdelivr or Cloudflare), but only if it is SURE they exist and are needed for the build. The first four prompts are very specific, and then the rest give the model more freedom.
Prompt
Design an adaptive product landing page for a futuristic tech item, like "NeoGlass AR Specs," entirely within a single HTML file. The layout must feature a striking hero section with a primary heading, a product description, and two call-to-action buttons. It needs to be fully responsive, shifting smoothly from a single column on mobile devices to a two-column layout on desktops. Additionally, integrate an interactive FAQ accordion with at least four questions where only one opens at a time, accompanied by a rotating arrow icon animation. Finally, include a floating dark and light mode toggle button that updates the entire page's theme. For constraints, you must build this exclusively with vanilla JavaScript, HTML, and the official Tailwind CSS CDN script, without relying on any external JavaScript libraries.
A system prompt was added to support web rendering
