AI Built My Landing Page — I Didn’t Write a Single Line of Code

I opened my browser, launched ChatGPT and Claude, and watched as they built my product idea... with zero code from me. A friend of mine wanted to build an email verification API — a simple service that checks whether an email is real (i.e., not disposable and can receive messages). Now, I'm a backend guy. I literally don’t know how to center a div. But I thought... why not try this thing people call "vibe coding"? What’s Vibe Coding? Basically the AI is the pilot and the human (that case me) is the copilot. So, I put myself in the shoe of the customer, were the customer knows nothing about writing code or IDEs. Therefore, I opened up my browser and launched two free AI models side-by-side, ChatGPT-4 (o4) and Claude Sonnet 3.7. No code editors. No local setup. Just me, the browser. The Goal I wanted to build a clean, simple landing email validation API service (sweep emails .com). To the Action I needed to bound the AI model to a context and steer down the conversation to reach to the point of designing the landing page. Therefore, I started with: If I'm going to develop an API service that checks for fake emails, who are the top 3 audiences that would benefit from it the most? ChatGPT replied with, E-commerce SaaS products, Online communities and newsletters, ... etc And it even suggested me on positioning the product, which I have no clue what does mean, but it turns out is listing of core features, customer pain points and target customers. First Landing page attempt And then things started kicks in, when it suggested to me to build a landing page. I answered: Yes, build a landing page and include the API usage as tabs for cURL, Go, JS, and Python, with syntax highlighting As you can see... it's not pretty. Functional? Sure. But not something that screams, “Use me!” It’s more like “a developer built this at 2 AM.". I don't know why it does it like that, does it know that I'm a backend guys, so it tries to mimic me =D. Now it's turn for the coding beast, Claude Sonnet 3.7 I guess this article is already too long, so the next article will cover converting this ugly landing page to one that is more beautiful and neat. This will be the end results, and I literally didn't write single line of code myself. If you're someone like me (a backend dev who’s allergic to CSS), that is good for us.

Apr 26, 2025 - 05:57

AI Built My Landing Page — I Didn’t Write a Single Line of Code

I opened my browser, launched ChatGPT and Claude, and watched as they built my product idea... with zero code from me.

A friend of mine wanted to build an email verification API — a simple service that checks whether an email is real (i.e., not disposable and can receive messages).

Now, I'm a backend guy. I literally don’t know how to center a div.

But I thought... why not try this thing people call "vibe coding"?

What’s Vibe Coding?

Basically the AI is the pilot and the human (that case me) is the copilot.

So, I put myself in the shoe of the customer, were the customer knows nothing about writing code or IDEs.

Therefore, I opened up my browser and launched two free AI models side-by-side, ChatGPT-4 (o4) and Claude Sonnet 3.7.

No code editors. No local setup. Just me, the browser.

The Goal
I wanted to build a clean, simple landing email validation API service (sweep emails .com).

To the Action
I needed to bound the AI model to a context and steer down the conversation to reach to the point of designing the landing page.

Therefore, I started with:

If I'm going to develop an API service that checks for fake emails, who are the top 3 audiences that would benefit from it the most?

ChatGPT replied with, E-commerce SaaS products, Online communities and newsletters, ... etc
And it even suggested me on positioning the product, which I have no clue what does mean, but it turns out is listing of core features, customer pain points and target customers.

First Landing page attempt
And then things started kicks in, when it suggested to me to build a landing page.
I answered:

Yes, build a landing page and include the API usage as tabs for cURL, Go, JS, and Python, with syntax highlighting

As you can see... it's not pretty. Functional? Sure. But not something that screams, “Use me!” It’s more like “a developer built this at 2 AM.". I don't know why it does it like that, does it know that I'm a backend guys, so it tries to mimic me =D.

Now it's turn for the coding beast, Claude Sonnet 3.7

I guess this article is already too long, so the next article will cover converting this ugly landing page to one that is more beautiful and neat.

This will be the end results, and I literally didn't write single line of code myself.

If you're someone like me (a backend dev who’s allergic to CSS), that is good for us.