- Learn Prompting's Newsletter
- Posts
- From screenshot to deployed app in 2 minutes
From screenshot to deployed app in 2 minutes
What Google AI Studio can actually do now
Learn Prompting Newsletter
Your Weekly Guide to Generative AI Development
Bring Your Idea to Life in Seconds
A deep dive into our live build session with Logan Kilpatrick and Ammaar Reshi.
Hey there,
For a long time, the biggest barrier to building software was having the right technical knowledge. You might have a great idea but not the expertise to bring it to life. Luckily, we’ve entered a new era where that barrier no longer exists. Now, all you need is a clear vision and a few minutes. We recently hosted a live workshop with Logan Kilpatrick and Ammaar Reshi, who lead the team behind Google AI Studio. They joined us to show exactly how vibe coding has changed the game.
If you missed the session, don't worry. We’ve broken down the highlights, examples, and tools they used to create each app in minutes.

From Ideas to Apps: The Stream Highlights
Logan and Ammaar showed a number of unique examples during the livestream. They focused on explaining and providing tips for as many of the recently added features as possible.
The Real-Time Language Coach
Ammaar kicks off the building process with a simple prompt that describes a language learning tool capable of real-time conversations. This one sentence is all it takes to build the initial version of a working prototype. From here, he tests the app live and iteratively improves it by adding a language selection screen and live captions.
Highlighted Feature: This app uses the Gemini Live API for continuous, live responses that sound natural.
The Music Generator
Ammaar next creates a song generator with an iconic UI. He starts by prompting for an image-to-music app. By simply uploading a photo, the app analyzes the visual "vibe" and generates a unique soundtrack to match. Logan then takes it a step further by remixing the app to extract dominant color palettes from the image, which then influence the tempo and mood of the music.

This retro looking music app creates unique songs based on uploaded images.
Highlighted Feature: This app uses the Lyria 3 integration for high-fidelity music generation. Logan uses the Remix feature to take Ammaar's already created app and move in a different direction.
The "Happy News" Platform
To show off AI Studio’s data reasoning, Logan shows an example of a news dashboard that sifts through current events and only shows you the positive events. This app takes raw news data and has Gemini focus specifically on "Happy News." He then makes several visual changes using the Annotate and Focus Mode.
Highlighted Feature: Focus & Annotate Mode allows the builder to "point and click" at specific UI elements to make design changes. This effectively removes any uncertainty around what AI Studio needs to change. The Focus Mode enables the user to manually change UI elements like color or size without touching the code.
Collaborative Pictionary
In one of my favorite demos from the livestream, what started as a simple "collaborative whiteboard" quickly evolved into a fully functional game of Pictionary. After demonstrating the basics of the whiteboard app, the team prompts AI Studio to turn this basic tool into their own version of Pictionary. They do this by adding a text box for guessing, a round timer, and scoring logic. The result is a live, playable game where one person draws a random image and the other must guess it.

We were able to play several rounds of Pictionary live during the event.
Highlighted Feature: This demo utilizes the Firebase integration which allows AI Studio to automatically configure the backend needed for real-time, multi-user collaboration without leaving AI Studio or doing any manual setup.
Global Marketing Tool
In one of the session's most practical examples, Logan and Ammaar demonstrate how marketing assets can be scaled globally in seconds. By uploading a single blog header, Ammaar asks AI Studio to localize the ad for Japan, Germany, Pakistan, and India. The text is then translated to each language, and the app shows a preview of what the new blog header looks like.
Highlighted Feature: This demo showcases AI Studio’s ability to translate text between multiple languages at once.
The High-Fidelity UI Migrator
In perhaps the most "pro" demo of the session, Ammaar showcases an upcoming Chrome Extension that captures live website elements and turns them into editable components within AI Studio. He "grabs" the current AI Studio API page and prompts Gemini to redesign it. Within seconds, he transforms a complex, data-heavy table into a beautiful, mobile-responsive card view that would normally take a design team days to prototype.
Logan then showcases an alternative method where he shares a screenshot of the desired UI and has AI Studio replicate it in a different project.
Key Features Explored
While the apps themselves were impressive, the tools Ammaar and Logan used to create them are half the story. Here's a breakdown of the "Vibe Coding" toolkit that makes these creations possible:
"I'm Feeling Lucky" Button: This is the ultimate cure for "blank page" syndrome. With a single click, AI Studio generates a unique app idea and handles the first iteration. It’s also a great way to discover new features within AI Studio because you never know what kind of creative app the model will create.
Annotate & Focus Mode: Instead of digging through CSS files, you can use the Annotate tool to draw directly on your UI or the Focus tool to select a specific element. This can be as simple as tweaking the color of a button or as complex as restructuring a table of data into mobile-friendly cards.
One-Click Publishing: Once your prototype is ready for the world, you don't have to touch deployment. AI Studio gives you a live, public URL to share with users or other builders without ever touching a terminal or leaving the browser tab.
Remixing: This feature allows you to instantly “fork” an existing project and make it your own. I recommend this feature for anyone just starting out who wants to learn from other successful builds.
Watch. Build. Ship.
Watching Logan and Ammaar build live was exactly what we wanted you to be a part of firsthand. These are the people who actually built Google AI Studio. Seeing them go from a plain-English prompt to a deployed app with real multiplayer collaboration, all in one browser tab, all for free, is something a tutorial can never quite replicate. The whole point was to show you it’s not as hard as you think.
The workshop was a great introduction. But watching someone else build is a different thing from building it yourself. That gap is exactly what this specialization was designed to close.
Three Projects, Built From Scratch
No coding experience needed. Every prompt is provided, and each project has a video walkthrough.
Project 1: Morning Dashboard Connects to your Google Calendar, Gmail, and Drive and shows you what actually needs your attention today. Emails to respond to, upcoming meetings with prep notes pulled from your own docs. Deployed with login so only you can access it.
Project 2: Group Trip Planner A collaborative app where your group can log in, add destinations, vote on activities, and see updates in real time. Share a link and everyone is in.
Project 3: Pictionary with Friends A real-time multiplayer drawing and guessing game with a live canvas and a shareable link. It is a genuinely fun one to build.
Each project comes with full source code, video walkthroughs, and a prompt library you can keep using on your own projects. You will have three real apps you actually built, deployed, and can share. Earn a certificate of completion.
The course launches on April 15 at $250. Preorder before then and you lock in $100.
Happy Learning!
- Learn Prompting Team
Reply