AI Built My App and It's INSANE! (Galileo, Claude, Cursor)

[@adventurelens001]

Agreed, the quality output from Claude is pretty wild.

[@Jh3a7]

i'm getting dizzy with all the zoom in/out screen moving

[@ai-in-practice]

Noted! will make sure there is less movement in the next one.

[@wolflinke6598]

interesting topic but also the music makes it really hard to follow your voice. Please avoid as well additional atmospheric videos, and the above mentioned in out zooming.

[@mrkammytv]

⁠​⁠@@ai-in-practiceThe zooming is fine, I think it’s the Motion Blur that’s making the dizzy effect. Overall really nice video!

[@helLf1nGerTA]

@@ai-in-practicemore explanations in words, less movement

[@juanlugofitness]

@@ai-in-practicedon’t need to apologize. You are giving free advice and he’s complaining about zooming and zooming out, give me a break.

[@GalileoAI]

Thank you for the shoutout! Really appreciate it!

[@ai-in-practice]

Of course! Love your stuff, it's really helped us out a lot!

[@MinaEllis-XXAI]

OMG thank you so much man, you are a genius, we hope to have more videos like this on this topic

[@lukemelas]

Luke from Cursor here, thanks for the video man! I think you'll really like Composer (our newest feature, just released), which integrates a bunch of the stuff you were doing with Claude directly into Cursor (and more). Let me know if you try it out and what you think :)

[@Technology_Forum]

Will the cursor composer do the work of Galileo as well and what other things can you describe

[@ai-in-practice]

Thanks Luke, will check it out when I get the chance! I'm using Claude for the image-to-code part of my workflow because the Claude UI makes it easier to interact with images in an iterative fashion. Cursor as an IDE focuses on the codebase as the main window contents.

[@anyfourwordphrase42]

@@ai-in-practice I've not tested this myself, but I believe there are preview extensions in VSCode/Cursor that can be used similarly to Claude's preview to close that loop in your workflow.

[@larrettgee]

@@Technology_Forum not yet just the coding part

[@andresAtMudra]

He's right @lukemelas, the image to code in Cursor is lacking a little bit. Or at least I could not tweak my prompts well enough to get the code to match the image. My project uses react-native, so it was for a mobile design

[@Apokalupsis88]

Quality information, but really needs work on editing. 1) no need for bg music. We want to hear your voice explaining things, not elevator music. 2) careful with the constant zooming (as others have noted). 3) the fill videos with random people are a serious turn off. It has nothing to do with coding. If you are talking while not necessarily doing anything on scree, that's ok. Just keep the camera/screen on the project while you talk about it. No need to all the extra filler. These are instructional videos, not marketing campaigns. But please, do keep up the great work and explanations. Content is great.

[@rulofmg]

I think the edit is made with AI

[@renatoabreu2867]

A lot of congrats! Got a subscription from Brazil ! 👏👏👏👏

[@ai-in-practice]

Awesome! Obrigado :)

[@holetarget4925]

Please do more videos like this with backend

[@noneedtoknowthishandle]

I found claude better than gpt but I think in upcoming months this space is gonna be wildin on next level. Get ready for next gen developers powered by AI.

[@AdamsProgrammer]

Thank you very much about "Galileo" i can now have UI designs which can be developed into an app.

[@claytonexplains]

Cursor is a true game-changer!

[@alals6794]

Whoa....had no clue this was possible. Thanks.

[@gregorydiasmusic]

I finally watched this after 2 weeks on my "watch list" because i was so intimidated. Thanks for sharing this man Im watching your other practical vids and have subscribed, a lot of people in the space show something super basic which seems like magic to begginners like me, then they sell their community or courses or gpts or whatever. i appreciate your work (even though its way over my head, I wouldnt know what to do without following along... I HOPE this changes for me one day because I feel pretty far behind the curb right now). btw wheres the link to that kid using cursor? Could use a confidence boost as I cant imagine doing any of this stuff right now!

[@ai-in-practice]

Of course! Last time I checked the kid was in the card at the end of the Cursor video, could be they removed the video? What are you looking to build? Btw I'm not selling courses, but I am building an app with AI tutors that help people leverage AI at work 😆 Will be priced fairly to make sure everyone benefits from the AI boom.

[@gregorydiasmusic]

@@ai-in-practice Hey thanks for replying. Im not quite sure what yet which is part of the problem, but Im looking at either an assistive app for people with certain cognitive disabilities or something related to cracking down on fraud here (dont want to make that statement publicly) - essentially it would help reviewing claims of fraud and reading paperwork etc.

[@gayedaouda3314]

Great man

[@gnome_saiyan1]

Something to note about cursor: the chat will give you suggestions, where as the composer will actually enact changes to the files you give it access to.

[@hanzhizhang8965]

Good job, it makes me eye-opening! Would you like to finish the backend functions?

