Это видео недоступно.
Сожалеем об этом.
Even better than Claude Artifacts? And for free? What can't you make with this?
HTML-код
- Опубликовано: 14 авг 2024
- #websim #aitools #ainews #ai #agi #claudeai #claude #lowcode #nocode
Just when I thought Claude's Artifacts were impressive, a subscriber reached out to share something even more impressive in disguise!
In this mind-blowing video, we explore a lesser-known AI web builder that's leaving Claude and ChatGPT in the dust. From lightning-fast website creation to jaw-dropping 3D simulations, this tool is pushing the boundaries of AI-generated content. Watch as I put it head-to-head against Claude and uncover its potential!
Links:
Tool: websim.ai/
3D Physics simulation: websim.ai/c/Vg...
Narrated Adventure with Images in collaboration with John Galt: websim.ai/@Joh...
Chapters:
00:00 - Intro
0:30 - Recap of pros and cons of Claude Artifacts
2:00 - How does this Mystery tool compare?
3:01 - Reveal of the tool
03:21 - First test. Its original purpose, hallucinating websites
05:05 - Claude VS WebSim head to head: Physics Toy 1, Claude can't use Matter.js and WebSim can
06:41 - Physics Toy 2: Without Matter.js. - both fail
08:50 - Physics Toy 3: WebSim completely hits it out of the park!!!
11:38 - Use case 2: From text to multi page landing page in minutes
14:38 - And its FREE! Even though they are burning upwards of $100k a month according to Open Router
15:42 - Generate and download multi page website that uses your images and is hilarious!
19:34 - What else are people making with it? Games, 3d visualisations, small apps
20:17 - Most astounding example! Choose your own adventure game with AI images, Sonnet 3.5 and voice narration for FREE in WebSim?!?
22:20 - Conclusions
EDIT:
1. Claude released sharable artefacts at the same time I was making this video
ruclips.net/video/cel1abeoaDM/видео.html
2. And I could make Claude use matter.js from claudflare CDN after the stream, but I did test that a week ago and it did not work from claudeflare aether. I think they are maintaining some kind of whitelist of libraries.
3. As pointed out by @CoCaptainJack game at 19:56 is not made with WebSim but just embeds game made with Godot
This thing is just too much fun, be warned you may waste time here. So proceed with caution.
Here are some of the creations from the video:
Tool: websim.ai/
3D Physics simulation: websim.ai/c/Vg7WMzONHUmQGlN39
Narrated Adventure with Images in collaboration with John Galt: websim.ai/@JohnGalt/websim-adventure
The free service isn't for nothing, WebSim are using crowd sourced app development and concept realisation from millions of users and all that data will be used to supplement their service and model fine tuning.
@@MilitantHitchhiker well, they will have dataset. It's still not money. Will they be selling it? Fine-tuning model and selling what?
Also there is the case of Bloomberg spending 10m fine-tuning gpt3 on their data to find out that gpt4 performs better.
So, we will see how this will age. There are paths to monetisation for them. Very curious where it will go.
@@EduardsRuzga They're making a world class web coding self development platform and using the cost of the api calls to build their training data, they just need to turn on the dollar signs and the bank fills up.
Well, projects are only shareable with the corporate plan, i.e. mutliple pro-users that all work with Claude. So websim is a lot more interesting on that front, however, it sounds too good to be true (for long)
@@floryda4281 projects and artifacts are different thing. Artifacts are sharable without corporate plan.
Still Claude is way more restricted.
I am adding login/register/save/share to one of my websims. This just can't be done in Claude. That system will be hosted on my own website called from websim.
Claude will not allow that.
To me this is absolute madness at its finest. And I f'n love it.
Hey great video, thank you for sharing! That 3D balls and orbit simulation was incredible.
Very useful video! I was thinking websim was a toy as well. Definitely worth another look. You earned a new sub!
@@ChrisAdaline yep. With avalanche of AI tools with slightly false claims I gave websim only one look. Completely missed what is possible and how. UX us weird fir first time user.
you should do a video on Aider, I'm succeeding at creating things with it more than any other tool
one problem i have with Aider is that you need to do it locally and deal with API and pay per token
i am working on Aider + Websim as custom gpt for chatgpt
@@EduardsRuzga "Aider + Websim as custom gpt for chatgpt" sounds interesting, not sure I understand, I thought Websim uses Claude 3.5 Sonnet, so you could just use their API directly?
@@EduardsRuzga are you talking about something like this?
"Potential Workflow:
a) User interacts with ChatGPT, asking for web development assistance.
b) ChatGPT recognizes the need for specialized knowledge and invokes the custom GPT.
c) The custom GPT generates code using Aider-like capabilities.
d) Generated code is automatically tested in Websim.
e) Results from Websim are interpreted and presented back to the user via ChatGPT."
@@ytubeanon no. I may later. Customgpt would more like aider but in chatgpt for free. Sonnet costs money so that would be not free. At least until Claude introduce custom gpts
@@EduardsRuzga oh neat, if you ever make it public let me know or maybe do a video about it
Nice! A new face doing my kind of content! Subscribed
Hahaha. You're putting a smile on my face 😀
👏👏👏
Claude 3.5 Sonnet artifacts can use all JS libs provided by cloudflare cdnjs. Created 3D stuff with three.js. Worked great
@@uhtexercises I did test a week ago. Got error like in video, gave it working cloud flare cdn link, and still got unsupported library error. They have a whitelist. It seems to be expanding. I just retested and matter.js did work for me.
Still, websim has no whitelist, can use different cdns and even load from your own website, like I used image in landing page example.
I understand why Claude is careful though. I wonder when someone will abuse websim not having almost any restrictions.
if you start typing in the websim url bar, you will see there is a dropdown asking you which model to use. The default is sonnet 3 so it is using the same model.
@@the_potmo I know bi even mention it. But system prompt and some other things are different, and weirdly create a lot of difference.
Websim is crazy. You can even take screenshots and ask it to modify each iteration. Crazy crazy stuff
Yeah I did that in website part. Made a screenshot of my site + gave it link to the logo in prompt and it used logo and adjusted visual style to match the logo. Impressive.
You do start waiting time as things gets larger and there are many small details you want to change. But WebSim will grow I guess.
No wa😮y
great job 😀
I’m here becuse sometning cought my eye more then othre vedeos
Thanks! What was that? Any ideas?
@@EduardsRuzga oh lol it was how you spelt “something better than” in the video. Figured you did it on purpose 😂
@@AdeerAxmed no, i am dislexic level bad at writing and my typos are often hilarious and not on purpose ))
great video
Aww... Thanks! Makes my heart warm, really! :D
Very cool features! But most likely the service will be made paid in a few months, as happened recently with COZE.
That could be good for me. I am working on something similar and have ideas of how to keep it somewhat free :)
.. just some advice for your future videos
- check all titles and English sentences in a grammar and spellchecker or in Claude! You could use USA English or UK English spelling. It looks very bad when you make mistakes with this, it just looks unprofessional
- for example you had “sometning better then”….. the correct expression is “something better than”, so you had two mistakes in three words, not good 😢
By the way I subscribed and liked 👍
Thank you! I am still polishing my workflow... And doing all that in very limited amount of time.
Tanks for subscription.
Sadly I struggle in all languages. May be this will content making pressure help me improve :D
I don’t mean to be that guy, but Claude has an option to share artifacts with the community. Great video though, and thanks for showcasing the tool!
@@MrLalieparda do you know when it came out? I noticed it yesterday after I recorded a video. But it was not there a week ago.
@@EduardsRuzgathey roll out updates regularly for the new models in preparation for the next gen of Claude Opus
Ok I actually found out on my own that the announced it at the same time I was recording :D They have a video on their channel may be 1 before I published :D
Not gonna get too specific on costs but for the record the majority of tokens being used are input tokens, not output tokens.
Wow thanks for the comments! WebSim guys himself!
So it brings Sonnet cost closer to 20k then
Still not a spare change.
In my head it was WebSim prompt + user prompt which is usually one liner. While output code of that physics toy is almost 200 lines.
But now when you mention it... Right, repromting includes previous creations, may be whole "conversation" history. That is way more tokens then output without !continue
Thanks for the comment!
Very fun project you have!
I'm pretty sure that websim adventure game is not actually made through websim. I believe it's a project made in godot. the discord the game links to talks about developing it in godot - a game engine
Do you mean text adventure game at 20:34 ?
With images, text and voice?
If yes it has nothing to do with Godot, its made by me and one another guy and here where its mentioned in Discord
discord.com/channels/1223113914271793282/1223119796632027228/1260596810058174485
It is fully made in WebSim
In theory I can make video about how it works and was made.
Nope the one at 19:56. The one that looks like a survival rpg @@EduardsRuzga
@@CoCaptainJack ok makes sense. Thanks for pointing it out!
added to author comment
I told it to make a chat using the IPFS and it faked all the messages with timeouts and randoms...
@@bandinopla huh, share link I'd part, curious to see. There is web assembly SQLite I wanted to make in this. But I don't think it will work.
When you have finished.... "improve"
haha good advise :)
Man, 3d physix in web browser is not TOY
Well, anything that does not earn money and is just fun is toy for me :D
Problem is, if you will try to monetise and tweak this you will need to work on a lot of details and thats where it becomes inefficient. I am myself working on solutions to that, that's why I review such tools. And I bet more and more people looking in that direction.
There are many other tools like getlazy.ai and back4app, and even Devin that are trying to do way more complex things and its way less accessible.
Also, sizes of what WebSim around around 1000 lines on top end.
I am working in repo of 14000 files at work. Now that is not a toy :D
One of my hobby projects is 5000 lines of code in 34 files. And its pretty small project. Not a toy but small.
So... WebSim feels like a step towards not a toys. Some of what it can do could be very useful. But still feels like a toy for now.
Thanks for your comment!
i thought websim uses claude
Claude is Chat product with UI/UX features.
Antropic is company making Claude, AI models that are used by Claude.
Model used in Claude and with WebSim is called Sonnet 3.5
Both Claude and WebSim use the model, but how its being used, limitations, prompts are different. Which does lead to different results.
You can put same prompt in both a dozen of times and see the difference.
Would that be an interesting video to do? What would you generate?
@@EduardsRuzga When using Sonnet 3.5's api, I have gotten into the habit of setting the temperature to 0.0, so i get the same answer to the same question every time. For something like WebSim, unpredictability is fun, but for most business, it is annoying or worse. No one talks much about temperature and the "top_p" parameter. Maybe a video about how and when to use those would be interesting to API users (like me).
@@freeideas I agree, it would be interesting to explore temperature.
But problem is that Claude/ChatGPT/WebSim do not expose it.
Then even if set to 0 for GPTs it will generate still random answers, just less random.
Also I am not focusing on developer tools. I want to cover tools anyone can use without need to install and setup things. I mean if someone watches video about WebSim on a phone he can immediately go and use it. Local dev tool? Nope...
Even as engineer I have LARGE list of tools I want to try, I don't have time to install and learn to use them all... So I am focusing on tools that are easy to try even as engineer.
@@freeideas would be cool to connect such tools like WebSim to automated testing, and make them iterate making alternative solutions and testing them