AI Builds Your Website As You Click! (TLBrowse Tutorial)
ฝัง
- เผยแพร่เมื่อ 2 มิ.ย. 2024
- TLBrowse uses AI to build a website as you click it, which is the first step towards "just in time" code.
Update: Clerk is no longer needed
Be sure to check out Pinecone for all your Vector DB needs: www.pinecone.io/
Join My Newsletter for Regular AI Updates 👇🏼
www.matthewberman.com
Need AI Consulting? 📈
forwardfuture.ai/
My Links 🔗
👉🏻 Subscribe: / @matthew_berman
👉🏻 Twitter: / matthewberman
👉🏻 Discord: / discord
👉🏻 Patreon: / matthewberman
👉🏻 Instagram: / matthewberman_ai
👉🏻 Threads: www.threads.net/@matthewberma...
👉🏻 LinkedIn: / forward-future-ai
Media/Sponsorship Inquiries ✅
bit.ly/44TC45V
Links:
github.com/SawyerHood/tlbrowse - วิทยาศาสตร์และเทคโนโลยี
Yes. I agree. And not just software. But on demand movies written / adjusted per user request. Books. Learning curriculum,. Everything one day will be custom order and on demand in real time. What a world.
Well done I like the way you use other LLM’s to do the task and give us options. Continue to do that. Great job as usual.
Lots of people shitting on this, but I definitely see the utility in using this as a brainstorming tool. If you can tell it what the website is about (rather than entering a URL), having it build a landing page with links to sections you want, then as you click through to those sections the AI figures out the best page layout, etc... it will save you a lot of time in the conceptualization stage.
Tools like that already exist
@@orthodox_gentlemanand are called....?
@@orthodox_gentleman great, can you share your experience with any?
Love it, thanks for the quality vid as always.
I agree with that notion in the beginning. Just imagine a problem in software and being able to fix it with code on the fly. I'm sure it already exists. But it sounds cool.
More of this! Thanks for the vid!
Thanks Matthew, this just rocks!
That's great, Mathew. Try to introduce new good projects is a win - win for every one. Thnanks!
the difference between a static simple single html page, and an average website is like the difference between a brick and a skyscraper
Directionally interesting, though. Give it 5 years.
This is not a tool building actual websites. A web developer would use this to storyboard a website in realtime. Awesome for scratching out some basic UX flows.
@@tnypxl the title of the video is misleading, that's my point
yeah this sort of thing is good, especially if on complex tasks, token heavy tasks, the model caches its previous output so that it does not need to be all done again.
Thank you Alex, like always 110% quality content 🙏👍🏽
I was thinking , if there was a movie and someone created a block of text that described to the Ai, what the movie was about and everything, all you'd need to do is download that text and you'd have the movie. Imagine the bandwidth it would save.
So the opposite of a Pic is worth a thousand words?
Pictures and film capture far more then what be described by text. Sure you can say how beautiful the sunset is and list the colors, and the smells.... but until you see the colors and smell the smells you havnt experienced it.
This is a pretty cool insight
@@JH-zo5gk So true, but the gaps would be filled by your preferences. Maybe your cultural, where you are regionally, and maybe some of the books you've read in the past, the AI would know those little subtleties that may enhance it, but the general skeleton, the thought of the movie, would be by the author.
@settlece but the ai is just filling in the blanks, making it not what it was. It's like AI pictures. Sure they are fun to look at but they are not true. So if the AI in injecting information, culture, well that's not the original movie now, it's a new movie.
No, that's not what I'm talking about. I think you missed what I meant. I'm not talking about filling in things that aren't there, talking about adapting to information it knows about you.And in this scenario there would be no original movie. It would be a block of text That would be the of the original imaginations of the author.
So, for instance, one person may be scared of spiders while the other person may be scared of snakes. So, the original author would have wanted to instil fear, but that fear could be achieved by adapting what the thing is. In this example, snakes and spiders
So the gap would be the gap between me and you and culturally how different we are or maybe we're scared of different things. That gap can be reached and filled so the author gets what he initially intended emotionally.
So in a sense, all of the movies would be new movies that were originally from the original idea. I, you could have whatever lore that author wanted. So the AI would have to follow the lore of the author to invoke fear or happiness or love could take on the cultures that would inspire that in the person. Regardless of where they are geographically.
And this is just ideas, it's just an exciting way to maybe use the technology and experiment and play with. That's what's so exciting about now, it will create new things and new opportunities and new ways to enjoy media. I don't think it will be done in the same traditional sense, where you're just served up what everyone sees. There's no need for that and as it gets better and more proficient doing it who knows what it holds
I was thinking about this alot, many years ago. I think it will be revolutionary in some years
Hello Matthew, thanks for the video ! Would it be possible for you to do a video on using n8n with the advanced ai capabilities ?
Yes, I was also recently thinking that this is the case pretty much everything will be custom-generated.
About websites, I can imagine that once type in the search bar it automatically generates pages for the specific search results. Or while in the chat it in the background generates a website based on the needs. It probably would allow us to make beautiful uncluttered websites.
i have it in google documents for a few months. sometimes i click and wait for 1-2 minutes because it generates the docs ...
Very useful tool for scammers to mimic banking web sites.
ironically, almost all of the AI tools that came out last year are most useful for scammers and bad actors...
@@mbrochh82 Just like the printer, the pencil, the pen, the camera, photoshop...
Good for them then
@@TheNexusDirectory I'm sure it is 🤣
hmm, not a bad idea though 🤔
Nice. I appreciate your step by step instructions. I’m keen to learn more using local LLMs. Can you take this a step further and set everything up for real… start to finish?
I call this concept FluidUI , in the future we will see applications with the the ability to morph their visual representations and even underlaying system functions , to suite the user in realtime. I think we will get to the point the we feel like it's should be a human right to be able to change the software you interact with, much like hardware freedom of ownership and customization, and the concept of free (as in freedom) and open source software
This may or may not be the future of applications, but it'll certainly be the future of advertising,
@Matthew Berman Could you possibly do an instructional video on how to do this using a model via LM Studio? Since you're an investor in that platform 😘🤷🤔
It looks like foundation zurb styling.
This would be helpful to use as example screenshots to use as context for the vision model to just help you code it up.
This is already being programmed! very cool with Nest and JS and MOJO. Very fast TL browse is cool too
Hi Matthew, thanks for this video. I followed your steps but bun install didn't work neither in my local nor on colab. It throws me this:
/bin/bash: line 1: bun: command not found
That doesn't sound like a security nightmare AT ALL.
Does it do/add databases also?
Probably cool for prototyping. Hard to imagine serious companies putting this into production though. Anyways, yeah it is pretty neat for what it is!
Google is gonna love that. Lol, hopefully it'll choke on that endless canvas ;)
Haha
I think that just-in-time generated software could take place in only small parts of a bigger system, generally because functionality in a software is very tightly bound with its price, and you cannot afford to have one being arbitrary (more or less) generated on the fly.
However, similar software generation tools will take over the actual code writing, just like compilers has taken over the actual op-code writing. So creating code will become the process of specifying (in human language!) the functionality you expect - everything else, would be auto-generated.
Well, this idea pushed to the limit will mean that you will have your “Master AI Assistant” or “AI Super Majordomo” that will just do anything you ask it (him? her? 🤔) to do, constructing whatever needed, including code. Code would be just a detail, another resource as a data analysis or whatever, but it has a great difference: code make it possible to an agent to create another, so it may have no limits! That is going to get even more similar to a company, since it is going to create organizations to accomplish the mission to attend the end user. We will have to establish a budget to avoid those things to multiply infinitely, like companies, indeed. Things may get really crazy!
Make a video on how to do this using Mistral in LM Studio pls.
Great
That is what I was saying to my boss. We don’t need to write any front end. Instead it should generate based on the needs of the user. With 4o we even can just listen to user prompts. The only is needed is api model, which in turn should be generated based on database model, and so on.
You can say that modern UI is very complicated and functional. Reality is different. Example: why do you need filter capability? To search. Why do you need to search? Etc. turns out you want to do something like updating or checking something exists. If so why new apps can’t just give you what you need? Without all that hassle we used to?
I can get even more meta...what if eventually code isn't even necessary? Why couldn't a model just generate video of a website, or any kind of UI? As long as the video matches the expected output/actions of the user, how would they even know it wasn't coded? Now, I understand the compute requirements for rendering video just in time would be immense, but theoretically this should be possible
No more browsers!
But regarding the TLBrowse project, it looks very promising. They should have a way for a design team to give the model a company's design guidelines so the model produces websites in a more standardized way
@@apdurden Like CSS... a system instruction or context prompt for the LLM.
So you mean like a lcache rcache deal?
the only value I could see in this is if it enabled an iterative process... you see a first webpage, you tell it what you want changed and little by little it keeps showing the revisions.. otherwise it's fast garbage
In future this is how quantum internet will work, those pages will be created on the fly and people decide to post them on quantum internet since the qbit states are hard to save
Chatgpt-4o can already do that by just show in the page you want reproduce , the problem are the java , the hard thing is to reproduce the java effects and both can not do it
Surely you mean javaSCRIPT right...
@@tiaan_va yes sure
but is it a "Website"?
A static html file, i guess.
visual studio code? What? did we skip a step? I'm confused. edit: well I had to install stuff... got to the "bun" part and it said "The term 'bun' is not recognized as the name of a cmdlet, function, script file, or operable program."
if generated web pages aren't dynamic, there's no point of this, except from maybe visualizing workflows and presentations. Also you can't enhance the generated UI. if there's way of enhancing UI than this can be figma competitive tool.
omg. this is crazy
guys make sure to not put your api key on public github projects add it to the git ignore
🥳
Git will actually catch that mistake (and inform the API issuer 😜, so maybe don't do it)
How you meant to expose those keys.
i wonder why you never talk about udio.. its a little late.. but a great free project.
Only if it's taking existing web UI and using analytics to run experience to improve UI. This will never work at scale for large websites, pages need to be cached.
Front end sucks anyway. Sooner that goes away the better.
The convergence of technologies is going to be amazing. When AI meets AR/VR/XR and dynamic UI/world interfaces are being constantly created, and adapted by your personal AI to make the world around you anything it needs to be, its gonna be wild.
I liked the frontend making AI tool better.
With so many people following you that use open source LLMs, can you devote more time to showing us how to set up these tools using them.
Infinite AI generated worlds/games
JIT software immediately screams "insecure" "buggy" and "non-human readable" code to me.
JIT software - my brain: magneto making the bridge as he walks across it. th-cam.com/video/nLiM9kMohdA/w-d-xo.html
just in time bugs.
Dude wtf lve made a free site on google and it was without writing anything code wise. Isnt AI supposed to do things easier?
Dynamic UI isn't going to be a thing that people will be able to use. We already have enough issues with change. Doing something like that will be a nightmare for users.
2:12 "It generates very nice code." hum.....
Watch all the web developers acting defensive and saying this sucks.
Yeah because it's dumb and will nevrmer be practical in a real world project. Jesus if it were I would love it because it would make my life so much easier until we all eventually get replaced, but no client will ever go auto generated content, search engines can't index shit if it does not yet exist so your website will never ever be discovered on search sites. Not even to mention all the security risks you'd bring to the table by having the ai dictate what is available or not. So yeah actual Web devs will say it sucks, and people who have never dev'd a site in their lives will talk about the cool potential haha
2:06 👀 As a software developer, I must first aknowladge the power of AI, but I can also tell you that's mostly bootstrap components and quite not impressive for today's AI capabilities.
Looks like we are heading to a world where we fully abstract away code.. not sure if that's good.
Understanding how things work gives a sense of ownership. Not 1 single person fully gets LLM's and how they work, yet we want a world where we depend on it? Eeeek
🇧🇷🇧🇷🇧🇷🇧🇷👏🏻
Other people probably built stuff like this since chagpt was released, its pretty basic
It doesn't matter if you build a website no one will see it unless you literally tell people Word of Mouth
you can ofc use web crawlers and submit url to a PLETHORA OF THEM with many online tools for that frankly.
Lmao... did you found out about Phub for word of mouth?
I don't think so
Once you register your website URL with a DNS service, I would assume Google search bots will kick in and index your site. I think you can also setup AI agents to auto market your site like posting on Twitter, facebook, and all the SNS sites.
Or if people land on your website by accident,
a.k.a "direct typing"
JIT software is a comically bad idea.
I’ve been creating websites since 2001 and cannot see the benefit of this method. A static site generator or any of the new JS libraries are way more efficient. This is for script kiddies trying to ripoff sites on the fly…
I would not look at this as an official product tool to use. The point is to understand how LLMs are doing this and future trends. Just try it out. Get a feel of how this is setup. Add it to your skillset and move on.
ask it how to make it findable on the web to actual people who will actually use it 🤣
I would suggest developing JIT SEO if Google wasn't killing off SEO with it's AI answers🤣
It will never happen! No matter how fast LLMs get. 1. User experience will never be the same. 2. The cost of running this at scale doesn’t make sense.
Matthew: "Hey, look, this is really cool! He's making a static html website!"
Average people: "okay, and why is this useful?"
Matthew: "Make you a plain html website!" "And an A.i does it! Isn't that super coool? A.I!!!!"
It is super cool in my opinion. Why are you wasting your time watching it then? Watch something else kiddo.
I don’t understand this response. No, it doesn’t provide you with a finished product straight out the gate. That’s fine.
@@bosthebozo5273 Then great! In case you didn't get it, kiddp, I was trying to make the point that just because artificial intelligence "does something" doesn't mean it's useful. And that the "usefulness" of this project was not mentioned. There's not one project that can produce basic web pages (better than this one) with just a few words. I understand that this project makes similar websites out of existing ones, I just don't understand what the use of such a project would be.
Legit lol like anyone wanting to use this who doesn't know how to code, it will do nothing for them, and most people who can code web apps don't need this rubbish., It's literally just a credit eater like most 'open source projects' that are half-baked, barely work, bug out all the time, or just built like spaghetti. Matt just chases the clout, he doesn't care what content he makes, long as he can put a video out a day to make that bank.
more frontend stuff
Hi big fan....but hey, MB...blur out your API keys.
You're not a big fan since he revokes the API keys after every video.
@@MyWatermelonz True, but, just bad practice not to blur.
@@MyWatermelonz well he says so, but have you tried?.. )
@@angryktulhuYes, i did and it is, in fact, revoked.
@@nilaier1430 ok patiently waiting for the day he forgets ;)
Wordpress has been doing more than that since 3000 bc
Ai 💩
Webflow 💩
Any other tools are also 💩
In 2020 I predicted "just in time" software after building with GPT2. Not a single person believed me. Not one.
First
um... well done?
Good job bro now you will be the next president
Ayy Congrats!
here is a napkin...you can clean yourself up now
Y'all are just salty cuz you weren't first lol
All this makes me incredibly depressed.
Why? This is incredibly powerful and empowering!
If exciting technological breakthroughs like this make you that depressed, then there is probably an underlying issue that you have and should look into.
@@damonstorms7884he's right it's kinda terrifying for some jobs especially web devs
Agreed. I can imagine a use-case for something that intelligently created interface elements are needs arose (extra support tooling, local overviews, etc.) but this... this just doesn't make any sense. It's kinda cool (kinda), but doesn't really serve any purpose in a real-world environment. But it will probably attract eyes anyway, because it sounds like something that might 'do the job'. But JIT web elements/pages generated on a GPU instead of pre-created/cached text files on cheap storage? Explain!
Oh wonderful more grift and phony sites
It's just html, useless
Until you build upon it, yes.
@@bradydyson65 This is for those who are very emotional about AI
@@ricardocnn This is just a demo project, but the concept of a UI that adjusts to user input and possibly the information being sought really is a new and interesting paradigm (even though there are limits to what an LLM can do on it's own)
@@toadlguy I'm a front-end developer, i dont like it 😰
Also the thumb is terrible, Matt. Looks unprofessional.
I get you are experimenting with SOMETHING here, just giving feedback.
Sucks
Disgusting
Lol
😂😂😂 Dude, it's about the time when you should learn the how machine learning works and stop bullshiting to your audience.
This will never work for the actual Web. No client will ever use it. If something is dynamic like this SEO goes right out the window. Search engines can't index anything on your site if shit is created on the fly. No one will ever find your website if you decide to go this way which is why it will never become like this. People also like having full control of their content and style and leaving that at the hand of the ai on the fly is a dumb move
Shortsighted to say the least. All will be different in 50 years, similar to being 50 years ago
@@matiasdanieltrapagliamansi3109 some things won't be different. A search is a pretty solid term that will remain the same. You search through stuff thst exist. It's impossible to search for something that does not yet exist or that is different for each person. I know you are trying to sound intelligent and profound but you are just sounding like an idiot. FYI there are many things from 50 years ago that are still exactly the same today because some things are already in its final form, but you do you matias 👍
Man you are getting lazy with tutorials lately...
Complete trash tbh