Anthropic is finally back on the radar of Generative AI technology, with its latest AI model release, Claude 3.5 Sonnet. It even outperforms Claude 3 Opus on a variety of speed and powerful evaluations. Several Developers explored its tremendous capabilities and shared them with the world.
The use cases shared by the developers show that it is excellent at web app deployment, generating images and animations, and also API integrations. These things make Claude 3.5 Sonnet the Best LLM made for Developers.
10 Amazing Capabilities of Claude 3.5 Sonnet
A lot of Developers worldwide have accessed the Claude 3.5 sonnet model and shared their mindblowing experiences with the advanced features and technicalities surrounding coding, debugging, deployment, and much more!
1) A Snake Game in React
The best thing about the Claude 3.5 Sonnet model is that it comes with an artifacts feature that allows it to run the codes on the right side of your screen and deploy whatever applications you are asking for instantly.
Coding with Claude 3.5 Sonnet is 10x more efficient than GPT-4o or any other LLMs out there.
— Shubham Saboo (@Saboo_Shubham_) June 20, 2024
Plus, the new Artifacts feature can generate and run code next to your chat providing an amazing user experience. pic.twitter.com/eRfPkBUvra
Take a look at this video, shared by an AI enthusiast and developer, where he asked the Claude 3.5 Sonnet model to develop a snake game using React. It amazes me how Claude instantly begins to code the game on the Artifacts screen just beside the chat.
Not only that, but it also runs the code to show the snake game in action. There’s even a button to restart the game! This is mindblowing from Claude 3.5 Sonnet, coding and deploying applications side by side in the chat!
2) A Fully Functional Mancala Web App
Here’s another AI enthusiast named Allie K. Miller, who shares her experience with Claude 3.5 Sonnet. Interestingly here she gave the image of instructions for a Mancala Web App game and asked Claude to deploy a web app based on those instructions.
This is wild.
— Allie K. Miller (@alliekmiller) June 20, 2024
In just 25 seconds, Claude 3.5 Sonnet coded a fully functional Mancala web app for me 🕹️
I only provided ONE screenshot of the game's instructions.
It did the rest:
– Coded the entire game
– Previewed it so I could test
– Provided rules of play pic.twitter.com/WLweZUGt5C
Claude instantly got into action. It started coding the Web App and the whole coding process appeared in the Artifacts section, the most impressive feature of the Claude 3.5 Sonnet model.
The Web App was created and the link to it was provided on the chat interface. You can see the user playing the Mancala Web App game in the Artifacts section. However, what impressed me more was that the whole process took even less than a minute. Also, the graphics on the Web App were quite simple and appealing.
3) Fixing a Coding Error
While playing the Mancala game, the same user witnessed an error in the App and asked Claude 3.5 Sonnet to fix it. The LLM responded amazingly to this query and fixed whatever issues were present in the code.
The code had an error. I told it to fix it. It did it in seconds.
— Allie K. Miller (@alliekmiller) June 20, 2024
Related: I need to up my mancala game. pic.twitter.com/O4FVqdljHP
It made changes to some of the important functions present in the code and made sure that the game was completely playable this time between the user and the computer.
It’s amazing how Claude 3.5 Sonnet can debug its code when prompted to do so!
4) Generating Diagrams with Animations
This use case completely made me in awe of Claude 3.5 Sonnet model. It’s not just Games and Web Apps it can code and generate. It can also generate diagrams for you from reference images and also provide life to them by adding animations to them.
Claude 3.5 Sonnet is giving off AGI vibes.
— AshutoshShrivastava (@ai_for_success) June 21, 2024
– Creating games / website with a single prompt
– Generating diagrams / animations
– Insane coding abilities
– Claude Artifacts is undoubtedly the best feature.
Claude 3.5 sonnet 🧵
1
📹 Elvis (omarsar0)pic.twitter.com/T4qi0Mzqrt
In the prompt, you can see the user gives a normal image of a neural network pathway diagram. However, the image doesn’t seem correct and needs some changes and improvements.
Here’s where Claude impresses. Not only did it perfectly replicate the neural network model pathway but see the changes it did. It creates an animation to explain all three layers namely the Output, Hidden and Input layers. The animations show how the model operates and the nodes function in the network.
Such a great demonstration for better understanding and explanation. The artifacts feature is doing wonders already!
5) Drawing an SVG Image
Claude 3.5 Sonnet model can also draw SVG images in the artifacts section. Take a look at this prompt where the user asks for a unicorn image to be drawn in the SVG format.
This is how well Claude 3.5 Sonnet draws a unicorn as an SVG. pic.twitter.com/GhXzVrmrwA
— Pietro Schirano (@skirano) June 20, 2024
The drawing generated by Claude 3.5 Sonnet model looks too good and well represented in the SVG format. It’s clear and well understandable.
Claude even explains the drawing’s features and asks if any further changes are needed. Quite well thinking and consideration from an AI model!
6) Playing Sounds
Claude 3.5 Sonnet’s Artifacts feature can also play sounds! Yes, you heard that right. However, the key aspect behind this was an Eleven Labs API which the Claude model was instructed to use.
Claude Sonnet 3.5 with Artifacts can also play sound!
— Ammaar Reshi (@ammaar) June 20, 2024
Using the @elevenlabs API it created a functional AI sound effects generator app, all I did was paste in the API documentation.
I'm mind blown 🤯@AnthropicAI crushed it with this one. pic.twitter.com/tNmB23XYz3
The user asked for a Web App that uses Eleven Labs API to generate sound effects based on text prompts. Claude also delivered accordingly. It first coded the HTML, CSS, and Javascript parts in the artifacts section.
You can see how amazing sound effects were generated by the Web App. The user asked for an ocean breeze, and when the generated sound was played, I was mindblown! It even generated further sound effects like a dog barking, a rocket launch and also a video game celebration.
Apart from the sound effects, I’m also impressed at how Claude 3.5 Sonnet was able to utilize the Eleven Labs API with ease. It is only through third-party integrations, that top-notch web apps can be deployed. Anthropic indeed has crushed it with this one!
7) A three-js Space Simulation with Gravity
This use case is just beyond wonders. Claude 3.5 Sonnet just created a three-js space simulation with gravity in the artifacts section and the animation effects look insane.
claude 3.5 sonnet's coding abilities are insane…
— João Montenegro (@JohnMontenegro) June 20, 2024
just made a threejs+cannonjs 3d solar system with physics and collisions in single conversation.
☀️🪐🤯 pic.twitter.com/WJkHDP9vPK
The key thing behind this was the integration of the three.js package to the artifacts feature which highly empowered Claude 3.5 Sonnet model.
It’s amazing how it made the animation with the sun in the centre and the other celestial objects revolving around it. It grasped the concept of gravity quite well and made a perfect rotational animation.
It made quite a good use of Javascript functions to make the animation look more realistic and well-aligned. However, the graphics on the animations blew my mind even more.
8) Reasoning Capabilities
Claude 3.5 Sonnet Model has excellent reasoning capabilities as shown in this experiment below. The user began by uploading a complex chat showing the prices of the US Dollar, the S&P 500 Index, and Bank interest rates.
I'm speechless. The new Anthropic model, Claude Sonnet 3.5 is the greatest model in reasoning capabilities.
— Muratcan Koylan (@youraimarketer) June 20, 2024
Here’s my initial experiment:
Setup and Context
First, I uploaded a complex chat showing the prices of:
– US Dollar
– S&P 500 Index
– Bank interest rate
I added this… pic.twitter.com/EYrXQ6nGUz
He first asked the model to write the index prices into a JSON file. It extracted the information from the image and created the file accurately. his initial step already showcased Claude’s impressive ability to handle complex tasks involving both vision and data extraction.
Next, he wanted a detailed correlation analysis and trading strategies based on the data he provided. Claude goes beyond simple forecasts and correlations.
It gives context, accepts deviations, and presents a sophisticated interpretation of intricate relationships.
Furthermore, the model does more than just find correlations; it also explains why those associations exist and the circumstances in which they might alter.
This shows Claude 3.5 Sonnet is quite capable of performing various aspects of Data Analysis such as Prediction, Forecasting, and also Manipulation. This is good news for Data Analysts who need to with a lot of data daily.
9) A Mario Clone Game
Here’s another impressive use case of the Claude 3.5 Sonnet model, where it makes a clone of a Mario Game using geometric shapes.
Claude 3.5 Sonnet + Maestro = Sparks of AGI?
— Pietro Schirano (@skirano) June 20, 2024
I asked to make a Mario clone using just geometric shapes, and the wildest part is that it gave the character animations as well, and the shapes seem like novel concepts.
It took 3 minutes. Look at the game! pic.twitter.com/YVQYp7m5Ed
The user ran all the .py, HTML, and CSS files generated by the model, and the resultant application was exactly what the user asked for.
The application game mechanics were completely similar to that of the Mario clone game. The shapes also seemed like novel concepts.
Here I’m mainly impressed by two things, the game mechanics similar to Mario (the Mario jumping and the obstacles moving), and also the accuracy in the geometric shapes representing the objects.
Good signs of AGI from Claude 3.5 Sonnet and Maestro together.
10) A Map for a low Fantasy World
Here’s a use-case that throws light into Claude 3.5 Sonnet’s architectural and design capabilities. Here the user asked for a map-like representation of a low fantasy world, fallen from old high magic, with cultural & military considerations.
Claude 3.5, create a map for a low fantasy world, fallen from old high magic, with cultural & military considerations
— Ethan Mollick (@emollick) June 21, 2024
Zoom into Mistport.
Now show me the merchant's guild map.
Now show me what it looks like when I walk into Meeting Room 2. (drawings are still crude, but…) pic.twitter.com/BMvkPuhggT
Claude 3.5 Sonnet did well in providing a map representation of the fantasy world fallen from old high magic. It also creates a mistport map and even provides a zoomed-in image of the map to show the floor and room layouts.
The last image also is quite impressive where you can see the trade routes image of the mistport in the fantasy world.
Claude even does well in explaining all the map images with full details and points, making it easier to comprehend and analyze. So the Sonnet 3.5 model is useful for even designers and architects looking to get a deep-insight view of possible builds and geographic views.
You can also test it yourself with these Claude 3 prompts to get an idea of how powerful it is.
Conclusion
Claude 3.5 Sonnet has amazing capabilities and is surely bringing a new era to the world of Generative AI models. Its strong technicalities and the amazing artifacts feature have placed it well ahead in the race for the number one LLM. The use cases shared by the Developers just give us an intro of how it will revolutionise the coding world!