[@ai-in-practice]

I probably won't, but will do a video on how to handle data soon!

[@TheYusufSubasi]

This is pretty neat!

[@nitishasthana03]

This is amazing!

[@dianal3542]

It's mind blowing!

[@nathanwilton3383]

New subscription..AI tools are getting amazing. Thanks for sharing.

[@TheEvertsson]

Nice work man! Really cool seeing new tools like Galileo speeding up the development process. One thing Im struggling with myself is when the project grows in Cursor, the AI can hallucinate a bit and create copies of already existing files I use the "with codebase" command to much. Have you experienced that?

[@ai-in-practice]

Yeah you need to manage context a little better when a project grows. Also because you quickly run out of fast LLM requests when you chat with codebase for every question. I usually either work on a file-by-file basis to make sure the LLM has the right context, or ask very specific questions like 'fix this bug' or 'change this one thing'.

[@TheEvertsson]

@@ai-in-practice started doing that. Works wayyy better. Thanks!

[@_Yuurt]

Thank you!

[@philkellr]

Thanks for covering Galileo! Never heard of it. Have you tried uploading photos to influence the design? In the video it seems you skipped this

[@ai-in-practice]

I have! The v0 of this app was made by first generating images in mid journey to get the right tone and style, before generating the app itself with the workflow in the video www.scratch-app.net/

[@timmaggs4827]

Great video without the random people added and background music

[@tyronecastillo16]

Good overall but that was hard to follow especially for an inexperienced software dev like me. Also, I'm not sure what those people dancing were. Was that a screensaver? Will sub with anticipation that your vids will be cleaner in future. If you can make vids like NetworkChuck, you will be a winner. Keep it up. Love the topic.

[@ai-in-practice]

Thanks tyrone! I thought the dancer looked a lot like Claude, and I needed a visual to show the AI was generating :) Probably not the best idea in the history of cinematography, but hey. Will check out networkchuck, thanks for the suggestion!

[@antoniofuller2331]

I did the exact same thing in Flutter and it took 2 hours. Then I did in React(not Next.js) in 30 minutes or less.( With Firebase) Mobile development is harder than Web development

[@ai-in-practice]

Yeah this workflow definitely works better for some use cases than for others.

[@antoniofuller2331]

@@ai-in-practice most of the AI tools seems tailored for Web Development than Mobile development. They'll quickly give convert their outputs to HTML/CSS/Javascript code, but other options are limited.

[@bernhardsmuts2265]

This is pretty cool! It's a nice way to see the practical parts of using these services. Would this also work in adding backend services? (seeing as this was primarily focused on frontend)

[@ai-in-practice]

Backend is still more manual work in my experience, also because it's harder to write out the requirements for the LLM. If you have an image, the LLM has enough information to generate the code from. For backend, I guess you could try writing an API definition but in practice most backend frameworks have too many caveats to make generating code for them straightforward. I just finished integrating payload CMS into my app, which still took quite a bit of manual work. There's also the question of framework version, which is where a lot of the errors come from. Even for example Nextjs or React, Claude 3.5 sonnet will sometimes generate code that works for an earlier version and you need to fix it manually.

[@MrPranshuagarwal]

This is good and I have seen a lot of similar videos (Single page web app creation using AI and other tools). I was looking for mobile app creation using AI, but since it is a bit complex and time consuming not much videos here on KZbin. It is possible though, I am already working on one but I am always looking for better ways.

[@ai-in-practice]

Yeah the current crop of AI tools still require a lot of steering so they work better when it's easier to give feedback - frontend apps in particular, where you can you see what's going on. Backend development and data engineering with open source software requires a lot more manual effort even with AI tooling.

[@samuelchan6823]

Wow very good video tutorial. What software did you use to create this tutorial?

[@ai-in-practice]

Thanks! For the screen recordings I used screen studio. Everything is edited in DaVinci resolve

[@LeonMortgage]

Very helpful

[@aaroncphelps]

I actually really like the way your edit looks. Keeping the audience aware of mouse is key. What app did you use to do this? It looks like it’s something you are controlling during the screencast. Is that true- or are you adding all this motion in editing tool(premiere or after effects)? Thanks!

[@ai-in-practice]

Screen studio

[@nikoG2000]

Good tutorial. I don't get it why there are some dancers and girls in the video.

[@itztlacoliuhqui]

Video is edited by AI 😢

[@artworthi]

a big ol' BRUHHH moment lol loved this

[@ai-in-practice]

Thanks man!

[@jackblurry123]

Great video, and those AI tools are very promising. However it seems that "App" in the title is a bit of an overstatement. It's barely unfinished mockup, not much more than you can achieve with GPT4 since last year with 2 prompts, not counting design part. What I would really want from such AI generator is ability to make app from prompt like this "make nextjs app with auth,, dark mode, i18n, rtl and ci/cd"

