Jak používat Google AI Studio: Playground, Build mode a vibe coding s Gemini

Chcete-li používat Google AI Studio, přihlaste se na aistudio.google.com svým Google účtem, testujte prompty na modelech Gemini v Playgroundu a až budete chtít volat Gemini z vlastního kódu, klikněte na Get API key. Abyste vytvořili aplikaci vibe codingem, otevřete Build mode, popište aplikaci v promptu a Gemini ji vygeneruje s živým náhledem, který upravujete chatem. Pak ji můžete nasadit na Cloud Run, synchronizovat s GitHubem nebo stáhnout kód.

Tento průvodce prochází každou část tak, jak ji Google dokumentuje v době psaní (listopad 2026), a potom popisuje, kde je AI Studio nejsilnější a kdy je lepší builder s vlastní databází a hostingem. Google AI Studio aktualizuje často, takže nejnovější názvy a limity ověřte v jeho dokumentaci.

Co je Google AI Studio

AI Studio je webové pracovní prostředí Googlu pro práci s Geminim. Slouží dvěma typům lidí:

• Vývojářům, kteří chtějí vyzkoušet modely Gemini, vyladit prompt a zkopírovat funkční kód do vlastního projektu.
• Tvůrcům, kteří chtějí popsat aplikaci a nechat Gemini ji napsat v Build mode.

Google uvádí, že používání AI Studia je zdarma tam, kde je nabízeno, s omezeným bezplatným přístupem k některým modelům. Placené úrovně API, některé modely, rozsáhlé vyhledávání Google pro zakotvení odpovědí a hosting na Google Cloud se účtují zvlášť.

Část 1: Playground

Playground se standardně otevře s novým chatovým promptem. Slouží k vyzkoušení toho, co model umí, dřív než začnete cokoli stavět.

1. Vyberte model a napište zprávu do vstupního pole, pak klikněte na Run.
2. Otevřete Run settings (ikona ladění vpravo nahoře), kde změníte parametry modelu a bezpečnostní nastavení a zapnete strukturovaný výstup, volání funkcí, spouštění kódu nebo grounding.
3. Přidejte System Instructions pro nastavení role a tónu modelu, například: „Jsi přátelský asistent pekárny. Odpovídej ve dvou větách a navrhni jeden produkt.“
4. Klikněte na Get code a proměňte prompt a nastavení na kód ve vámi preferovaném jazyce.

Kromě chatu nabízí Playground i další typy promptů, například streamování v reálném čase a generování videa.

Získání API klíče

Až budete chtít Gemini ve vlastní aplikaci, vytvořte klíč na stránce Get API key (aistudio.google.com/apikey). Zacházejte s ním jako s heslem: uložte ho do proměnných prostředí nebo tajných hodnot serveru, nikdy do kódu, který běží v prohlížeči návštěvníka. Náš průvodce jak chránit API klíče vysvětluje proč.

Část 2: Vibe coding v Build mode

Build mode je místo, kde se děje „vibe coding s Gemini“. Popíšete aplikaci a agent AI Studia napíše kód a ukáže výsledek vedle něj.

Začátek projektu

Máte několik možností:

• Napište prompt popisující aplikaci.
• Stiskněte I'm Feeling Lucky pro vygenerovaný nápad.
• Remixujte aplikaci z App Gallery pomocí Copy App.
• Importujte z GitHubu přes menu Add files.

Můžete přidat AI Chips, které připojí funkce jako generování obrázků nebo data z map, a diktovat prompty pomocí převodu řeči na text.

Co se postaví

Podle dokumentace Googlu:

• Webové aplikace ve výchozím nastavení: frontend v Reactu a server v Node.js, takže volání API mohou zůstat na serveru, balíčky npm se instalují automaticky a aplikace se může připojit k databázím.
• Nativní aplikace pro Android v Kotlinu a Jetpack Compose, které lze zobrazit v emulátoru v prohlížeči, nainstalovat přes ADB a publikovat na Google Play pro interní testování.
• Nastavení Firebase provedené za vás: Firestore pro data a Firebase Authentication s přihlášením přes Google.
• Integrace Google Workspace, například Gmail, Sheets, Docs, Drive a Kalendář.

První prompt

Vytvoř aplikaci na recepty. Vložím recept nebo odkaz a Gemini z něj udělá přehlednou kartu s ingrediencemi, postupem a dobou vaření. Můžu recepty ukládat, vyhledávat je a přepočítat ingredience pro jiný počet porcí. Ať se mohu přihlásit přes Google, aby se mé recepty ukládaly k mému účtu.

Tohle využívá silné stránky AI Studia: Gemini je součástí funkce, přihlášení je přes Google a úložištěm je Firebase.

Úpravy aplikace

• Chatujte s agentem: „Přidej nákupní seznam, který spojí ingredience z receptů, které zaškrtnu.“
• Režim anotací: označte část obrazovky aplikace a popište změnu, kterou tam chcete. Je to rychlejší než popisovat, o které tlačítko jde.
• Záložka Code: prohlédněte vygenerovaný kód a v případě potřeby ho upravte přímo.

Dokumentace Googlu uvádí, že Build mode drží klíč API pro Gemini jako tajnou hodnotu na serveru (GEMINI_API_KEY, viditelnou v panelu Secrets), ne v kódu na straně klienta. Aplikace pro Android místo klíče používají Firebase AI Logic a App Check.

