Build Lead Magnets in 30 Minutes With This Claude Code Stack

Get AI income methods before they spread.

Free weekly intelligence newsletter.

You can build a lead magnet landing page and run A/B tests on it in under 30 minutes using three tools: Idea Browser MCP, Paper, and Humbolytics — all wired through Claude Code. The system lets Claude act as your CMS, generating variations, deploying them, and reading test results without you touching the code manually.

What Tools Make Up This Stack?

Idea Browser MCP — injects your ideal customer profile, growth strategy, and business context directly into Claude sessions so every output is business-aware from the start
Paper — a bidirectional design tool that connects to Claude Code, letting you iterate on visuals without losing your code state between rounds
Humbolytics — an A/B testing tool with an API that Claude can call directly to create tests, read results, and decide which variant to keep
TailArc — a Tailwind component library Claude references to build consistent UI fast

How Does the 30-Minute Build Actually Work?

The workflow runs in four steps. First, open Idea Browser MCP so Claude knows who you are building for — your ICP, your offer, your positioning. This context travels with every prompt in the session, so you are not re-explaining your business each time.

Second, define your design system once. Reference it in every component going forward. This is the compounding step — the first 10 minutes of setup saves an hour of inconsistency later.

Third, use Paper to generate wireframes and visual iterations bidirectionally. Claude can push a design change to Paper and pull the result back without losing the underlying code. Standard tools break the loop here — you end up copying and pasting between a design tool and your editor. Paper closes that gap.

Fourth, deploy to a custom code site where Claude functions as the CMS. Once live, Humbolytics creates an A/B test via API call. Claude checks results at intervals and implements the winning variant automatically.

The whole cycle — build, deploy, test, implement winner — runs in one session.

Why Use a Custom Code Site Instead of Webflow or Framer?

Custom code sites let Claude act as the CMS. On a platform like Webflow, Claude can generate code but cannot deploy or iterate through the platform's interface. On a custom site, Claude has full control — it writes the code, pushes the deployment, calls the A/B testing API, reads results, and makes changes. No human steps in the middle.

Claude as CMS means zero manual deployment steps between iterations.

For a lead magnet page that you want to optimise quickly, this matters. Every variation that requires a human to manually deploy adds friction and slows the test cycle.

What Does the A/B Testing Step Look Like in Practice?

Humbolytics exposes an API that Claude calls directly. The sequence:

Claude creates a test variant (different headline, CTA button copy, or page structure)
Humbolytics splits traffic between the original and the variant
Claude queries the results after a set number of sessions
The winning variant gets implemented automatically

Greg ran this live and had a working test running within the 30-minute window. The speed advantage is not the tool — it is removing the human from the deploy-test-implement loop.

How Do You Get Started With This Stack Today?

Install Idea Browser MCP and connect it to your Claude Code session. Define your ICP and offer in the MCP config — this is a one-time setup. Connect Paper to your project. Sign up for Humbolytics and get your API key. Then open Claude Code and describe the lead magnet page you want to build. The MCP injects your context, Paper handles design iterations, and Humbolytics handles the testing loop.

The design system you define in the first session becomes the foundation for every page you build after it.

Frequently Asked Questions

Do I need to know how to code to use this stack?

No. Claude Code writes all the code. Your job is to describe the page you want, review the output, and let the tools handle the technical execution. The main input is your business context — ICP, offer, positioning — which Idea Browser MCP handles automatically.

What is Idea Browser MCP and how does it work?

Idea Browser MCP is a Model Context Protocol server that injects business context into Claude sessions. You configure it once with your ICP, growth strategy, and business goals. Every Claude Code session that runs with Idea Browser active has that context available without you typing it again.

Can this stack work for products other than lead magnet pages?

Yes. The same pattern — Idea Browser for context, Paper for design, Humbolytics for testing — applies to any page where you want to iterate and test quickly. Sales pages, pricing pages, and onboarding flows all fit the same workflow.

What does Humbolytics cost?

Humbolytics is a paid tool with an API. Check their current pricing at humbolytics.com. For the volume of tests a solo builder runs, the cost is typically well below the value of the conversion improvements a working A/B testing loop produces.

Watch Greg build the full stack live: Greg Isenberg on YouTube