Leveraging AI

258 | How I Built an AI Website + Editor from Scratch with Claude & Replit (And Zero Developers)

• Isar Meitis • Season 1 • Episode 258

Share episode

📢 Want to thrive in 2026?
Join the next AI Business Transformation cohort kicking off January 20th, 2026.
🎯 Practical, not theoretical. Tailored for business professionals. - https://multiplai.ai/ai-course/

Learn more about Advance Course (Master the Art of End-to-End AI Automation): https://multiplai.ai/advance-course/

Can you really build a high-performing product or website with zero coding and zero outside help using only AI?

In this solo episode, Isar shares exactly how he took an idea from his head and turned it into a fully functional, beautifully designed, and highly interactive AI-powered website without hiring developers or using platforms like Wix. The best part? The entire solution cost under $150.

Using tools like Claude, Replit, and vibe coding platforms, Isar built both the product and the tools to manage and edit it creating a fully customizable, developer-level web experience powered entirely by AI prompts and prototypes.

This isn’t just a tutorial, it’s a live demo in thinking, building, troubleshooting, and shipping with AI like a modern business leader.

In this session, you’ll discover:

  • How to turn a raw idea into a working solution using AI (step-by-step)
  • Why vibe coding tools like Replit are game-changers for business builders
  • How to prototype, design, and deploy a branded website with zero technical skills
  • When to switch from ChatGPT/Claude to more advanced platforms
  • How to build your own website editor inside AI tools (and why that’s a huge unlock)
  • How to handle rollbacks, version control, transitions, color palettes and dynamic UI
  • The real cost and time breakdown of this project and how to do it smarter



About Leveraging AI

If you’ve enjoyed or benefited from some of the insights of this episode, leave us a five-star review on your favorite podcast platform, and let us know what you learned, found helpful, or liked most about this show!

GMT20260104-211355_Recording_avo_1280x720:

