Creating an SEO Analyser in Replit
I started building an SEO Analyser with a simple prompt in Replit: “Create an SEO analysis tool that can evaluate website performance and provide actionable insights.”
The Replit Agent presented a plan for me to review and approve. It outlined key features like URL input field and SEO meta tag extraction, along with a first visual preview of the interface.
Here’s something useful I discovered: Replit has two distinct AI helpers. Replit Agent is designed for building entire applications from scratch or making large, complex changes.
Replit Assistant is better suited for smaller, focused tasks like code explanation, debugging, and incremental feature additions. Think of the Agent as your architect and the Assistant as your code reviewer.
Once I approved the plan, the Replit Agent got to work implementing everything. I could watch files being added in real-time, which helped me understand the app’s structure as it took shape. Following along with the file edits and seeing issues being resolved gave me useful insight into how the components worked together.
I tested the first version by entering my blog’s URL. The analyser pulled through basic SEO data like meta descriptions, title tags, and page structure — exactly what I’d hoped for.
One feature I found particularly helpful was Replit’s “screen size” functionality. I could see how the app looked on iPhone or Android devices and make adjustments accordingly. When I spotted layout issues on mobile, I prompted the AI to make the app more responsive, being specific about what needed changing.
With all that context built up, I opened a new chat to focus on visual improvements. The key learning here was being explicit that the agent shouldn’t remove any functionality — just make the existing components more engaging and polished.
My specific prompts about the look and feel made a real difference to the SEO analysis overview. I then iterated further by asking the AI to make the overview more interactive, adding hover states and better data visualisation.
Finally, I deployed it to the internet — you can see it here.
Main learning point: Understanding the difference between Replit’s Agent and Assistant. The Agent excels at big-picture building and major changes, while the Assistant can handle the smaller, more detailed work. Watching Replit’s planning and debugging process in real-time also gives you much better insight into how your app is structured.