[@ai-in-practice]

Have you looked at v0? v0.dev/chat

[@Dominic_tnm]

Did you use an AI tool for the editing, It actually has a very professional looks that I like. Curious to know

[@ai-in-practice]

I put everything together in Davinci Resolve. The screen recording is done with Screen Studio, which zooms into wherever your cursor is pointing. The AI video editing tools I've seen aren't quite there yet.

[@mohamedphotography7478]

Can you please make a video about the bot I don't understand that's part and thanks

[@ai-in-practice]

Which bot? Claude?

[@mohamedphotography7478]

Code npx create-next-app this one doesn't know how to make it and thanks

[@ai-in-practice]

Have a look at the documentation here nextjs.org/docs/pages/api-reference/cli/create-next-app

[@Manas-x1y]

As cs first year scares me But good video and what thing i have to do for a job ready in the future

[@ai-in-practice]

Most software development roles will probably look more like AI management in the future - the same thing that happened in digital marketing with the rise of programmatic advertising. Not sure that's a bad thing tbh :) And you still need to understand the basics of cs to develop a proper backend, make sure everything works well together, and there are no performance issues.

[@Manas-x1y]

@@ai-in-practice thanks

[@bambanx]

thanks you , suscribed and liked

[@Dancewithsteve20]

More expectation from you.... also while making video please also consider Nontechnical people like me.... it will make easy for me to build things from these tools... thanks.. liked & subscribed...

[@mahiaravaarava]

Using AI tools like Galileo, Claude, and Cursor to build an app can result in impressive outcomes. These platforms offer advanced capabilities in design, code generation, and user experience enhancements. The final product can be highly innovative and efficient, showcasing the power of AI in app development.

[@melvinjongen1697]

Ik ben ook bezig met cursor en Claude dev werkt goed :)

[@spookee74]

Thanks for your tutorial, very useful. One negative is the zooming makes it hard to follow, would be better to not do that.

[@amos922]

Hey man do you do any consulting? I’m having a rough time trying to get the code I created from Claude into Xcode and Cursor so I can see what I created. I’m not a programmer at all. I just want to nail down this process moving forward.

[@ai-in-practice]

What do you need xcode for? Cursor has terminal windows that let you run the commands to create a basic React app. The only thing you need to have installed on your computer is node. Here's a great tutorial on how to get started nextjs.org/learn-pages-router/basics/create-nextjs-app

[@mahendrakumarraichur3409]

Thats awesome. I have been using ai but didnt really think it can automate complete workflow within minutes. Any chance you can share the github repo for the above, wanna test if it works?

[@ai-in-practice]

You're the first one to ask 😆 Will share it tomorrow

[@indrasaputraahmadi3449]

Got subscribe. Thanks

[@TheWoodyTiger]

I like your experimentation with video format in general, but maybe too much zooming. I was often confused. Thanks for the interesting presentation.

[@ai-in-practice]

Will fix that for the next video, thanks!

[@rallaoYT]

Love the content, what do you use to record your videos?

[@ai-in-practice]

Thanks! I'm using Screen Studio: www.screen.studio/

[@gamernation5656]

How r u zooming in and out ?

[@ai-in-practice]

Screen studio does this automatically

[@gamernation5656]

Which app you are using for recording screen

[@ai-in-practice]

Screen studio

[@shivanshsharma4916]

i use v0 dev to generate components , it uses shadcn ui so its gr8

[@ai-in-practice]

Nice! yeah I need to make some time to check out v0.

[@JonasSandstroem]

Is there an advantage to using image to code, instead of just grabbing the html from Galileo and have cursor/claude convert the html to react/tailwind? I feel like the end result would be more similar, no?

[@ai-in-practice]

I found it easier to inspect the initial result in the Claude Anthropic app when you use artifacts, which allows for faster iteration over the design. That's also one of the main reasons I'm using the Anthropic app (instead of just generating the React code with Claude 3.5 sonnet from Cursor).

[@JonasSandstroem]

@@ai-in-practice Yes, but why not just paste in Galileo's HTML and have it convert the exact structure and pure css into tailwind/react?

[@ai-in-practice]

The cursor user interface is code based, so it's a lot less nice to work in when you're working from images - I prefer the Claude UI.

[@dominikhess]

Which Boilerplate are you using? Thanks man for the content.

[@ai-in-practice]

Thanks Dominik! This one: nextjs.org/docs/pages/api-reference/cli/create-next-app

[@bluemonster3793]

Which app do you use for the zoom in and out?

[@ai-in-practice]

Screen studio

[@MrLyonliang]

thanks

[@djahandrews]

Great video! How would you approach adding a feature on an existing legacy codebase?

[@ai-in-practice]

