Open AI's ChatGPT vs Anthrophic's Claude, Which One To Choose?

Since the release of OpenAI's ChatGPT in November 2022, many other companies have launched their own Large Language Models (LLM). Everyone is competing every day to improve and excel. You can view their leaderboard here.

Instead of focusing on text generation, where the top LLMs are all very capable, let’s explore other features that are currently unavailable in OpenAI's ChatGPT.

One of the notable companies in the AI landscape is Anthropic, which made waves with the release of Claude in March 2023. Anthropic, the Amazon-backed challenger to OpenAI expanded their offerings by launching Artifacts within their AI Assistant, enhancing its capabilities even further. This addition promises to bring new dimensions to user interaction and productivity.

Let’s take a moment to ask the AI Assistant itself: what can we do with Artifacts?

What can we do with Claude Artifacts?

The capabilities of Claude Artifacts

Based on Claude's response, we can explore different interactive features using Claude's Artifacts. Let's start by trying some coding. Then we can try the SVG creation.

First, we ask Claude to create a 'Contact Us' form in HTML. As shown in the screenshot below, the form is rendered and interactive in a separate area from the main conversation, called 'Preview.'

Claude Artifacts - Contact Us form

Claude Artifacts can render a working contact us form

This is amazing! With ChatGPT, we only get the code, but it doesn't render the form for us. Claude, on the other hand, not only renders the form but also provides a 'Code view' that we can use in our application.

Claude Artifacts - Contact Us form

The Code view of Claude Artifacts.

What is a form without validation? Let's ask the LLM to add validation and another field at the same time. As you can see in the screenshot below, the form has been updated, and the preview is interactive, allowing us to test the validation. Additionally, Claude suggests a list of actions to further improve the form.

Claude Artifacts - Contact Us form add fields and validation

Continuous form building with Claude Artifacts.

If we switch to the code view of the Artifacts, as expected, the code for validation is generated. We can also highlight parts of the code to improve or explain them. Let's try the Explain action on the regex for the phone field.

Claude Artifacts - Contact Us form add fields and validation

Highlight and Improve or Explain the code

If we switch to the code view of the Artifacts, as expected, the code for validation is generated. We can also highlight parts of the code to improve or explain them. Let's try the Explain action on the regex for the phone field.

Claude Artifacts - code highlight and improve or explain

Highlight and Improve or Explain the code

After we highlight the code and click 'Explain,' the conversation area will take over and provides a detailed explanation of the code. This feature is also very useful for learning a programming language that we are not familiar with.

Claude Artifacts - Contact Us Regex Code explaination

Code explained in details

Finally, let's ask Claude to add the API calling part to the code. It is already quite complete, effectively managing both the loading state and API error handling, which will enhance its functionality and user experience

Claude Artifacts - Contact Us Adding API Call

Lastly, let add the API call

As promised, let's proceed with the SVG creation. The output is similar to the code we've seen, providing us with both a preview of the SVG and the corresponding SVG code. The conversation continues by explaining what is in the SVG and suggesting the next action.

Claude Artifacts - SVG of a cat

Claude Artifacts - SVG of a cat

I like the generated SVG cat and want to add a Halloween hat. I remember when we continue to modify the generated image with ChatGPT or Gemini, the original image will be different if we ask the LLM to add something. Let's see if this happens with the SVG.

Fortunately, it does not impact the original SVG; the cat is the same before and after adding the hat. It is probably easier to maintain the cat because the SVG is in codes. Besides, you can also go back to previous versions by using the version navigator.

Claude Artifacts - SVG of a cat with added hat

Claude Artifacts - SVG of a cat with added hat

As we can see in the examples above, Claude Artifacts has advantages over other LLM AI assistants, as it can preview the output and work directly with the generated output. This feature not only enhances productivity but also allows for immediate adjustments and improvements. This is very useful when we are working on coding, SVGs, charts, and workflows.

However, Anthropic's Claude cannot generate images yet, while other Generative AI tools such as OpenAI's ChatGPT, Microsoft's Copilot, and Google's Gemini already have this capability.

Recently, OpenAI's ChatGPT announced something similar called Canvas, a new interface for working with ChatGPT on writing and coding projects that go beyond simple chat. However, this feature is still in beta as of today and rolling out globally to ChatGPT Plus and Teams user

With major tech giants like Microsoft, Google, and Amazon competing in the AI space, we can expect rapid advancements that make AI more powerful, safer, and cost-effective, ultimately enabling us to build better solutions.


XIMNET is a digital solutions provider with two decades of track records specialising in web application development, AI Chatbot and system integration in Malaysia. XIMNET is launching a brand new way of building ChatGPT-powered AI Chatbot with XTOPIA.IO. Get in touch with us to find out more.

Get in touch
Name
Email
Contact No
Company Name
Company Website
Where did you learn about XTOPIA?
Thank you

We will get in touch with you soon.

Ooops!
Generic Popup2