Web Creation Acceleration: 4x Faster Page Builds

The Problem

If you know HTML, CSS, and JavaScript, you can build custom web experiences. The problem is time. Beautiful campaign landing pages take hours to code, especially on temperamental platforms.

At Kensington, we solved part of this by building reusable code modules—full-width banners, accordions, carousels, product callouts. Modular building blocks that could be stacked into pages. But assembling and customizing those modules for each campaign still ate up hours.

Manual coding wasn't sustainable as the business pushed for faster turnarounds with leaner teams.

The Approach

I built an agent in Claude. I didn't expect it to become one of my most-used tools—I was mostly experimenting. I called it "Website as LEGO" because that's how I thought about the code modules: individual bricks that stack into a final product.

I uploaded every code module into the agent's knowledge base with its internal name: "full-width carousel," "FAQ accordion," "product callout." Then I wrote instructions that let users describe a page in plain text.

A request like "campaign page with hero banner, text section, carousel, product callout, FAQ accordion, and contact form" would return production-ready code—modules assembled, properly formatted for our CMS. If the user included actual copy, the agent replaced all the placeholder text automatically.

Because I don't like single-use tools, I built in technical SEO and ADA compliance checks. Every output followed our accessibility standards.