User Avatar

Stephen Flanagan

1y ago

Sharing lessons and tips on SEO, AI and Marketing.

Watch as Claude.ai codes an entire landing page in seconds from a single prompt!
Made by @FlanStephen

All You Need To Do Is:

1 - Go to Claude ai and log in with your account.

2 - Make sure you have enabled Claude 3.5 Sonnet and the artifacts feature.

3 - Upload your screenshot and prompt it to generate a similar website for you.

My First Prompt: (I also attached a screengrab of Neil Patel's Website)

"Generate a website, with the code, that looks similar to the attached website. My website will focus on building custom landing pages for small business owners."

Result 1:

• Attached: First video.

Not bad considering the lack of detail I provided!

I also wanted to show how easy it is to iterate on this. For my second prompt, I asked Claude:

• Update the theme to look more like the Unbounce website.

• Add some testimonials.

• Incorporate additional text I provided.

Result 2:

• Shown in the second attached video.

Pretty impressive results from just two basic prompts! The barrier to entry continues to shrink, opening up so many use cases for the future:

• Rapid Prototyping: Quickly create a basic version of a website or landing page to test ideas and gather feedback.

• No-Code Solutions: Build functional websites without requiring any coding knowledge, making it accessible to a wider audience.

• MVP Development: Develop a Minimum Viable Product to launch and validate ideas without investing heavily in development.

• Reduced costs: Save time and money by automating many of the tasks involved in website creation.

Imagine how good this will be in a year or two!

The all-in-one writing platform.

Write, publish everywhere, see what works, and become a better writer - all in one place.

Trusted by 80,000+ writers