Sdílení a nasazení

• Sdílení: aplikace jsou ve výchozím nastavení soukromé. Lidé, se kterými sdílíte, mohou zobrazit a forkovat kód a ti s právem úprav ho mohou měnit. Volání Gemini, která provádějí lidé používající vaši sdílenou aplikaci, se počítají do vašeho využití a AI Studio vás před sdílením upozorní, pokud jsou náklady pravděpodobné.
• Cloud Run: nasaďte z AI Studia jako škálovatelnou službu. Může platit ceník Google Cloud.
• GitHub: obousměrná synchronizace s repozitářem s pohledem na konflikty, když se změnily obě strany.
• Stažení ZIP: vezměte kód kamkoli. API klíč nastavíte na vlastním hostingu.

Tipy pro lepší výsledky v Build mode

• Začněte tím, co Gemini v aplikaci dělá. Build mode je nejlepší, když je AI samotnou funkcí: shrnování, extrakce, generování obrázků, odpovídání na otázky nad dokumentem.
• Řekněte, co se ukládá a pro koho. „Recepty každého uživatele jsou soukromé jen pro něj“ je pravidlo, které stojí za to uvést hned na začátku.
• Měňte jednu věc najednou a před dalším krokem ji otestujte v náhledu.
• Zkontrolujte bezpečnostní pravidla Firebase, než přijdou skuteční uživatelé. To, že aplikace funguje, neznamená, že ostatní uživatelé nemohou číst vaše data. Zeptejte se: „Ukaž mi pravidla Firestore a vysvětli, kdo může číst a zapisovat do jednotlivých kolekcí.“

Další prompty, které fungují v jakémkoli nástroji, najdete v našem přehledu promptů pro vibe coding.

Kde je Google AI Studio nejsilnější

• Aplikace, kde je Gemini hlavní funkcí, s klíčem drženým na serveru.
• Stacky postavené na Googlu: Firebase, přihlášení přes Google, data Workspace, Mapy.
• Vývojáři, kteří chtějí rychlý prototyp, který pak synchronizují s GitHubem a dál rozvíjejí.
• Experimenty s nativním Androidem, zobrazené v prohlížeči.

Kdy přejít na builder s databází a hostingem

AI Studio je silný nástroj a u mnoha projektů stačí. Stojí za zvážení full-stack builder aplikací s AI, když:

• Chcete relační databázi. Firestore je dokumentová databáze. Pokud má vaše aplikace zákazníky, objednávky a faktury propojené mezi sebou, může být databáze Postgres jednodušší na pochopení. Náš průvodce Supabase vs Firebase vysvětluje rozdíl.
• Nechcete spravovat projekt v Google Cloud. Nasazení na Cloud Run znamená účet Cloud, fakturaci a jejich nastavení. Někteří lidé chtějí publikovat jedním kliknutím a mít hosting v ceně.
• Chcete hosting, databázi a úložiště na jedné faktuře. Na Mythexu se platí z měsíčních Cloud kreditů zahrnutých v tarifu.
• Potřebujete iPhone i Android. Na Mythex Pro se publikovaná aplikace může stát aplikací pro Android, kterou nahrajete na Google Play, a aplikací pro iPhone odeslanou do TestFlightu s vaším klíčem App Store Connect, bez Macu. (Ty otevírají vaši publikovanou aplikaci; nejsou to nativní kódy ve Swiftu nebo Kotlinu.)
• AI není hlavní smysl aplikace. Rezervační systém nebo klientský portál nepotřebuje Gemini ve středu a obecný builder se může hodit přirozeněji.
• Chcete vlastní doménu bez nastavování služeb Cloud.

Mythex funguje takto: popište aplikaci v chatu, v jakémkoli jazyce, a on vytvoří skutečnou full-stack aplikaci s živým náhledem, připojí databázi Postgres a úložiště souborů a jedním kliknutím ji publikuje na veřejnou URL. Tarif Free nevyžaduje kartu a zahrnuje publikování; Pro stojí $25 měsíčně a přidává úpravy kódu, export, GitHub, vlastní domény a aplikace pro telefon. Viz stránka AI app builder.

Kód si v každém případě můžete vzít s sebou: z AI Studia přes GitHub nebo ZIP, z Mythexu přes export a GitHub na tarifu Pro. Širší přehled možností najdete v nejlepších nástrojích pro vibe coding a v ChatGPT vs Claude vs Gemini pro tvorbu aplikací.

Jak používat Google AI Studio (stručně)

1. Přihlaste se na aistudio.google.com svým Google účtem.
2. V Playgroundu vyberte model, napište prompt a stiskněte Run. V Run settings přepínáte parametry a funkce.
3. Pokud chcete Gemini ve vlastní aplikaci, vytvořte klíč přes Get API key a uložte ho do proměnných prostředí serveru.
4. Chcete-li vytvořit aplikaci, otevřete Build mode a popište ji slovy. Upravujte ji chatem nebo v režimu anotací podle náhledu.
5. Hotovou aplikaci nasaďte na Cloud Run, synchronizujte s GitHubem nebo si ji stáhněte jako ZIP.

Pokud chcete databázi, hosting, vlastní doménu a aplikace pro iPhone i Android na jednom místě, může být zajímavou volbou i full-stack builder aplikací s AI, například Mythex.

Otázky