Thanks! I've found the 'chat with code base' feature to do a good job identifying relevant files, but I've mostly used cursor on smaller projects (max 1000 files). No idea how it'd perform on a giant monorepo 😆

[@moonrafan492]

Thx

[@acerlaptop1122]

3:04 which movie sean.

[@ai-in-practice]

Stock footage :)

[@chris0628]

What’s with the random dance scenes? 🙄 dude keep it professional!!

[@micbab-vg2mu]

nice:)

[@techlitindia]

Horrible video editing bro, 😂 Content is good though. You should have to work on video script too. You work on making an app using AI, then why not use AI to generate script for better presentation. All the best 😁

[@ai-in-practice]

😂 thanks! i guess

[@bazoka6352]

Great content but you should remove the pictures (of women, men) next times

[@ai-in-practice]

Noted

[@user-vk9ff9gr4x]

Bought the Galileo AI, its total crap- you would be better off saving your money and time buying a figma template. Its like this is 2022 Ai, does not listen to instructions- create a xyz for a menu- nope, create a light colored website, nope. And it creates stuff all over the place, its super bad for homepages. DO NOT Pay for.

[@ai-in-practice]

What would you recommend as an alternative? Have you tried v0?

[@LucianoFiandesio]

Nice video, but what's up with the dancing girls?

[@ai-in-practice]

You don't like interpretative dance?

[@DOOM11777]

Adding the people randomly to video makes no sense and makes the video look like shit and all the zooming in is not needed.

[@ai-in-practice]

Thanks for the feedback! There's definitely room for improvement 😆

[@caseykawamura8718]

Galileo site is down?

[@ai-in-practice]

Looks to be up rn?

[@caseykawamura8718]

@@ai-in-practice it was weirdly blocked on chrome… I was able to use another browser.

[@codewithstephen6576]

wow you built wordpress

[@ai-in-practice]

😂

[@ishaanshringi8202]

good content but, too much background music

[@raphaelsousa2046]

And how about backend

[@ai-in-practice]

Backend is a lot harder in my experience because you have to give a lot more explicit instructions.

[@jannik3475]

@@ai-in-practice So it’s not complete? I don’t know about this AI Stuff currently.

[@jannik3475]

And approaches like „no need for 10 Years Software development“ Are just wrong and hype phrases bc SWEs are doing more than just a frontend ui..

[@ai-in-practice]

True, but simple apps are already well within reach for people with zero coding experience. It's only a matter of time until frameworks and platforms appear that will allow users to generate fully functioning apps without writing a line of code.

[@indrajitsarkar3169]

all good, but zoom on mouse move is really annoying.

[@ai-in-practice]

👍

[@angloland4539]

♥️

[@JLSFyt]

Did AI produce this video?

[@ai-in-practice]

Is it that bad? 😂

[@JLSFyt]

@@ai-in-practice Not necessarily bad, but that video that pops up when a second of silence is occurs is strange, maybe even a little macabre.

[@ai-in-practice]

Like humanity's last dance?

[@zapfska7390]

Isnt v0 better than this galileo? Makes me think it was sponsored

[@ai-in-practice]

Will check it out, it does the same thing as Galileo AI? I wish this video was sponsored or had affiliate links, but it doesn't :)

[@billbond2682]

if you need to rely on AI to create as simple page as this, its so over for you , what I would rather do it that you at least solve bugs on your own and learn the basic structure of your project so that you can easily scale up and modify the code on your own, I wonder how will development look like after like 5 years or so

[@ai-in-practice]

Yeah we'll definitely forget some of the basic skills without practice, same as people have gotten worse at doing maths in their head

[@eduardoegos]

Hey. Awesome content. Hit me up if you are ever looking to hire a video editor. I can surely iron out those details that people are commenting on.

[@ai-in-practice]

Thanks man, I might!

[@Yodawho]

wtf those images that appear out of nothing and out of context??

[@ai-in-practice]

Interpretative dance?

[@mattangel1091]

Sorry, but I fell asleep after 5 mins

[@LawJolla]

Wayyy too much Screen Studio

[@ai-in-practice]

😂

[@jondavies2569]

Stop with the bouncing around the screen!

[@Nishachay]

dont put that dancing couple, its annoying

[@ai-in-practice]

:)

[@manfromnowhere6836]

I'm honestly not following you

[@ai-in-practice]

Why's that?

[@yagyatrips]

I am wondering what will happen to web developers and designers

[@ai-in-practice]

They will need to learn how to adopt AI tools to remain competitive.

[@Kiki-qh7xk]

Claude.ia, Alone, do all the front end better than galileu and code than cursor.

[@ai-in-practice]

Yeah it's pretty good at react! When I recorded the video, Claude artifacts didn't yet show rendered pages - I think that's changed recently? 🤔 FYI i was using the same model in cursor as I was in Claude AI (Claude 3.5 Sonnet June 2024)