NEW VIDEO · MADE BY AGENTS

Build website tools that farm backlinks on autopilot

I just shipped a fresh interactive tool with Claude Code in a single session, and recorded the entire process. The exact prompts, the planning rules, and the monetization playbook are all inside.

5 step MVP process 5+ min time on page APR 30 fresh drop

Most blog posts get skimmed in 30 seconds. Interactive tools get used, embedded on other sites, and shared on social. In this episode I walk through the exact Claude Code workflow I used to ship a Hugging Face download heat map, going from a blank prompt to an embeddable, SEO optimized, monetizable tool. If you have a website and a codebase, you can copy this directly.

Live build
claude code, plan mode
3 prompts
plan, build, seed
Free tools
flywheel for traffic

Why interactive tools win at SEO

segment 01 · the case

Tools lower your bounce rate, push time on page past five minutes, and add the kind of interactivity Google rewards. They also make natural backlink magnets, because useful things get shared and embedded.

The catch most people miss: client side tools are invisible to crawlers. The video shows exactly how to layer in server side wrappers so the page actually ranks.

seo bounce rate time on page crawlable html
Watch the opening →
🧭

Plan a hub, not one tool

segment 02 · the golden rule

Don't ship one tool. Plan a tool hub that fits your niche and grows over time. The golden rule: ideas that ride on data you already have beat everything else. No new scrapers, no heavy infra.

I share the full strategist prompt I use in Claude's plan mode to brainstorm five tool ideas, with monetization paths and SEO scoring built in.

plan mode tool hub existing data strategist prompt
Get the planning prompt →
🛠

Live build: Hugging Face treemap

segment 03 · claude code MVP

Watch me ship a heat map of the most downloaded open source models, styled like the classic stock market treemap, using nothing but a single self contained prompt and existing data from my Payload CMS.

You'll see the iteration loop in real time: fixing the layout, deduping share and embed buttons, seeding dummy data so the colour scale actually works. Three iterations to production ready.

claude code treemap hugging face seed scripts payload cms
Watch the build →
📈

Make it rank: SEO + GEO

segment 04 · ai search ready

A client side tool with no text ranks for nothing. I drop in a single prompt that has Claude generate meta tags, on page explainer copy, schema markup, server side wrappers, and a Midjourney prompt for the OG image.

Bonus: the opengraph.xyz trick to preview how your tool looks when shared on X, LinkedIn, Discord and WhatsApp before you launch.

meta tags schema markup og image ssr claude seo skill
Jump to SEO segment →
💰

The embed flywheel

segment 05 · backlinks + revenue

Every tool ships with a one line iframe embed code. Other sites paste it in, your branded footer rides along, and the backlinks accumulate without you lifting a finger.

On top of that: email capture, affiliate links, soft product CTAs, and the path to paid upgrades. The full monetization flywheel prompt is in the video.

iframe embed backlinks email capture affiliate analytics
See the flywheel →
↳ THE ONE RULE THAT MATTERS

Ideas that ride on data you already have beat everything else. Skip the new scrapers. Skip the heavy infra. The fastest interactive tool is the one your existing database can already power, and Claude Code just glues the UI on top.


Open your AI coding agent right now and plan your first tool using the principles in the video. If you ship one, reply and send me the link. I'd love to see what you build. And if you haven't subscribed to Made by Agents on YouTube yet, this is the one to start on.

Keep Reading