Hello and welcome to the Leveraging AI Podcast, a podcast that shares practical, ethical ways to leverage AI to improve efficiency, grow your business, and advance your career. This is Isar Metis, your host, and today I'm going to walk you through the process on how I go from having an idea in my head to a fully functioning working product with all the steps in between. It will involve using AI for research. It will involve using AI for ideation. It will involve using AI for visual decision making, prototyping, as well as vibe, coding, and actual solution in the end. And we're gonna do all of that in just a matter of about 30 minutes. So it's going to be really exciting if. Want to build any kind of solution and you have ideas on what you want to get, but you're not sure exactly how to get there, this would be a perfect episode for you. So let's get started. A Little bit of background. I have a second company other than MultiplAI. So MultiplAI is the company in which I provide AI education and consulting services. And the other company is called Data Breeze. And what Data Breeze does is a product that was under stealth until very recently, but it is just released and available now for companies and it uses aI agents in order to do AI vouching and reconciliation at scale in a very effective way, taking the times it takes to do AI vouching and reconciliation from multiple people every single day to one person can manage a very large amount of invoices and do this a lot quicker while still giving full visibility to the human on what's actually happening and what are the changes that are going to be inputted into the accounting system or ERP, depending on the setup of the company? So that's a general idea, but as I mentioned, the company's now moving out of stealth to actual client deployment, and hence, I needed a website. And previously when I needed a website, I usually either went myself on a platform like Wix or like Elementor on WordPress and created a website myself. Or if I wanted something that looks a little fancier, I would hire somebody off of Upwork or Fiverr. To develop the website for me. Either way, I would invest a lot of time and X number of thousands of dollars in the creation of it. If I'm counting the value of my own time or if I'm paying for somebody else to do this. But this time I said, okay, no more. I'm in the AI business. I can do this myself. I'm not going to use any third party platform and I'm not going to pay anybody. I'm going to figure this out myself. Just me and different AI tools. And let's see how far I can push it from the ideas that I have in my head into a working website. Now while the example I'm gonna give you is about a website, the same thing would be true to any other application you want to develop. So in general, you need four steps in order to go from the beginning to the end of that. The first step is research, right? You need to do research, and we're not gonna dive into that because hopefully most of you by now know how to do deep research. If not, go back and check. If you want to learn more about deep research, go back to episode 171 titled The Ultimate Battle of Deep Research, ChatGPT Versus Gemini Versus Perplexity Versus Grok versus you.com, and you can learn more about the deep research side, but if you use it for deep research, you can learn about your target audience. You can learn about your competition, you can learn about many other aspects that you need to know about before developing a solution. If you're doing something for just your own personal or company usage, then competition is less relevant. But still, you wanna know. What it needs to connect to, what kind of APIs exist, what other tools, cps, all these kind of things. You can do all of that with deep research. So that is step number one. Step number two is defining the actual requirements of the product, so doing a product design phase. All AI tools, regardless of which one you're going to use, are most likely better than you in writing a product requirements document or A PRD for short. And all you gotta do is explain to it what you want to create, has ask it to help you through the process. Ask it to ask you clarifying questions, and then have it write an initial PRD, and then go back and forth several times to start the implementation. So that's step two. Step three is creating a prototype. Inside of your favorite AI tool. This could be in Cha g pt, this could be in cloud, this could be in Gemini. It doesn't matter. And ask it to create it specifically for its own Canvas solution. So if it is in ChatGPT, it's actually called Canvas. And the same thing in Gemini. But if you are in claw, then it's called an artifact. The benefit of creating a canvas or an artifact is the fact that it is fast and quick and runs within the system you already have access to. Right now, the disadvantage, the biggest disadvantage is that it doesn't have a back end. The other big disadvantage is that there's no rollback capabilities. So if you break something, you have to. Unbreak it or fix it and you can roll back to the previous version that was actually working okay. That you do get, if you go to step four, which is using some kind of a vibe coding solution, whether Cursor or Replit or lovable or base 44 or whichever tool you prefer in order to create vibe coding in. What we're going to cover in this episode is steps three and four. So after I have done the research and the design, and I'm now in the step of, I wanna start implementing the actual solution and how do I do that? Now in this particular case, because it was a website and not a fully functioning working application, the product requirements document was not actually needed, meaning I just went ahead and started with several ideas that I had in the research. One of the things I was looking for is cool, unique, different websites. So because my platform goes into the accounting software space, which is maybe the most. Maybe the most boring topic you can think about. I wanted the website to be very different, cool and unique, and do not look like any other website out there. Definitely not like any other accounting software platform out there. And hence, one of the things I was looking for in the research is specific unique websites that have cool transitions and look interesting to my taste. And so this is how I started when I started using Claude. The reason I went with Claude and not with ChatGPT or Gemini, is that I find that Claude better understands my needs when it comes to design, and hence why I went with Claude as my initial starting point. And I must admit that I'm actually very happy with it. So I'll probably, as of right now, would recommend to use Claude if you're creating something inside of a standard aI platform, and you're looking for high-end solution when it comes to the graphic interface of the thing that you're developing. So for the prototyping phase. So really all I did in the first prompt was very basic. I opened a regular chatting, Claude, and I said, these websites have some amazing transitions and unique graphics, and I gave it links to several of the websites and I said would you be able to create a website based on my callers and my messaging, but using these kind of transitions if needed? I can provide you with a video of the transitions and scrolling. And some of the cool things in these websites were that they have very unique scrolling where some of the transitions happened when you were scrolling that were not just regular vertical scrolling as we used to from most websites. And the answer from the AI was I'd love to help you create a website with these stunning transitions. Let me first take a look at the designs of these websites to understand the specific effects, you are drone to and also pull up your MultiplAI AI brand guidelines. We talked about this in previous episodes, but inside of Claude, I have a Claude Brand Guidelines Skill, which it knows how to pull from, and. Those of you who are watching the screen can see that It says, I found your multiple AI brand guidelines, which look great, and it gave me the colors and the fonts, et cetera. But then it said it had a limitation with looking at the website. It can see the website, but it cannot see the transitions because it wasn't able to scroll. So it said, yes, a video would be incredibly helpful. That way I can see exactly which effects you love, et cetera. And so it also asked me what the website is for, what sections or pages are needed, and what key messages do I want to communicate. So then I uploaded. A video of the different websites and how they work. And then I also uploaded the different versions of the logo that I have for Data Breeze, which was the only design elements that I had, and I wrote the following prompt. This will not be for MultiplAI, but for another brand. The brand is called Data Breeze. I do not have a full branding kit for it. All I have is the logo. I would like you to suggest the entire color palette and design the brand guidelines based on the style of the logo. This is a tech company that is supposed to dramatically reduce the amount of time people invest in data entry. The branding should reflect, freshness, advanced technology, speed, and innovation while maintaining simplicity and calmness. Also, attached is the video that hopefully will allow you to analyze and to see the transitions and how they work. It got back and said excellent. This is for Data breeze. Love the logos. The following wave icon is perfect for conveying breeze through data entry. Let me analyze the video and ex and extract colors from your logo and build a complete brand guidelines. So then he wrote a few more things and then it actually came out with the actual colors in my logo and suggested what the website should break out and look like as far as the breakdown and provided me with two different outputs. One is brand guidelines and the other is a working prototype or the website. It also asked me what are the key messages or the sections that I want and the messages in each section. Do I have a specific tagline or copy ready? And what is the primary call to action? And I give it in and I give it all of that information in detail, and then it created me. Two different outputs. One of them was the brand guidelines, which those of you're watching we'll be able to see in a minute. It has a full document that says database brand guidelines, brand overview, brand attributes, fresh and clean technology, advanced, fast and efficient, and so on. The color palette, the secondary colors, where do they belong? What is the typography? H one, H two, H three, body, small captions. Fallback font, the leading font, all the things that you need in a brand guidelines. So this is a five page document of my bread guidelines, and it also created an initial version of the website that you can see right now. And this website basically says database on top. Get in touch as the action item. It has the tagline that I provided to it that says, zero Human Error, zero data entry, zero time Wasted Precision vouching powered by AI Agents. Now the website is currently roughly static. There's a few basic transitions that come in and it looks more like a basic kids gaming platform than anything else. Definitely not the techie Advanced website that I wanted to create. Then I wrote, I would like you to review the video again, and specifically look at the transitions. If you have any way to look at the code behind the websites, or if you can walk me through how to get that information, I will try to do that. The website includes some horizontal scrolling for a section of a website. Plus some really unique transitions in shifting of images as the user scrolls. So now it went to do some more research and it looked at the video again, and then it identified the different kind of transitions that happen. It says, stroll triggered by horizontal gallery, split screen color wipe 3D floating mockups, scroll pinned sections, staggered text reveal, animated underlines, large text footer, parallax. So now it had the things it needed to develop and it. Went ahead and said, want me to build version two with all these components? And I said, please build version two. As far as the images that are being used. You can use any placeholders. And once I see the second version, I can provide you with the relevant real images to put instead of these placeholders. So then it created version two of the website and. Again, those of you who are watching the video can see that in this segment. Now there's actual really cool transition, so you get to an A section where there are images that are in different angles and in different sizes, and they actually scroll horizontally as you get to that section. And only when the section is over, it continues scrolling vertically. And then there's a few other small movements in other sections, but at least it captured the horizontal scrolling section that I requested. It also created the placeholders for the images that exist in that section and in every other section in the area. And it actually gave them names. So one of them says, analytics dashboard, ERP, integration, AI agent, workflow, invoice processing, et cetera. So this way I can see how the website will work and gives me an idea of what images will go where, but without actually having to figure out what the images will be. Then I ask it to make additional transitions that existed in the websites that I gave it, and went back and forth several times until it provided me the next version. So in the next version. The vertical scrolling looks much better. The websites looks a lot more professional and less like a game. There are additional Zoom transitions and some other movements as I'm scrolling the website. So it's coming together slowly but surely. But then I had another issue. It added these. Orange and beige colors and that I did not like into the overall palette that it made up in the beginning. And this goes back to doing another research. So I wrote, this is much better. But before we're diving into more details, I would like to work on the big picture. I would like you to do some research on color palettes that will be relevant and work well. With the two colors that exist in the logo right now, the lime green and the dark navy blue. I would like you to make several suggestions based on a thorough online research on what would be a good, what would be good color palettes. Go back to what I mentioned earlier as what I want the feeling to be when people scroll through the website. As an example, I think that a light background light gray or, or white, will actually work better than the dark background for the goal that I'm trying to create. What I would like you to create is boards one above the other, itch with a different color palette, creating code, so I can see it in one screen, one above the other, and compare it. So then it created something actually really, really cool. It took the original two colors that I had in my logo, and it says, your logo, colors, and it said, fresh, clean technology, advanced, fast, efficient, innovative, simple and calm, trustworthy and professional. These are the target brand feelings that I requested in the beginning, and then it gave me several different options. Option one was called Clean Minimal and has several different. Colors. But in addition to just giving me the color swatch, it also created like a very basic homepage that has my tagline in a button in the logo and a few other basic elements showing me how this color palette will actually look if we implement a basic version of the website. And then the second version was warm and sophisticated with a slightly different color palette. The third one was Cool tech. That added this light blue. And a in a different shade of gray to it and so on and so forth. Each and every one of them showing me both the color palette as well as how it is going to look like in the homepage implementation, which was very helpful. This was a really great way for me to understand how a color palette will look like in an actual website, and I thought that three of them actually look pretty good and I couldn't really decide. Just based on the limited simple homepage that it created. So I went ahead and asked the following Great work. There are three that I like in concept, the clean, minimal, cool tech, and pure white, minimal. These are the names that it gave to these colors. I would like you to create three different versions of the website that you created earlier using one of these three color palettes. Name them accordingly. So I would like you to create three different versions of the website that you created earlier using one of these three color palettes. Name them accordingly so I know which artifact is which style. So artifact is the way that Claude shows you on the right side the output of what it has created. And I ask for three different versions. Or I continued and said the other option. If you think it is going to be easier for you, you can create one version of the website with a dropdown menu on top. That will allow me to pick one of the three options. When I pick that option, it will change the colors of everything in the website. This means that the actual colors of everything in the website needs to be parameters and dynamically be applied when I select from the dropdown menu. This will allow me to understand how it's actually going to look like. If we develop the website, so it suggested going with a dropdown menu, which is actually really cool. So if I show you the website, those of you who are watching this, you can see that the website looks roughly like it did before with the same transitions and so on. But there's a dropdown menu on top that said theme, and it has a three different options. So if I scroll to a section that has more stuff in it, and I. Switch. You can see that the colors of multiple components are changing. The images, the backgrounds, the transitions, the buttons, everything changes based on the style that I select. This was, again, an amazing unlock based on a very short, simple prompt, allowing me to really see the differences in design between the three different options. That allowed me to pick the option that I liked. And from there I just kept going and going and adding more and more features and more transitions to the website based on the one version, based on the one color palette that now I selected as my brand. And so then. Every one of the components, different transitions, different zoom effects, different changes between one segment and the other. And again, those of you are watching can see that the website now has a lot more features and it actually is crawling. Very, very cool. As you move forward. So this was my prototype. I got to a very good point as far as how the transitions, what are gonna be the different segments, what are gonna be the messaging in each one, but then. I thought about a problem from a practical implementation perspective. Every time I wanna make even a small change to this website, such as changing the text or changing the image, or moving stuff around, or changing the size of an image, I had to write a detailed prompt explaining exactly what I want to change. When in reality I just want to change two words in a sentence, but there's no way for me to actually. Edit what is on the screen because it's just rendering the HTML. This was the point that I needed something more. I needed an actual platform that will allow me to add more functionality. I also needed the ability to now control the versions better because I keep on changing more and more stuff and then things break and then it becomes harder and harder to fix. So at that point in time, I went to my favorite vibe coding platform, which is Replit. So two words about. What is Repli and what are vibe coding tools? There is now a pretty wide range of vibe, coding tools, but I would say the top three or four are Cursor, which is more for technical people and people actually write code, but still has. Vibe coding functionality. There's repli, which I believe is the best balance between more technical, more advanced capabilities combined with simple, easy to use agents that can do everything for you if you know nothing about writing code and structure rate and so on. But you also have tools like Lovable, and Base 44, which each has its own pros and cons. But all these tools work roughly the same. You start by giving it your design and ideas and what you want to create, and give it some additional and some additional information and give it as much information as possible on the way you want the outcome to look, and it will create it for you, and you can iterate from there. So the first step in this case was literally giving it the code from Claude. So if you are in Claude and you see the website on the right in the artifact, which is again just a, the display of the regular code that everybody has access to, there's a little tuggle button on top. One option looks like an I that shows you the actual website. But if I click on the other option. It will actually show me the HTML code that it has created to create this website and there's a copy button. So I copied the code and gave that to Repli and asked it to continue. From there, what I asked it to do is to do two things. One is to create the website in a way that will be easy for it to deploy, but the other is to create an editor for me that will allow me to select different components on the screen. Edit them. So if I select an image, allow me to edit the image. If I select text, allow me to edit the text. Now again, those of you who are watching this episode, and there is a link to the YouTube episode, if you are not driving, you can see it right now. I suggest you do that. You'll be able to see that the website here looks way more advanced because this is probably version 57 or whatever versus version four that you've seen previously. But you can see a lot more advanced functions and capabilities. You will see that the transitions are a lot more professional. You will see that there's actual images instead of placeholders. The messaging are there, the colors of the buttons and the logos are changing as the background is changing. It's a really cool and unique website that only transitions as I scroll, so those of again, are watching it and seeing things are happening. They're happening when I'm scrolling the screen, and if not, it's just staying still. So I really like the way it came out, but the cool thing is. You will see that if I put my mouse around anything, it actually puts a highlight around that component. So if it's an image, it puts a green box around the image, if it's a text, the same thing. And if I click on that, it actually opens a menu on the right side, a very similar menu to what you would have in weeks or Elementor or any other website. Editing platform so you can see I can change the text, I can change the link. If I wanna put a link in the text, I can make it the style of a hyperlink or not. I can change the font family, what type of font, what font size, what's the line spacing? What's the letter spacing, which colors I want to use either out of my palette of the website, or I can pick any other color that I want. Then I can select either by code or by dragging. Along a color palette, just like in any other editor, I can control the alignment, I can control the layout, the width, and many other aspects as far as padding and so on. Just like a professional editor, this is not the first version of this. So in the first version, I had very basic for functionality, such as changing the text and changing the style and the color of the font, and then the other components I added as I needed more capabilities. Another good example of something I didn't think of in the beginning, but then it became very clear as I continued to developing it, is that I need three different variations. One for a large screen, one for a middle-sized screen, which can either be a laptop or a tablet, and one for a mobile version. So now. You can see in my editor, I have all the different functions. I can see the website, so if I close the editor, I can see the website, how it's gonna look like on a large screen, how it's gonna look like on a smaller screen, and how it's gonna look like on a mobile device. But I can also, when I edit a component, I can select whether it's gonna impact one, two. Or all of the different variations when I change the text or the size of the font, et cetera. I also added a save button. The save button actually does something very interesting. So those of you who know how to write code know that code work in Git, in GitHub, or if you want each and every one of them is a version that gets saved that you can roll back to with a bunch of notes. So now when I hit save, it actually saves the website, not the editor. And I can roll back to whatever previous version I want, looking at the notes, comparing them and so on. So it works like a professional website development or professional coding environment. Without actually being a coder, I just have a save button. But if I want to roll back, all I have to do is go to my communication with the chat on the left and say, Hey. What of the previous versions, what were the notes that I said that is working? And then it will tell me, and then I can ask it to roll to a specific version and it will do that for me. It also has a history button where I can click and see the recent history and I can roll back straight from here. Again, this is a later functionality because I was getting tired of asking the AI to roll back for me, so now I can see the entire history, everything that changed, and I have a rollback button, and I have a more detailed button that will tell me all the things that have changed. So that is there as well. And what you can see in the history. I have a history of the website and I also have a history of the editor because I'm asking the AI in a regular chat in simple English to upgrade the editor that I need. So as I mentioned to you, the editor was very basic in the beginning, and I can sing dance and do a lot of other cool stuff. And so, all of these things happened step by step every time I needed. An additional functionality, I just added that functionality to the editor and ask it to save it separate from the website. So now I have two separate abilities to save changes to the timeline and roll back on the timeline either to the website as the final output or to the editor. So how does the process work right now? So the process work right now, when I work on the website, if I want to change just a sentence or a word or an image, I just click on it and make the changes just by typing or by uploading the images that I need and then saving it because then it creates another step in the timeline that I can roll back to. Or if I wanna make more major changes like specific transitions. Or more advanced functionality or adding forms or things like that. I just ask the AI to create it for me. Now, as you can see as an example on this page, and I'll describe to you who are not watching it, is showing a table with processed invoices with no invoices in it, and it's showing six different really small invoices on the side. And as I'm scrolling, the invoices gets pulled into the table and lines get added to the table. This is a really advanced, kinda like animation. That happens as I'm scrolling and if I'm not scrolling, it just stops. That I ask the AI to create just by brainstorming with it ideas on what will be interesting ways to display how the system works. So each and every one of these components was a combination of brainstorming with AI together with. Asking the AI to make changes or me asking to change stuff. As an example, the images of the process of using the tool. If I click on any of those, it allows me to upload a new image to define the resolution, to zoom in and out on it to create a link in the background and so on. Again, everything that exists in other platforms as well. So let's do a quick summary and recap of what I did and what you need to know about it. First of all, you need the idea. You need to know what you're trying to create. This could be an application that can help you and stuff in your work. This could be a website. This could be a tool. This could be a data processing solution. Whatever it is that you want to create, you need the idea on something that can help you. Then you need to do the research. Then you need to do an initial design, and then you need to interact with the AI to create an initial prototype. You can do this in Chachi, pt, Claude Gemini, whatever your tool is. Once you wanna start having some kind of a backend, the ability to roll back to previous versions, the ability to add more data behind it, such as databases or connecting it to different third party tools. Et cetera. Like in this case, it is connected to the ability to book time with me, so it's connected to my calendar application. It is connected to a pricing model that dynamically calculates pricing and so on, so it has a more advanced backend. You need something like a vibe coding tool, and you can pick the one that you works best for you. Again, the four I would suggest. To test as the first options are lovable, replicate base 44 and cursor. Find the one that you connect with the most. They're all gonna be great if you're just getting started. Again, more nuanced version of this. I'll probably record a separate episode comparing, the leading tools and showing you why I like Repli more specifically. Then once you have your initial design and you have your prototype, and you have your design document, so both the visual guidelines as well as exactly what you're trying to create, A-P-R-D-A product requirements document, you can bring all of those into your vibe coding platform, create version one, and start iterating from there. The big unlock for me when developing the website. Was to develop the website development tool in addition to developing the website. Why was that being unlocked? Because for many different things, it's a lot easier to just click and zoom in and out on an image to get it exactly the size you want, versus having to type three sentences, a paragraph or two paragraphs in order to explain exactly. What you want, and then it's zoomed in too far. It's not zoomed in enough. And every one of these iterations, you need to write a lot of explanations instead of just clicking and doing whatever you want it to do. By the way, about a week after I created this tool. Cursor came out with a new version in which there is a website design capabilities lovable has something similar, but I still really like what I created because it only has the functionality that I need. It works exactly in the way I want it to work, so I don't have to align my. Development process to the way the tools are built. I literally build my own tools based on my exact specific needs, and they work exactly as I need them. Sentence of warning. I did find myself spending sometimes a couple of hours in troubleshooting things that I created with a wrong prompt, and sometimes it literally forced me to spend more time than I wanted and having to roll back because I broke different things. For me, it was part of the learning process and the really interesting thing as far as cost, which is I'm sure something you're asking yourself, so I have the basic paid version of Repli, which is only$20 per month, and it has limited functionality, but I actually have a trick. That makes it significantly cheaper while still making it very, very powerful. And that trick is instead of using the agents inside Rept, which by the way are amazing, they have a great design agent. They have a great system architect agent. They have a great testing agent. They have a very capable solution for somebody who doesn't know what they're doing at all, and you just have to chat with it and it will do everything for you. But I do know what I'm doing. I ran software companies for more than 20 years, and so I knew exactly what I want to do and I wanted to have more control. And I wanted to make it cheaper. So the fact that they have all these agents is awesome, but it means it's consuming a lot more tokens because all these agents have to work and collaborate together, which by the way, is magical to watch. So if you're curious, it's worth doing a small project in rep just to do it. But the way to make it significantly cheaper is actually to run Claude Code inside of Replicate. So how do you do that? And what the hell is Claude Code and why is it cheaper? Claude Code. Is Claude's solution to write code. It is one of the tools that Repli is running behind the scenes, but they're running it through the API, meaning you're paying 20 bucks a month, but if you're gonna use more than what you were assigned, you are going to pay extra for the additional tokens that you are consuming. It is going to tell you that. It's going to tell you you've used all your tokens. Do you want to continue and get charged? By the token, you're probably gonna say yes because you're in the middle of a project and then you're gonna get charged. Whatever amount I find myself sometimes paying, 40 to$60 per week. Just working intensively on something specific. Well, the solution of running cloud code that changes that completely. So how do you run cloud code inside of Rep? And that's gonna be a little technical, but not really inside repli, one of the functions is called a Shell, and you open it literally on the plus sign on the top of Repli. You click plus and has all these different options like publishing and integrations and databases and app storage, all this stuff that sounds really, really scary if you have no clue what you're doing. So you can ignore it and not use it. All you need is preview, which shows you what is, what the development looks like when it's running, and the second option is called Shell. Inside of the Shell, you can run CLO and all. You can run Claude, and all you need to do to learn how to do this is go to Claude itself and say, Hey, I wanna run Claude Code inside of a Shell in Replicate. What do I need to do? It will tell you the one line you need to write in order to install it. That's it. It's a one line that it will give you, you copy and paste it, and then you can run. You can run Claude inside of Rep but even in there you have two different options. Once you actually run clo Claude, after you installed it, it will ask you, do you wanna run in dark mode? Light mode, whatever mode you wanna run. I don't really care. But then it gives you two different options. Select login method, option number one. Claude account with subscription Pro Max team or Enterprise. And then option two, anthropic console account, API Usage billing. The second option will basically charge you as you use. You use a lot, you're gonna pay more. You use less. You're gonna pay less. The cool thing about using the Claude account with subscription, it is limited to the amount of money you're paying. You're paying Claude. So initially I started with a$20 a month program and very quickly got stuck, but then you can upgrade to a hundred dollars. Per month. And since then, I did not get stuck even once, even in days that I spent eight hours having it code and test stuff for me. So I basically capped my cost for rep at$120 instead of some weeks paying 60,$70 in a week, which is a lot more money. And so the entire cost of the development of the website and the website development tools, since I've done the entire work in about two weeks was. A hundred dollars or$120 if you include the Repli account. So significantly less than I would've paid a person to develop a very advanced, really cool website that is aligned with everything that I wanted. And yes, I invested myself x number of hours. If I had to guess, I would say I invested probably between 30 and 35 hours developing the website and the website development tool that now allows me to iterate significantly faster for future versions of the website. What is the lessons to learn in the bottom line for you? The bottom line is you can now develop any solution you need, whether it's basic applications, advanced applications, entire websites, segments of the websites, all by using simple English, all by following the steps that I described to you in the episode today. If you are afraid of all the technical jargon and some stuff that I mentioned such as databases and APIs and so on, just ignore it. You really do not need to know any of these things. You can just go out and experiment, build a game with your kids if you don't know what to start with, and come up with ideas and then develop it inside of Cloud or Chacha or Gemini, and then make it more advanced by taking it into one of these vibe coding tools, I promise you it will open an entire universe of AI use cases that you thought are impossible. That are for more advanced user than you, and now you can do it yourself. That is it for today's episode. I hope you found this valuable. I would love to hear your thoughts about this episode. So if you are not connected with me on LinkedIn, please connect with me. I'm the only Essar Mateis on LinkedIn, so I'm really easy to find. And if you feel that this episode was a little too advanced and you need some more basic capabilities, go check out our training solutions. We have a self-guided, self-paced course that you can take, and there is the course that I am teaching that you can join me for eight hours plus office hours in between to help you learn everything you need to know as far as AI solutions for businesses. I've been teaching this course and there's a link in the show notes to take you straight to all the information about these courses. Go check them out. Come and join us. As I mentioned, come and join us. This, the next course that I am teaching is happening. On the third week of January. So this could be an amazing start for you in 2026. I hope to see you there and until next time, have an amazing rest of your week.

Head Shot

Isar Meitis

Host