Even better than Claude Artifacts? And for free? What can't you make with this?

Поділитися
Вставка
  • Опубліковано 4 сер 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/Vg7WMzONHUmQGlN39
    Narrated Adventure with Images in collaboration with John Galt: websim.ai/@JohnGalt/websim-ad...
    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
  • Наука та технологія

КОМЕНТАРІ • 61

  • @EduardsRuzga
    @EduardsRuzga  25 днів тому +1

    EDIT:
    1. Claude released sharable artefacts at the same time I was making this video
    ua-cam.com/video/cel1abeoaDM/v-deo.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

    • @MilitantHitchhiker
      @MilitantHitchhiker 23 дні тому

      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.

    • @EduardsRuzga
      @EduardsRuzga  23 дні тому

      @@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.

    • @MilitantHitchhiker
      @MilitantHitchhiker 23 дні тому

      @@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.

    • @floryda4281
      @floryda4281 20 днів тому

      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)

    • @EduardsRuzga
      @EduardsRuzga  20 днів тому

      @@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.

  • @roberthaisfield3349
    @roberthaisfield3349 25 днів тому +2

    Hey great video, thank you for sharing! That 3D balls and orbit simulation was incredible.

  • @FunDumb
    @FunDumb 17 днів тому

    To me this is absolute madness at its finest. And I f'n love it.

  • @ChrisAdaline
    @ChrisAdaline 24 дні тому +1

    Very useful video! I was thinking websim was a toy as well. Definitely worth another look. You earned a new sub!

    • @EduardsRuzga
      @EduardsRuzga  24 дні тому

      @@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.

  • @techfren
    @techfren 25 днів тому

    Nice! A new face doing my kind of content! Subscribed

    • @EduardsRuzga
      @EduardsRuzga  25 днів тому +2

      Hahaha. You're putting a smile on my face 😀

  • @yashpatidar.8506
    @yashpatidar.8506 21 день тому

    great job 😀

  • @flyinonminds6415
    @flyinonminds6415 24 дні тому

    great video

    • @EduardsRuzga
      @EduardsRuzga  24 дні тому

      Aww... Thanks! Makes my heart warm, really! :D

  • @ytubeanon
    @ytubeanon 17 днів тому +2

    you should do a video on Aider, I'm succeeding at creating things with it more than any other tool

    • @EduardsRuzga
      @EduardsRuzga  17 днів тому

      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

    • @ytubeanon
      @ytubeanon 17 днів тому

      @@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?

    • @ytubeanon
      @ytubeanon 17 днів тому

      @@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."

    • @EduardsRuzga
      @EduardsRuzga  17 днів тому

      @@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

    • @ytubeanon
      @ytubeanon 17 днів тому

      @@EduardsRuzga oh neat, if you ever make it public let me know or maybe do a video about it

  • @tekmepikcha6830
    @tekmepikcha6830 16 днів тому

    👏👏👏

  • @uhtexercises
    @uhtexercises 25 днів тому

    Claude 3.5 Sonnet artifacts can use all JS libs provided by cloudflare cdnjs. Created 3D stuff with three.js. Worked great

    • @EduardsRuzga
      @EduardsRuzga  25 днів тому

      @@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.

  • @AIWithMohammed
    @AIWithMohammed 25 днів тому

    Websim is crazy. You can even take screenshots and ask it to modify each iteration. Crazy crazy stuff

    • @EduardsRuzga
      @EduardsRuzga  25 днів тому

      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.

    • @mannyi
      @mannyi 21 день тому

      No wa😮y

  • @AdeerAxmed
    @AdeerAxmed 18 днів тому

    I’m here becuse sometning cought my eye more then othre vedeos

    • @EduardsRuzga
      @EduardsRuzga  18 днів тому

      Thanks! What was that? Any ideas?

    • @AdeerAxmed
      @AdeerAxmed День тому

      @@EduardsRuzga oh lol it was how you spelt “something better than” in the video. Figured you did it on purpose 😂

    • @EduardsRuzga
      @EduardsRuzga  День тому

      @@AdeerAxmed no, i am dislexic level bad at writing and my typos are often hilarious and not on purpose ))

  • @the_potmo
    @the_potmo 21 день тому

    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.

    • @EduardsRuzga
      @EduardsRuzga  21 день тому

      @@the_potmo I know bi even mention it. But system prompt and some other things are different, and weirdly create a lot of difference.

  • @trashchenkov
    @trashchenkov 24 дні тому

    Very cool features! But most likely the service will be made paid in a few months, as happened recently with COZE.

    • @EduardsRuzga
      @EduardsRuzga  24 дні тому +1

      That could be good for me. I am working on something similar and have ideas of how to keep it somewhat free :)

  • @MrLalieparda
    @MrLalieparda 25 днів тому

    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!

    • @EduardsRuzga
      @EduardsRuzga  25 днів тому +1

      @@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.

    • @jerkface38
      @jerkface38 24 дні тому

      ​@@EduardsRuzgathey roll out updates regularly for the new models in preparation for the next gen of Claude Opus

    • @EduardsRuzga
      @EduardsRuzga  24 дні тому

      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

  • @roberthaisfield3349
    @roberthaisfield3349 25 днів тому

    Not gonna get too specific on costs but for the record the majority of tokens being used are input tokens, not output tokens.

    • @EduardsRuzga
      @EduardsRuzga  25 днів тому

      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!

  • @bandinopla
    @bandinopla 24 дні тому

    I told it to make a chat using the IPFS and it faked all the messages with timeouts and randoms...

    • @EduardsRuzga
      @EduardsRuzga  24 дні тому

      @@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.

  • @cdunne1620
    @cdunne1620 22 дні тому +1

    .. 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 👍

    • @EduardsRuzga
      @EduardsRuzga  22 дні тому +1

      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

  • @CoCaptainJack
    @CoCaptainJack 24 дні тому

    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

    • @EduardsRuzga
      @EduardsRuzga  24 дні тому

      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.

    • @CoCaptainJack
      @CoCaptainJack 24 дні тому +1

      Nope the one at 19:56. The one that looks like a survival rpg ​@@EduardsRuzga

    • @EduardsRuzga
      @EduardsRuzga  24 дні тому

      @@CoCaptainJack ok makes sense. Thanks for pointing it out!

    • @EduardsRuzga
      @EduardsRuzga  24 дні тому

      added to author comment

  • @rogerc7960
    @rogerc7960 24 дні тому

    When you have finished.... "improve"

  • @adrianpetrescu8583
    @adrianpetrescu8583 24 дні тому

    Man, 3d physix in web browser is not TOY

    • @EduardsRuzga
      @EduardsRuzga  24 дні тому +2

      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!

  • @freeideas
    @freeideas 24 дні тому

    i thought websim uses claude

    • @EduardsRuzga
      @EduardsRuzga  24 дні тому +1

      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?

    • @freeideas
      @freeideas 24 дні тому +1

      @@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).

    • @EduardsRuzga
      @EduardsRuzga  24 дні тому +2

      ​@@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.

    • @EduardsRuzga
      @EduardsRuzga  24 дні тому +1

      @@freeideas would be cool to connect such tools like WebSim to automated testing, and make them iterate making alternative solutions and testing them