8 votes

Everything I built with Claude Artifacts this week

8 comments

  1. [4]
    Ganymede
    Link
    There's a difference of degree here that should be highlighted. These are all examples of micro-apps. Tiny things that do one thing for you in a one-off fashion. Time will tell if these AI tools...

    There's a difference of degree here that should be highlighted. These are all examples of micro-apps. Tiny things that do one thing for you in a one-off fashion. Time will tell if these AI tools can operate on larger app scale, which is the majority of software.

    6 votes
    1. [2]
      skybrian
      Link Parent
      You're right, and I think that's the main point - these little single-purpose webpages are easier to build now, so we can do that more, where before we might have not bothered. It's like building...

      You're right, and I think that's the main point - these little single-purpose webpages are easier to build now, so we can do that more, where before we might have not bothered. It's like building a spreadsheet or shell script that you use once and throw away.

      There was a time in the early days of personal computers, before networking was common, when being able to write simple programs in BASIC was why you bought a computer, and now it can be done with much less bother. I don't think it empowers every user since you still need to know what to ask for, but it will empower some users.

      Asking for a simple program like this, studying it, and modifying it might be a fun way to learn, too.

      4 votes
      1. Wes
        Link Parent
        Paul Kinlan wrote about this idea as well. Where simple apps become so easy and free to throw together, it's almost not worth the time to polish them up and release them properly. It's easier to...

        Paul Kinlan wrote about this idea as well. Where simple apps become so easy and free to throw together, it's almost not worth the time to polish them up and release them properly. It's easier to just regenerate them if you ever need something similar again.

        https://paul.kinlan.me/the-disposable-web/

        2 votes
    2. creesch
      Link Parent
      It is an important thing to note. In addition to this, I noticed that at least in one transcript they had trouble getting code to work and had to manually fix it themselves. Which highlights that...

      It is an important thing to note. In addition to this, I noticed that at least in one transcript they had trouble getting code to work and had to manually fix it themselves.

      Which highlights that LLMs can be pretty good until they suddenly aren't, and you actually need to know the subject at hand in order to make fixes yourself. Not to mention that it still requires some knowledge to validate the output.

      Having said that, for cases like this or as a boilerplate starting point, I have found LLMs to be a neat tool. I have been working with html and css for over three decades now. But sometimes I don't want to bother setting up a layout for a simple prototype or tool, and just telling an LLM to create it is a nice to have.

      I recently also found that Claude 3.5 Sonnet seems to do better for this exact use case than GPT-4o.

      2 votes
  2. [2]
    skybrian
    Link
    Here's a pretty good demonstration of what's possible when making single-page, interactive web apps with AI. I've only built a couple of things myself, but I can see the potential.

    Here's a pretty good demonstration of what's possible when making single-page, interactive web apps with AI.

    I've only built a couple of things myself, but I can see the potential.

    2 votes
    1. TangibleLight
      Link Parent
      So I go on this long rant in another thread, but then see things like this and it makes me wonder if I'm just out of touch. I don't think I am. I've looked through all of these, and they all seem...

      So I go on this long rant in another thread, but then see things like this and it makes me wonder if I'm just out of touch.

      I don't think I am.

      I've looked through maybe 10 of these so far, all of these, and they all seem to wrap just a few lines of code, or some api call, in a small web app. And some of these, I have to wonder if a small web app is even the best place to put it, although that just might be my living-in-the-terminal bias speaking. For example YAML to JSON converter; I'd personally much prefer a cli tool that runs on standard in and out, and at that point all the boilerplate HTML/CSS wrapping it that makes it a web app is not needed.

      Most of the things on that page fit into this category of things that I personally think would both be easier to build and also be more functional if they were not a web app. It obviates a lot of the value proposition of the LLM.

      There are some notable exceptions, though.

      The SQLite and Pyodide demos are fundamentally different beasts than CLI tools. A micro web app seems a fine way to put together a little demo to show things working together.

      The camera settings demo makes more sense with a gui although I have to think it would be easier with CSS filters (not dissimilar from text-wrap-balance-nav demo), or more extensible in a notebook.

      I guess I say it makes me wonder if I'm out of touch because I don't really get the point. It feels like there is a point that I'm missing. I don't really see utility in these kinds of micro apps as finished products - they would be more useful (and easier to create) in a different medium. I usually see utility in the act of creating such apps, usually as some kind of learning exercise or exploration for the author. But if you're having the AI do it, you lose that, so what's the point?

      Do general people really find such micro-apps useful? If so then I guess I have to concede that LLMs really do enable productivity tools that would be otherwise unavailable to them. But at the same time I truly believe they're limiting themselves by the requirement of putting everything in a webapp gui. Is it good in the long run to use the LLM and stay in that local maximum? Maybe, if they wouldn't have searched for any maximum at all otherwise.

  3. PetitPrince
    Link
    This is a usecase I'm familiar with: for a LARP I needed to encode a text with a configurable substitution cypher (it's much more fun to decode text with alchemical symbol and/or less known part...

    This is a usecase I'm familiar with: for a LARP I needed to encode a text with a configurable substitution cypher (it's much more fun to decode text with alchemical symbol and/or less known part of UTF; plus I needed to replace whole words). ChatGPT did a good job of generating such SPA. I still needed to take account for some scunthorpe problem, but that was a surprising gly quick affairs.

    In another instance (that I didn't used at the end) I asked to generate a tool that let me create a connect-the-dot kind of puzzle. Again it proved surprisingly capable.

    2 votes
  4. paris
    Link
    Please tag this as AI.

    Please tag this as AI.