Has this happened to you too?
So, here I am generating a React App in AI Studio. It takes me three hours to tell it to set up the header, side bars, footer and main area, to use a Web API that I’ve developed and quite a few more things.
And now everything is fine. It works great. I deploy it to my server, where it looks fine. Except, the title has a typo.
Since I’m just too lazy to fix it myself, I ask the AI to change it. Easy, right? Probably just editing the index.html file. And so AI Studio gets to work…
Changing LogItem.tsx, changing AboutDialog.tsx, changing Footer.tsx, changing types.ts, changing 20 more files. The only thing not changing is the index.html file where that typo is.
Instead of fixing the typo, AI Studio just refactored the whole code. It redesigned various dialog boxes, considered some inputs to be obsolete so it removed them, put the CSS in a separate file which it forgets to use, does a lot more that I did not ask for and the App is now crashing over and over again…
Really, really annoying.
And the typo still isn’t fixed.
.
.
.
Sounds familiar?
I’ve got to ask - why on earth would you use AI Studio for this?! I can’t think of a more unsuitable environment tbh. Gemini CLI, Cline, Claude Code, Cursor - the choice of tools far more suitable for this kind of thing is huge.
Although yes, you’re completely right - it’s very frustrating when any model goes off and does stuff like this. Still, can’t help but feel like picking the right tool for the job would help.
God question.
But my focus is mostly making backend Web APIs and AI Studio is reasonably good in providing a JavaScript frontend based on the REST/Swagger JSON definitions. So it’s a good option to quickly demonstrate what my API can do. Especially with more complex APIs, where the front-end deals with many things.
The API is just my work. Don’t need AI to help me there. But for this frontend part, I either need to rely on team members and explain the API to them, which takes time. Or build it myself, which takes even more time. With AI Studio, I just tell it to do things, work on more code myself while it’s busy, then check to see if it improved. It often does.
The resulting App is then a good showcase for my API, and can be shared with others to further improve. Or serve as a demo.
Unless AI Studio messes it up again.
Hello,
AI sudio is a good code assitant to boast productivity, but output quality highly depends on prompts, finding 100% correct/ideal prompt is nearly impossible. We can only optimize prompts to a certain level which gets us closer to our desired output. So it is always recommended to manually verify and possibly modify generated code to better performance.
Oh, I’m 59 years old and started programming when I was 14. Probably even younger. So i’m pretty experienced and use AI Studio (and the apps I make myself with it) for rapid prototyping before I start making more changes myself. I’m not too fond of React as I’m more a backend developer, but I know enough to fix the errors that Gemini makes.
But I also know that every prompt I ask to AI Studio is at risk of damaging the code that has been built so far. Sometimes a little thing, sometimes big things. It’s a risk I’m willing to take because I get results in AI Studio in less than four hours that would normally have taken days. That is, if Gemini behaves. With Gemini doing the frontend stuff, I can just make Web APIs and come up with more interesting ideas for that.
And to make Web APIs in C#, I used AI Studio to make an app that can generate C# projects from scratch. To be honest, the results never compile immediately and when they compile, they still have bugs. But at least my App is providing a starting point. I’ve made a few C# APIs this way that integrate with a React front-end, where React did about 80% of the work.
Still, you can get good results if you keep prompting when AI Studio doesn’t make what you need. And sometimes, you just have to check what AI Studio actually wrote to find why things don’t work.
For example, my latest React App had a delete button, which did not work. It was to ask “Are you sure? Y/N” but that never happened. Could not find the problem. AI Studio could not find the problem. So, I deployed it to my server and immediately found out why it failed: It uses a system dialog of the browser instead of making a custom dialog with a panel and two buttons. Easy fixed. (By asking the AI to actually make that confirmation dialog.)
But my post is just a reminder that AI Studio can be pretty dumb sometimes, so save often, keep backups and be aware of all the changes it makes.
Hello @Katje
You are absolutely right, AI can help us achieve incredible things, yet sometimes struggle with the basics (just like us humans ). We are all constantly working to make it better, and your insights play a big part.
Thank you for sharing your thoughts, they truly help us learn and get better. Please keep them coming.
Wishing you a wonderful day!
Oh, I definitely will keep experimenting. And complain here about everything not working yet.
But it is impressive how well AI Studio works in creating Apps, including some complex ones. Job well done there!