← Go back

Football site built with AI agents

After a couple of months with Gemini and Antigravity, I switched back to Codex as my secondary AI tool. To put it to work, I built Supporter XI with it and Claude Code: a simple site for picking your starting eleven for the next Manchester United match. Five days after the first prompt, it was live on supporterxi.com.

CHAPTERS

The build

It worked, but it was ugly

As a football fan who genuinely enjoys thinking about tactics and shapes, I had an idea for a starting eleven builder anyone can use. I also wanted to see what Codex with GPT-6.1 Sol could do. I pitched the idea, and together we wrote the PRD, prepared the footballing resources (14 formations, 25 player roles and the squad), and found and implemented an API for the fixtures.

Then Codex built the site, in under two days. It worked. It was also ugly.

The redesign

From AI slop to a football site

The visual style was the definition of AI slop, and no amount of different prompts fixed it. So I brought in Claude Code and connected it to Mobbin through MCP.

I also made a quick sketch in Figma, in ten minutes, to give it more direction and context.

We rebuilt the visual side from the ground up: a dark page, the fixture in huge type and a real-looking pitch with the players on it as pills. And not only the looks: the usability and the whole experience got reworked too, on desktop and on the phone.

Once that was sorted, it was time for animations: adding them and fine-tuning them until the look and feel was right.

Going live

Everything around the builder

We agreed on the domain, supporterxi.com, and created simple branding: the player pill became the logo. Codex implemented Ant Design for the admin, and Claude built a design system, a 404 page and basic analytics with PostHog. Then we fixed a few issues in the admin, brought everything up to date and connected the domain to Vercel. It was nearly showtime.

Before anyone saw it, there was one last round: a review of the code, the security check and writing the privacy notice.

Reflections

Comparing what Claude and Codex could do six months ago with what GPT-6.1 Sol and Opus 5.5 can do now is insane. I never once hit a limit, or wanted to scream at the screen, as I regularly did back then.

What did not move is where the work is. The agents got me to a working product in under two days. Making it something people want to use still took a designer's judgement, on every screen and in every cut.