Preskoči na glavni sadržaj
Zee Akademija · Lekcija 15 · Razvojno Okruženje — AI Studio Prototip & Antigravity Final Build

Claude Scraping, Master Prompt & AI Studio Remix: Izrada Brzog Prototipa

Tajna Zee Design prodaje: Kako iz linkova (Instagram, Facebook, Google Maps, CompanyWall) izraditi Claude Master Prompt, remixati aplikaciju u Google AI Studiju i dobiti live preview na Vercelu.

Što ćete naučiti

  • Faza 1 — Prikupljanje & Claude Scraping: Claudeu dajemo sve linkove klijenta (Instagram profil, Facebook, Google Maps s recenzijama, CompanyWall/Poslovna.hr za OIB i podatke). Claude analizira brend i priprema Master Prompt te zip paket s resursima.
  • Faza 2 — AI Studio Remix & Upload Zipa: U Google AI Studiju otvaramo provjerenu Zee Design bazu aplikacije, kliknemo "Remix" i uploadamo Claudeovu zip datoteku izravno u root folder projekta.
  • Faza 3 — GitHub Commit & Vercel Preview: Izvršavamo Master Prompt u AI Studiju, gotov kod commitamo na GitHub i Vercel ga automatski deploya na privremeni live URL (klijent-preview.vercel.app).
  • Prodajni efekt: Klijentu u outreach poruci šaljemo gotov interaktivan web na njegovom mobitelu ("Pripremili smo vam besplatan prototip"). Kada vidi svoj brend uživo, prihvaćanje ponude je gotovo zagarantirano!

Claude Master Prompt: Ekstrakcija identiteta iz javnih profila

Klijent rijetko ima spreman materijal. Zato mi preuzimamo inicijativu:

  • Instagram & Facebook: boje brenda, vizualni stil, ponuda i fotografije radova.
  • Google Maps: stvarne recenzije i zvjezdice zadovoljnih gostiju/kupaca, radno vrijeme, točna adresa.
  • CompanyWall / Poslovna: službeni naziv obrta/firme, OIB i IBAN za formalne dijelove stranice.
  • Claude iz svega toga stvara Master Prompt i zip arhivu optimiziranu za root folder u AI Studiju.

Google AI Studio Remix & Vercel Live Preview

Radni koraci u AI Studiju:

  • 1. Otvori bazu u aistudio.google.com -> klikni "Remix".
  • 2. Uploadaj pripremljenu zip datoteku u root stablo projekta.
  • 3. Zadaj Master Prompt Gemini 2.5 modelu za adaptaciju komponenti i tekstova.
  • 4. Commitaj gotov prototip na GitHub repozitorij.
  • 5. Vercel automatski kreira live URL koji šaljemo klijentu u prodajnom razgovoru!

Korak po korak

  1. Testiranje brzog git commita prototipa

    git add . && git commit -m "feat: client interactive prototype preview" && git push

    Šalje prototip na GitHub i automatski okida Vercel preview deployment.

Savjet iz prakse

Nikada klijentu ne šaljite samo statični PDF! Interaktivni prototip na Vercelu koji klijent može otvoriti na svom iPhoneu dokazuje da ste brži i profesionalniji od 99% drugih agencija.