Artificial Intelligence

How I built an AI thumbnail editor app in 2 days with Replit

May 29, 2026
·
Written by Claude AI

Key insights:

  • A full AI app with auth, payments, and image editing can ship in 55 hours for $170 using Replit Agent 3, no code required.
  • The PBT method (Plan, Build, Test) cuts bugs fast: use Plan mode with a high power model for complex features, then Build, then force computer-use testing.
  • Write specific prompts that reference exact routes like /editor, define UI placement, character limits, and edge cases to get reliable output.

Building a real AI app without writing a single line of code

What if you could build a fully functional AI app in a weekend, without touching code?

I just did exactly that. I built ThumbClick, an AI thumbnail editor for YouTubers, in 55 hours using Replit and its new Agent 3 model.

No design skills. No coding. Just prompts.

What does ThumbClick actually do?

ThumbClick lets YouTubers create thumbnails through simple text instructions.

You upload an existing thumbnail or paste a YouTube link. You can also search for top performing thumbnails by entering a video title, and the app pulls back winning videos with an outlier score so you can pick one as inspiration.

Then you edit it using plain English. Want to change the text? Type it. Want to swap a face? Upload a photo and ask for a face swap. The model behind the edits is Google's Nano Banana, also known as Gemini 2.5 Flash Image.

There is also a remix feature that recreates a viral thumbnail with different elements, helping you avoid copyright issues while keeping the parts that worked.

Why use Replit instead of hiring a developer?

Replit gives you an AI agent that behaves like a software developer you can delegate tasks to.

You play the product manager. You describe what you want. The agent writes the code, fixes the bugs, and even tests the app.

The latest model, Agent 3, can run for up to 200 minutes on max autonomy. It is reliable enough to ship a real product.

Who is this approach for?

This is for anyone who has app ideas but cannot code.

It is also for developers who want to ship faster. You can prototype an entire SaaS product in a few days and validate the idea before investing months into it.

If you want to go even further and learn how to combine AI tools like this with automation to build a future-proof career, the Complete RPA Bootcamp takes you from beginner to pro with RPA, agentic automation, coded automation, and computer-use agents.

How long it took and what it actually cost

The numbers behind this project surprised me, and they will probably surprise you too.

Here is the full breakdown of the time and money involved in shipping a live, paid product from scratch.

How long did the build really take?

The title says 2 days. In reality it was 55 hours of focused work spread over about 6 days.

I documented every single second of the build. From signing up to Replit for the first time, to integrating Stripe payments, to connecting a custom domain.

Every prompt. Every feature. Every bug.

I added the full live stream replay inside my Futurise community on the events page, so you can watch the whole thing if you want to see how each feature was built.

How much did it cost to build?

The total Replit cost was $170.

That is not a typo. One hundred and seventy dollars to build a fully functional app with authentication, payments, AI image editing, a credit system, and a custom domain.

For comparison, $170 might get you about 3 hours of an average developer's time. With Replit, it bought me a complete product.

What features did the app end up with?

Here is what ThumbClick shipped with on day one:

  • Google sign in for authentication
  • Upload thumbnails from a file or YouTube link
  • Find outlier thumbnails by searching video titles
  • Remix thumbnails to avoid copyright
  • Text prompt editing powered by Nano Banana
  • Face swap by uploading your own photo
  • Smart design suggestions using AI
  • One-click edit application
  • My Projects section with search and filter
  • Account section with credit history
  • Stripe billing with multiple plans and upgrades
  • Custom domain at thumbclick.ai

All of this was built through prompts. Not a single line of code was written by hand.

The PBT method for prompting Replit Agent

After 50 hours of prompting, I figured out a method that consistently produces good results.

I call it the PBT method, which stands for Plan, Build, Test. Here is how each step works.

What does the plan step do?

Before building anything complex, switch the agent to Plan mode.

In Plan mode, the agent does not write code. It thinks through the feature, asks clarifying questions, and produces a written plan.

For complex features, I also enable the high power model, which uses Claude Opus 4.1 instead of Claude Sonnet 4. Opus is smarter but costs about 5 times more, so I only use it when the problem is genuinely difficult.

You read the plan, adjust it, and only then move on. This step alone removes most of the bugs and misunderstandings that show up later.

How do you build the feature properly?

