HardWeb Design

Pokémon Battle UI Recreation

Recreate an interactive, nostalgic Pokémon battle UI in a single HTML file.

The Prompt

Recreate a Pokémon battle UI — make it interactive, nostalgic, and fun. Stick to the spirit of a classic battle, but feel free to get creative if you want. In a single-page self-contained HTML.

Model Responses

GPT-4o (Omni)Pokémon Battle UI Recreation

GPT-4o (Omni)

Claude Sonnet 3.6 (2022-10-22)Pokémon Battle UI Recreation

Claude Sonnet 3.6 (2022-10-22)

Claude 3.7 SonnetPokémon Battle UI Recreation

Claude 3.7 Sonnet

Claude 3.7 Thinking SonnetPokémon Battle UI Recreation

Claude 3.7 Thinking Sonnet

DeepSeek R1Pokémon Battle UI Recreation

DeepSeek R1

Gemini 2.5 Pro ExperimentalPokémon Battle UI Recreation

Gemini 2.5 Pro Experimental

Grok 3 Mini BetaPokémon Battle UI Recreation

Grok 3 Mini Beta

GPT-4o miniPokémon Battle UI Recreation

GPT-4o mini

GPT-4 1Pokémon Battle UI Recreation

GPT-4 1

OpenAI o4 Mini HighPokémon Battle UI Recreation

OpenAI o4 Mini High

OpenAI o3Pokémon Battle UI Recreation

OpenAI o3

OpenAI o4-miniPokémon Battle UI Recreation

OpenAI o4-mini

GPT-3.5 TurboPokémon Battle UI Recreation

GPT-3.5 Turbo

Gemini 2.5 Flash Preview (thinking)Pokémon Battle UI Recreation

Gemini 2.5 Flash Preview (thinking)

Claude 3 HaikuPokémon Battle UI Recreation

Claude 3 Haiku

Claude 3 OpusPokémon Battle UI Recreation

Claude 3 Opus

PaLM 2 ChatPokémon Battle UI Recreation

PaLM 2 Chat

Gemini Pro 1.0Pokémon Battle UI Recreation

Gemini Pro 1.0