Claude.ai: How I made a Website in 1 hour with Claude?

A friend of mine asked me to develop a website for him. I decided to try using AI for website design to see if it could help create a good website. For this purpose, I chose the free version of Claude.ai. The results were astonishing; within just one hour of purchasing the domain and connecting the hosting, I managed to design a desirable website for him. In this blog, I will guide you through how I made a website in 1 hour with Claude.ai? Whether you’re a developer or not, if you want to develop your own website, you can follow this method to create your custom website design in just a few hours. You don’t need a developer in the age of AI, lets uncover full method here.

The website I planned to design was a portfolio website. He shared his CV with me in PDF format, along with two photos. That was all the material I received from him. I purchased a domain from Fastcomet and then started using Claude.ai to generate custom code for the website.

What is Claude.ai?

Claude is an advanced AI assistant developed by Anthropic. It is a secure, reliable, and efficient code-writing tool. It comes with freemium plans. I used the free version to generate my website code. Claude.ai specializes in writing and improving code in all development languages. It is very easy to use and can understand commands of every type very well. All you need to start using it is an account, which you can create using your email or Google account, whichever you prefer. That’s all!

Development of a Website Using Claude.ai

After logging into Claude’s system, I uploaded a CV and two photos and entered the prompt, “Based on this CV, please design a beautiful, elegant, and modern portfolio website.” Claude.ai immediately began writing code after receiving this prompt. In just 2-3 minutes, I received code written in HTML and CSS, along with a preview of that code. By simply copying the code and pasting it into the index.html file in the CPANEL of my hosting, my website was ready.

I was amazed by the quality of the design, the arrangement of content, and the use of relevant icons, images, and graphics on the website. I felt that there was no need to modify the code further; everything was just perfect. The color code choice by Claude was modern and minimalistic, which is trending nowadays.

Resulted Website Developed Using Claude

I am attaching a screenshot of the website I made using Claude’s code. I have also attached its link so you can see the result live on the webpage. This will give you the courage to develop your own website without writing a single line of code by yourself. You can ask Claude to modify the code or parts of the code with simple prompts.

Limitations of Free Plan of Claude

There are very few limitations you will experience if you enter a lot of prompts or very long prompts in the free version of Claude.ai. Sometimes it can stop writing code in the middle without completing the entire code in one go because of the word limit in free versions. If you enter a lot of queries, your free balance may run out. For this, you can buy the premium plan of Claude.ai to experience all the features without worries for $18 per month.

Conclusion

There are many options available on the market in terms of AI code-writing tools. I have already written blogs on them. All are very good and have their pros and cons. Overall, I am very satisfied with the quality of Claude.ai and its ability to understand prompts.

If you need any help in the process of making a website using AI, you can comment below, and I will assist you in detail.