v0.dev - WOW!! This IS WILD
Вставка
- Опубліковано 21 вер 2023
- Recorded live on twitch, GET IN
/ theprimeagen
Check out v0!! -- v0.dev/
And Jared Palmer! -- / jaredpalmer
MY MAIN YT CHANNEL: Has well edited engineering videos
/ theprimeagen
Discord
/ discord
Have something for me to read or react to?: / theprimeagenreact
Hey I am sponsored by Turso, an edge database. I think they are pretty neet. Give them a try for free and if you want you can get a decent amount off (the free tier is the best (better than planetscale or any other))
turso.tech/deeznuts - Наука та технологія
clicking on specific elements to reprompt just for that element is pretty awesome
Yeah thats great, I wonder how that works
Wombo.art's Dream has done this for a while for art and I think it took that from other prompt for art apps.
Edit: I think dream was actually prompt for AI style filter so you need some human refinement in there
I am sooooo ass at making forms look good... and this thing just shat out good looking forms like right away. And it gives me like 3-4 options so then I can take a thing I like from one and re-promt to get a reallly custom form, its crazy good.
This will be great for my backend API projects since I'm too lazy to design a proper ui for them.
I hate how good this is .... like do you ever make a recipe that is so simple but its so good that you get mad that why cannot it be the norm....this is the same feeling
4:20 You can tell it's a paid promotion when Prime doesn't respond with "Ligma".
Looks like I'll be fixing AIs poor decisions in the future then
I’m sure it’ll be mutual.
😢😢
Don’t worry, the AI will fix it for you. (The horror sets in)
Don’t worry… you won’t 😅 AI got it
His face at 6:51 when he uttered the cursed words "You're looking at tailwind . Yup."
he actually likes tailwind
probably much easier than generating separate CSS, especially considering it's generating react
Would it be useful to build a local component library using this as well? I imagine each button/card/container could be saved and reused for future prompts which would reduce the CPU load AND allow for a cohesive UI across an entire project
This is super cool. This gets me past the hardest part for me. Just getting past the initial template to the point I can tinker and add the backend is perfect for me.
AI firms will never stop looking for new positions they can undercut the ladder on. If you think its hard to find qualified engineers now, just wait for this kind of thing to decimate the junior ranks.
You would still need junior devs to tweak it, apply it to a concrete project, etc. This thing just let you build ui faster, it just means that people will have more time doing real meaningful stuff.
Chop chop chop
Announcing Copilot 73. It can now code in 7th dimension and has taken the jobs of the aliens we haven't discovered yet.
we will not even need twitch streamers soon. Just enter in your chatgpt-connector "I want to watch a streamer talk about x and y"
Ya I just waited the last year and 3 months of my life taking so much time off work to learn, eating like every other fucking day just to go back to my back breaking blue collar job and unable to pay my bills or eat enough. Ill never get a dev job with how fast ai is developing.
This is very impressive. Especially the SVG part - It's a hard problem to solve. One needs a lot more than just training and fine-tuning.
Thx! I was looking for exactly something like this 2 weeks ago and couldn’t find much
I am typically highly skeptical of code generation, but for dumb work like UI, sure! I am really excited!
I don't mind code generation as long as I can edit it at the end.
I'd qualify that with "for dumb prototyping or concept design work". REALLY good UI's are a skill, not to mention maintaining them, but for "I want something more convenient than the CLI and I want it now" jack-of-all-trades tools like this are actually pretty good. The issue is when people start overutilizing general AI as some magic bullet when it's just not.
UI is not “dumb work” it’s as important if not more as your functionality. You can leave it to code generation. At least you could have devs check the code
@@ManiaBeats I don't think he used "dumb" as a way of saying it isn't important, it was more like in terms of code complexity, generating html and css rules seems easier and more efficient to use in a daily basis than backend in general.
People call UI “dumb work” until they interact with bad UI.
that svg part was really impressive
Nice followup point about SVG's and really interesting reminder that because they are precise math, that LLM's struggle with them - very very cool
Imagine ThePrimeagen giving tips of prompt engineering
I think machine learning/neural networks are gonna do what (Low) Code Generation is going to do. Take whatever the common things are and just generate it for us. Leaves us with the new and custom stuff to think about and work out
I think this demonstrates that to have a good AI product, you really need a good product *around* the AI parts. E.g. the iterative design, being able to click on elements, being able to copy React or HTML snippets, not forcing you into a locked-down development environment where the code that's generated is coupled with some glue code you don't understand, live preview so you know what it's suggesting can actually be rendered, not a very sensitive area like backend where proprietary algorithms might spring into existence into a rival's codebase...
Tailwind is sort of the necessary compromise I guess (writing good semantic CSS is hard as a human, I feel like AI would find it harder).
The pessimistic view of that Google quote could be something like this: They're just saying that so more people see coding as a viable career path, resulting in a larger pool to hire from and thus can pay less.
0:14: 📺 The creator of v0 talks about the inspiration behind the project and how it started.
4:17: 📝 The video discusses the features and functionality of a new interface in Figma.
8:33: 👏 The speaker is impressed by a callback moment in the video.
12:54: 🤖 The AI system uses a hybrid approach to generate SVG icons, sometimes generating them on the fly and other times using specific icons from its database.
16:56: 👍 The speaker finds the tool to be a fantastic and time-saving way to build front-end projects.
Recap by Tammy AI
The idea is brilliant and the execution looks great, even for alpha software, I will happily pay for this if it ever comes out.
This dude doesn't allow anyone to interrupt him lmao. Awesome way to talk about your own thing instead of going into this HTMX and Go route.
Oh God, the short of developers meme will continue into the future.
In the past, Rauch was behind the development of WordPress. Now, we're witnessing a trend where platforms are approaching the essence of what WordPress has represented for years: "no coding, just dragging and design." , now with stuff like this, are we moving towards a scenario where web development resembles WordPress once again?
Pog mentioned Pog
Can finally add front end to my resume 😂
Pardon my ignorance, I have no clue how v0 works on the back-end, but isn't it just hooked up to ChatGPT? The initial context for code generation is taken from the initially given prompt, and then you get a dom selector to further specify context, which then ends up in an api call to chatGPT?
If this is indeed how it works, why is it a big deal?
IDK, Primagen might be getting paid to shill this.
It’s a neat tool not a scientific breakthrough
It's not, it's just one more way for Verchel to earn more bucks. That's what they do: take another service, make a "developer friendly" wrapper NextJS library around it, advertise it as "best DX, future of the web" and then sell it for 10x the price.
Examples:
Take Neon and repackage it as Vercel Postgres.
Take Upstash Redis and repackage it as Vercel KV
Take AWS Lambda and repackage it as "Vercel serverless"
Take Cloudflare Workers and repackage it as "Vercel edge"
Take Clouldflare R2 and repackage it as "Vercel blob"
Take OpenAI API and repackage it as Vercel AI
These things are cool, but can you come back to it a couple of months later and get it to build another component that will work in the previously generated app?
What a moment!
I bet the SVG would've "had the thickness" if the background weren't already twitch coloured so you could actually see it LOL
I miss the days when people would just Web design in photoshop and just put an imagemap over it to make it clickable.
Why whould you miss that
I'd be curious if this can generate more complex svgs.
16:20 don't use an install fee, use an uninstall fee 🎉
That's pretty dang good, real practical use.
Great tool, I known a lot of non devs that will love this tool!
I'm so hyped by this
I remember a video by AI Explained where it was mentioned that you can actually create kind of your own language to speak with ChatGPT so I am guessing if you delve into that you can pretty much overcome most of these problems (like SVGs being hard and prone to hallucinations etc.)
So does it support state management, writing code for persisting data and all that boring shit developers still have to do or is it just a fancy tool for generating cool landing pages?
Dam David Wallace is killing it with v0
Good for him!
Feels like a dream for BE oriented developers who need simple UI quickly.
Was thinking the same thing
Yup, CSS is a freakin mess for someone that just likes logic, problem solving and system's engineering... It's doable, but never to the prod-ready extent
haha, I love how this exposes the challenges of front-end development and CSS xD
2:44 FLASHBANG WARNING!
Only the realest of the real will warn you off flashbang.
will there be angular support?
As if Vercel hadn't ruined enough in the react ecosystem.
Dude, this is cool!
14:30 What about a Fast-Slow slider?
Man, I can't wait until we get V8
Speed. Efficiency. Entertainment. that sounds like Dr. Disrespect 😂
They didnt take the delay in post
on login "An unexpected internal error occurred", keep up a great work guys :D lol
Un orgullo Guille!
Pretty sick!
You heard'em !!yet
he did in fact NOT take the delay out in post production
I skimmed and watched about 3 seconds of this video. And that was enough that I want to try this. 😮
I should have watched more.. react sucks but ill still take the html..too bad its private atm tho
Anyone else notice that the HTML is like a third of the size of the React/Tailwind?
I'm glad I work on embedded systems.
Well, there goes my job huh.
Prime can say this because he’s a 100x engineer, we mortals should be very afraid because this tech is only getting better. Can’t even switch to backend because api generation will be even simpler for an AI to do than UI. fml
API generation? We already have dozen new BaaS-es every week for that. "API generation" is so 2019.
Yep AI snuck up and killed the coder…
more than a week now.still in the waitlist 😥😥
this is magic
10:52 grid-cols-[1fr_500px] just switched up my whole grid-cols-x col-span-x thought process
I'm wanting to join the waiting list but it doesn't recognize me and I also think it's rbp my email damn
This sounds suuuuper useful
time to checkout my dad farming land
Nah, you are too lazy to be a farmer.
I'm on a project at work making a UI library. Oh shit.
this is great help for people who don't like to waste time on design ! it really takes you from 0 to 1 quick
I'm really starting to resent all these "released but not for you" announcements. It isn't just this one, there have been a lot of AI announcements lately that work that way. "Sign up for our waitlist, and we'll send an email to your spam box when you've forgotten all about us, thx!"
It may not replace programmers but it will enable a single dev to do the work of two or three, shrinking the available job positions.
Maybe, but even so I think it will increase the number of overall companies. It will be easier for start ups, since they can hire less people and get the same result.
Definitely gonna be more like 1 Dev has the power of 100+ Devs
If it can generate my shadcn config, I don't think I'll need a designer anymore
guerrila marketing
I've been able to generate code snippets like this in chat gpt and copilot for months but atleast you can visualize it a bit easier here, not bad but nothing crazy.
A bit more immediate for sure.
TWITCH ICON PLACEMENT FTW!!!!!
This is really amazing tool help a lot :)
🔥
Even though ChatGPT already whips out pretty awesome reactive templates in a second, even vue/react with logic
I think it is just a querySelector with chatGPT under it.
11:26 Well actually, it's the engine of application state.
The choice between being a v0 or a 10x developer is now real.
I can call myself a Dev now! 😎
longest prime------------agen ever
How does it compare to ChatGPT?
Jabs at Unity start here 15:04 😂
jared is poggers
🎉
Amaze fr
Should have bootstrap option
🔥🔥🔥🔥🤯
10/10 would use this.
they should price according to seniority of LLM used. Jr would be 10dahras/month, but senior LLM a 100
It's not going to steal any more jobs than any previous low code / no code tool did. Most likely, most of the users of a service like v0 is going to be those who migrate over from similar tools today.
just wait 1-2 decades
Even in a couple of decades, it's unlike to actually steal anyone's job. Developers will just be expected to produce morein less time. That's what always happens. No one lost their job when excel sheets replaced pen, paper, and electric calculators around the world, people were just expected to work more instead, same with email, same with photo editing software, etc. etc.
There used to be a whole team of people involved in creating a game like Super Mario Bros, now a solo developer is absolutely expected to be able to create a similar game with ease.
Dude less than 3 years it’s game over… won’t take long at all
I would be interested, but I would want there to be a free tier for hobbiests
Upvote for BigBrush
İ don't think ill pay 10$ per month just for this. İt has to do a lot more for me
But it's generally a good idea and i see future in it, but it's not there yet
job replacement program
My friend was working on something like this... too bad for him
How did you not close this out with - "The name is... the Promptagen"? missed opportunity
now creating phishing pages is gonna be so easy! /s
This blue my mind.
Why not yellow?
UI designers sweating
And here I am still trying to understand css layouts and positioning 🥹
Looks like flipping burgers is the life for me
Give urself time and diversify ur skills
@@mage3690 Yeah, before flex existed, CSS was a lot trickier, but now stuff like "display: inline-block" and "display: float", with their weird rules are completely unneeded.
I completely agree with the above advice. Only thing I'll add is keep playing around and refreshing the page. Use "background-color" to see how your rectangles are changing. (And if you don't know it already, learn Chrome or Firefox Developer Tools. It's simple, and great for playing around without even editing your code).
@@ZantierTasawell you're just proving the original's comment's point