AI news
August 28, 2024

Anthropic Launches Claude Artifacts To All Users, Including Support For Mobile

Anthropic's Claude Artifacts feature is now available to all users and mobile devices.

Jim Clyde Monge
by 
Jim Clyde Monge

Anthropic has just made its powerful AI assistant, Claude, even more accessible with the rollout of the Claude Artifacts feature to all users and its availability on iOS and Android devices. Artifacts, which was first introduced in June 2024 as a preview feature, has already impressed many users, including myself, with its ability to create mini web applications that can be shared online via a web link.

According to Anthropic, there are now tens of millions of user-generated Artifacts online. In one of my previous posts, I created a fully working snake game with a scoring system using this feature.

Prompt: create a fully working snake game web app with scoring system
Claude Artifact sample Prompt: create a fully working snake game web app with scoring system
Image by Jim Clyde Monge

Surprisingly, it only took one attempt to build this game. You can take this further by adding more complex features like stages, lives, etc.

Key Improvements to Artifacts

The rollout of Claude Artifacts to all users and mobile devices also includes several improvements:

  • A separate window to view and edit content created with Claude
  • Support for various formats, including code, flowcharts, graphics, websites, and dashboards
  • Syntax highlighting for code artifacts and improved selection
  • The ability to copy and export artifacts via the system share sheet

How Artifacts Came to be

The story behind the development of Artifacts is quite interesting. The feature was created by Anthropic’s research scientist Alex Tamkin and product designer Michael Wang, with the goal of developing a side-by-side interface of the prompt section and the rendered results.

Their vision was to create a more interactive and collaborative environment for users, moving beyond traditional chat interfaces to a workspace that allows for real-time editing and content generation.

For devs, this is a huge thing because it allows us to see the results of the codes generated by Claude without having to copy it to an IDE.

https://x.com/alexalbert__/status/1828463243821719688?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1828463243821719688%7Ctwgr%5Ec219c776eb8af55197b0748220ac0edeef9be467%7Ctwcon%5Es1_&ref_url=https%3A%2F%2Fcdn.embedly.com%2Fwidgets%2Fmedia.html%3Ftype%3Dtext2Fhtmlkey%3Da19fcc184b9711e1b4764040d3dc5c07schema%3Dtwitterurl%3Dhttps3A%2F%2Fx.com%2Falexalbert__%2Fstatus%2F1828463243821719688image%3D

The feedback from internal demos was overwhelmingly positive, leading to a push from Anthropic’s CEO, Dario Amodei, to launch the feature even while it was still in its early stages.

Claude Artifact how it came to be. Image from Anthropic’s announcement video
Image from Anthropic’s announcement video

This decision reflects a broader trend in the tech industry where rapid iteration and user feedback are prioritized to refine products quickly.

Since its introduction, the public response to Claude Artifacts has been largely enthusiastic. Users have expressed excitement about the potential of the feature to facilitate the rapid creation of applications and prototypes.

If by any chance you don’t like the experience and want to go back to the usual chat interface, you can toggle it off on the Settings page.

Claude Artifact toggle menu in settings screen
Image by Jim Clyde Monge

Expansion to Mobile

If there’s one thing I am most intrigued about, it’s the support for mobile devices. While it may not enable anyone to build mobile apps without programming experience just yet, it’s certainly a step in the right direction.

To get started, simply download the Claude app from either the App Store or the Google Play Store.

Image by Jim Clyde Monge

Anthropic’s Head of Developer Relations, Alex Albert, posted on X this morning that he was able to replicate the popular Flappy Bird game on his mobile phone through Artifacts.

“all morning replicating simple games with Claude. We’re nearing the era of mobile apps created in real-time by LLMs.”
https://x.com/alexalbert__/status/1828502920788103363?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E1828502920788103363%7Ctwgr%5Ee117384a09b9fba4404936c4d99d154e39d3f24f%7Ctwcon%5Es1_&ref_url=https%3A%2F%2Fcdn.embedly.com%2Fwidgets%2Fmedia.html%3Ftype%3Dtext2Fhtmlkey%3Da19fcc184b9711e1b4764040d3dc5c07schema%3Dtwitterurl%3Dhttps3A%2F%2Fx.com%2Falexalbert__%2Fstatus%2F18285029207881033633Fref_src3Dtwsrc255Etfw257Ctwcamp255Etweetembed257Ctwterm255E1828502920788103363257Ctwgr255E5dbd3a6787e365c8cf0ab29664e5e44d1b63ba1a257Ctwcon255Es1_26ref_url3Dhttps253A252F252Fventurebeat.com252Fai252Fanthropic-launches-claude-artifacts-generally-for-all-users-mobile252Fimage%3D

I immediately updated the Claude app on my iPhone, turned on the Artifacts feature under the Settings menu, and asked Claude to create a simple Flappy Bird game. The results were impressive, and it was incredibly easy to use. Here are the screenshots:

Claude Artifact on mobile screenshots. Simple flappy bird game example
Image by Jim Clyde Monge

Looking at the demos and experiencing it firsthand proves that we are nearing an era where mobile apps can be created in real-time.

If needed, you can continue the development on a larger screen.

Claude Artifact simple flappy bird game example
Image by Jim Clyde Monge

Other Use Cases

Claude helps teams create high-quality work faster. The tool currently supports code snippets, flowcharts, SVG graphics, websites, or interactive dashboards.

Here are some examples of how Artifacts can be used:

Claude Artifacts Use cases video
GIF from Anthropic

Note: Only users on the Free and Pro plans will be able to publish and remix Artifacts with the wider Claude community. For those on the Team plan, Artifacts can be shared within Projects, allowing for secure and efficient collaboration among team members.

Final Thoughts

Kudos to Anthropic for this impressive update. I expect the number of published Artifacts to blow up in the next couple of days, and I can’t wait to experiment with this tool myself to see how far it can go.

If there’s one thing I don’t like about Claude, it’s the token limit for free users and the lack of support for web browsing. Sometimes, I hit the limit after merely two or three messages, which is quite small compared to ChatGPT or Gemini.

Additionally, like everyone else, I’m still waiting for the release of Claude 3.5 Opus. When are they gonna drop it? It’s been a while now, and people are excited to see what this massive model can do.

‍

Get your brand or product featured on Jim Monge's audience