How Gainsight generates 3x more closed-won dollars per SE hour See how→

We switched from Webflow to Claude and our marketer became our top committer

The Webflow logo and the Claude wordmark, split by a yellow lightning bolt
Written by
John W. LongJohn W. Long
Published on
August 20, 2026
Read time
5 min

In early July, one of our founders, Austin, came to the marketing team with a hunch.

He wondered if the team could retool on Claude and Next.js and reap the same benefits the engineering team had been experiencing: shipping more, faster, at higher quality.

We were skeptical that Claude and Next.js could replace our existing site in Webflow, but we decided to give it a try.

The fun part

I volunteered to do the initial site setup with Claude. Fable had just been released, so it felt like a fine time to try out the new model. I love starting new projects, and doing them with Claude is so much easier than doing them solo.

Two hours later, Claude had created 482 React and Next.js files with 29,874 lines of code and a plausible copy of our 60+ page Webflow site.

The website was genuinely good, but there were still some issues. As we were heading into the weekend, I kicked off a couple of long QA sessions asking Claude to compare the website in the browser against the old website and repair any issues it found.

After a little more iteration, I was ready to share it with the team.

It’s mind-blowing to be working with state-of-the-art AI tools in 2026. In just 2 days, Claude had accomplished what would have taken a team of developers weeks to do just 2 years ago.

Enabling the team

Now we had a working copy of the website, but there were still some things that needed to be updated. I spent some time with the team walking them through the new stack. We explored Claude Desktop and figured out that it had a really cool site preview tool that could bring up the site and even allowed you to point and click on elements to make changes:

The hardest part was helping the team get used to working with Git. We started with a develop branch and told the team to push changes. Every other day I made a pull request (PR) off of develop and merged changes so that the latest version would be available on our Vercel site for the internal team to further engage and refine.

After everyone was comfortable pushing changes, we walked them through branching and PRs. Claude made all of this so easy. Most of the work was teaching the team the correct prompts to talk to Claude about Git. Once they understood the conceptual model, it clicked.

Vercel really has been a joy to work with. Live previews on every PR make it easy for everyone on the team to review work before it’s merged and published. The setup process is virtually painless, and the Git-based workflow is a dream.


Making it safe

We set up a QA workflow with Devin as the last part of the system so non-engineers would feel comfortable making changes. Devin is an AI tool that makes working with AI similar to working with a teammate. It can use a computer just like a human, which was perfect for our use case. We have Devin set up to QA all of our PRs. Devin looks at the source code, opens the site in a browser, and actually clicks around to ensure that the changes do what they are supposed to do. It then posts exhaustive comments detailing what it did with screenshots showing what works and what doesn’t. Devin has caught numerous issues for us and given the entire team confidence to ship code.

Adam Root, our growth marketer, also set up tests in Vitest that run on every PR. The test suite started small but now runs 3,005 tests across 157 files, and the whole suite finishes in 24 seconds.

Marketing is locked in

It’s been genuinely shocking how well the system has worked for our marketing team.

Our Head of Marketing, Nate Meadows, who had never pushed a line of code before, has now shipped over 150,000 lines of code, officially making him our top committer. Seeing his vision come to life on page after page has been inspiring. He’s shipped countless improvements to the header and navigation, and has created dozens of new feature pages to highlight Opine with live animations built in HTML.

Coding agents provide software engineers with the joy of pure creation, and now Nate has access to the same joy as well. He always had a lot of ideas he wanted to try on the website, but frequently had to forgo them because they were too time-intensive to justify the cost of experimentation. Now, all those ideas take less time to create than it would take to write up the design brief for a web developer.

I didn’t know just how valuable Austin’s suggestion would be.

With a little support, non-coders can adopt Claude to build and maintain real websites. The value for our team is that everyone is now empowered to ship at a quality level and speed that was unattainable before.

We switched off Webflow for good on August 5. If you’re a marketing leader wondering how best to steer your team into the future, this is it!

Get the latest in your inbox

Get weekly tips & strategies from your friends at Opine to close faster, reduce risk, and grow revenue.

Experience the power of Opine
(Your revenue team will thank you)

We don’t sell Opine, we believe once you see it, it sells itself. Well, that’s what our happy customers tell us anyway.

Book a demo