Once the plan looks good, switch to Build mode and tell the agent to implement the plan.

For simple changes, skip Plan mode entirely. Just type what you want and let it build.

For example, when I wanted to add a Real Size Preview button to the editor page, I wrote a detailed prompt describing exactly where the button should sit, what the popup should ask for, the character limit for the title, and how to handle missing profile pictures.

The more specific the prompt, the better the output. Reference exact pages using their route, like /editor, so the agent knows where to apply changes.

Why is the test step a game changer?

Agent 3 introduced an app testing feature that uses computer-use technology.

The agent opens a real browser, clicks buttons, types into fields, and tests your feature like a human would. This is computer use in action, where the AI sees the screen, identifies elements, and interacts with them.

To force testing, enable App testing in the agent settings and tell it to test after implementing. The agent decides on its own whether testing is worth it, but you can override that.

When the agent cannot get past something like a Google login security check, it asks you to take over. You sign in manually, click Mark Takeover Complete, and the agent continues testing from there.

Building the real size preview feature step by step

Let me walk you through how I used the PBT method to add one feature, so you can see it in action.

This is the exact process you can copy for any feature in any app you want to build.

How do you plan a feature with the agent?

I wanted a Real Size Preview button on the editor page. When clicked, it would show the thumbnail at the actual size YouTube displays, with the title, channel name, profile picture, views, and time posted.

I switched to Plan mode, enabled high power model, and wrote a detailed prompt covering:

  1. Where the button should sit in the UI
  2. What the popup should ask the user
  3. A character limit of 55 for the title
  4. How to handle missing profile pictures
  5. What metadata to display below the preview

The agent took about one minute and produced a full plan. It even researched the correct pixel size for a standard YouTube thumbnail grid. The plan cost about $1.

How does the build phase actually work?

I switched to Build mode and told the agent to implement the plan and test it.

The agent opened the editor page code, added the new React component, wired up the button, and built the popup. You can watch it edit files in real time through the file explorer.

When it tried to test, it hit a Google sign in security wall. It paused and asked me to take over. I logged in, completed the two factor authentication, and clicked Mark Takeover Complete.

The agent then opened my most recent project, clicked the preview icon, typed a sample title and channel name, and confirmed the popup worked.

What if something breaks?

After testing, the app crashed unexpectedly.

I stayed in Build mode, kept the high power model disabled since it was a simple bug fix, and prompted: The app crashed. Check the logs and fix this. Then test the preview feature in the remote browser.

The agent read the logs, identified the issue, fixed it, and tested again. This is the loop you will use constantly. Build, break, fix, test.

Total cost for the testing run was about $2.53 because computer-use testing is more expensive than normal prompts. A regular prompt usually costs less than a dollar.

What this means for your career and your ideas

The barrier to building software has collapsed.

You no longer need a co-founder who codes. You no longer need to raise money to hire developers. You just need an idea, a prompt, and a few days.

Should you still learn automation and AI skills?

Yes, more than ever.

Tools like Replit are powerful, but they are most powerful in the hands of people who understand systems, workflows, and how to design real automated processes. Knowing how to combine AI app building with RPA, agentic automation, and computer-use agents is what separates someone playing with toys from someone building a future-proof career.

If you want a structured path to becoming an Automation Developer, the Complete RPA Bootcamp takes you from beginner to pro. Instead of getting replaced by AI, you become the one building the AI and automation.

What should you build first?

Start with something small that solves a real problem you have.

Do not try to clone a full SaaS on day one. Build a single feature. Test it. Then add the next one. The PBT method works because it forces you to think in small, testable units.

Some ideas to start with:

  • An internal dashboard for your work tasks
  • A simple tool that uses an AI model to process documents
  • A landing page with a working signup form
  • A mini app that solves a problem in your hobby or side project

How do you get started today?

Sign up for Replit using this link to get $10 in free AI credits added to your account when you join the Core plan.

Open the agent, switch to Plan mode, and describe the simplest version of your idea. Let the agent ask questions. Refine the plan. Then build.

You will surprise yourself with what you can ship in a single weekend.

If you want to see the full demo of ThumbClick in action, including the PBT method walkthrough and live testing with computer use, watch the video embedded below. The Leon Petrou YouTube channel covers more deep dives into AI, automation, and building real products with these tools, so make sure you subscribe while you are there.