This post is my submission for DEV Education Track: Build Apps with Google AI Studio.
What I Built
Went the simple route for this one — I prompted it to build a portfolio website:
Build a simple portfolio template using React + JavaScript and Tailwind for styling. Color palette should have black as the primary and red as the secondary.
And honestly? It came out pretty clean. My portfolio design is still better though 🙂
Demo
My Experience
But real take is the AI studio is really smart, I was skeptical when the news of it's release first dropped and when it was initially released I became even more skeptical, A single tool that can take an hours task and complete it in mere minutes has a way of leaving an impression on you, but as developers we grow, we evolve and we use the tools available to us to provide solutions for the problems that are presented before us and tools like this are revolutionary. First of all
The codebase panel is actually really useful. It lets you edit the generated code directly inside the studio, basically using it as a lightweight IDE. So if something doesn't feel right you can go in and fix it without leaving the tool.
It suggests features as it builds. For the portfolio it suggested a contact form unprompted. On a previous project — a magic card generator from the tutorial — it suggested a filter feature so users could sort cards by type, and a custom artwork feature that it described as one that "tailors specifically to the card's name and visual description." Its words, not mine 😄
I didn't add an API key for Imagen 4 so the image generation side didn't really work — but even without that it was a solid experience.
Still a loyal Claude fanboy though, just to be clear 😂
Top comments (0)