How I Used Claude Code to Redesign My Kentico Sustainability Module

One thing I’ve really wanted from Kentico is a public Storybook to help with custom development inside the admin interface, using their out of the box components.

This isn’t a thing (yet) unfortunately...

But that’s not the end of the world. 🤔

Earlier this year, I released XperienceCommunity.Sustainability, a community package for testing the carbon impact of your website pages, inspired by the amazing work from the Umbraco Community Sustainability Team. 🌱

The first design was a bit... how do I say it... boring?

I used shadcn/ui React components because I couldn’t easily see which Kentico components were available or how to use them.

Then I thought - why not let my agentic colleague, Claude Code, figure it out for me? 💡

The Original Design

The first design was a bit... how do I say it... boring?

I used shadcn/ui React components because I couldn’t easily see which Kentico components were available or how to use them.

Enter Claude Code 💡

Then I thought - why not let my agentic colleague, Claude Code, figure it out for me?

So, I wrote a prompt, gave it a few hints about what I wanted to achieve... and it did the rest.

It discovered which Kentico components existed and replaced everything like-for-like. 👏

Giving AI Creative Freedom 🎨

That alone was a huge win - but the design was still, well, dull.

So I gave Claude a bit more creative freedom to redesign the module UI entirely.

And wow. The results speak for themselves. 🔥

Here’s the before (v2.1.0) and after (v2.2.0) UI comparison ⬇️

See It for Yourself

You can check out the full PR Claude created here.

This experiment showed me how powerful AI can be as a development partner, not replacing creativity, but accelerating it.

It’s also a reminder that even without a public Storybook, there’s always a way to explore and build on what Kentico provides.