You can ask any of today’s AI chatbots to help you design a web page, work with code, or write a report, but then you usually have to copy and paste the results into a separate program or file to see what they look like, go back to your conversation to tweak your request, and then go back and forth again and again. How cumbersome is that?

Also: How to use Claude (and how it differs from ChatGPT)

Claude AI’s new feature now aims to streamline this process. With the newly integrated artifact feature, Claude AI can create and display the fully formatted results of your query in real time and alongside your conversation.

The Artifacts feature was introduced as a web-based preview in June and is now fully developed and available to all Claude users on the Free, Pro and Team plans. You can use Artifacts not only on the Claude website but also in the iOS and Android apps.

“Artifacts make conversations with Claude a more creative and collaborative experience,” Claude AI developer Anthropic announced Tuesday. “With Artifacts, you have a dedicated window to instantly see, iterate on, and build on the work you’re creating with Claude. Since launching as a feature preview in June, users have created tens of millions of artifacts.”

Also: How does Claude work? Anthropic reveals its secrets

Artifacts allows you to create and visualize code snippets, flowcharts, graphs, websites, and interactive dashboards. Some examples cited by Anthropic include:

• Developers can create diagrams from code bases
• Product managers can create interactive prototypes to test new features
• Designers can create visualizations for prototyping
• Marketers can design campaign dashboards.
• Sales reps can create sales pipelines with forecasts.

The power of Artifacts is probably best illustrated with the example of web page creation. Let’s say you want to create a web page based on a specific topic and description. Go to the Claude AI website or launch the iOS or Android app. At the prompt, enter your request, for example, “Create a web page about London with space for photos and maps and a numbered list of the top ten places to visit.”

In response, Claude generates the necessary HTML and CSS code and then displays the formatted web page so you can see what it looks like. The generated page appears alongside your chat so you can view and edit everything on the same screen.

Need to tweak the results? Just send another request and Claude will adjust the page with the new information. In my example, I told Claude to add a description to each of the top ten locations and he rebuilt the page accordingly.

Also: Why you shouldn’t buy the iPhone 16 because of Apple Intelligence

At first, Claude displayed placeholders for the images and maps. I had to work with the AI ​​for some time until it replaced the image placeholders with royalty-free images and added a real interactive map based on a free map API. So, as with any AI, you’ll probably have to work with your original code or text to optimize the results. But when you see the results in real time, the process is quick, easy, and satisfying.

With a web page, you can easily switch between the raw HTML code and the finished page. You can also change HTML and CSS directly if you need to manually adjust the code. When you’re finished, you can publish your creation to Anthropic’s Artifacts website for you and others to view.

I’ve seen a lot of developments in the field of generative AI over the past few years. Some have excited me, others have left me rather unenthusiastic. But Claude’s new Artifacts feature is one of the first that inspired me to say, “Wow, this is really cool.”