Build Your App in One Day with AI: Vibe Coding Workshop
Walk in with an idea, walk out with a live app. No coding experience required. Using Claude + Google AntiGravity + Firebase.

This isn't another AI lecture. This is an 8-hour, hands-on workshop where you build YOUR app from scratch and deploy it live on the internet — all in a single day, with zero coding experience.
You bring your idea. The AI builds it for you.
Using Claude (for planning and design), Google AntiGravity (for building), and Firebase (for your database, login system, and hosting), you'll go from a blank screen to a fully functional, publicly accessible app by 5:30 PM.
All tools, subscriptions, and accounts are provided. You don't need to buy or set up anything, just bring your laptop and your ideas.
Why this workshop
Most AI courses teach you theory. You sit in a lecture, practise on the same demo project as everyone else, and leave with knowledge but nothing to show for it.
This workshop is the opposite.
You walk in with YOUR idea. Not a tutorial project. Not a follow-along exercise. YOUR idea — the app you've been wanting to build. And by the end of the day, it's live on the internet for anyone to use. Don't have an idea yet? No problem — we provide 3–5 ready-made ideas you can build and learn with.
The format is simple: I show you how I build, step by step. Then you follow along and do it yourself. With only 3–4 students per session, you get dedicated 1-on-1 guidance the entire day.
Every single student ships.
Apps We Built With AIWhat this workshop covers
- How apps and websites actually work (frontend, backend, databases, hosting, authentication)
- Introduction to Claude, Google AntiGravity, Firebase, and how vibe coding works
- Idea selection, MVP scoping, and writing a professional app brief with Claude
- Creating a brand style (colours, fonts, design direction) with Claude
- Setting up AntiGravity and configuring MCP servers
- Building your app from brief to working prototype, with testing and debugging
- Connecting Firebase for authentication, database, and storage
- Running an AI security check, deploying live with Git, and connecting a custom domain
What you walk away with
- A working app, deployed and accessible via a real URL you can show anyone
- Your project files on your machine, ready to keep building
- Practical skills with Claude + AntiGravity + Firebase
- Knowledge of the full tool landscape for your next project
- App store publishing checklist for Google Play / Apple
What you need
- Laptop (Windows or Mac) with Chrome installed
- Basic computer experience (you can use a browser and type)
- 3–5 app ideas, or just come ready to learn — we provide ideas too
- No coding or design experience needed
- All accounts, tools, and subscriptions are provided for you
Why Claude + AntiGravity + Firebase
There are dozens of AI building tools in 2026. We've tested them all. This is the stack that actually gets a non-coder from idea to live app in one day.
Claude handles the thinking. You use Claude to write your app brief, define features, and generate your brand style (colours, fonts, design direction). This is the blueprint that makes everything else work. Most people skip this step and wonder why their AI-built app looks generic. We don't skip it.
AntiGravity handles the building. It's a real IDE that runs on your machine, not a browser sandbox that crashes when your project gets complex. You paste your brief, the AI agent plans the work, writes the code, tests it in a built-in browser, and deploys it. You manage the outcome. The AI does the coding.
Firebase handles the backend. User accounts, database, storage, and hosting, all connected to AntiGravity with one click. No manual configuration. No separate services to set up.
Why not Lovable, Bolt, or AI Studio? They're browser-based builders. They feel magical at first, but as your app grows past 15–20 components, the browser slows down, the AI loses context, and things start breaking. With Bolt in particular, developers have documented costs spiralling into the hundreds just debugging AI-introduced issues. Your project lives inside a browser tab. If it gets complex, you're fighting the tool instead of building.
The bottom line: Claude + AntiGravity + Firebase is the most complete stack for a beginner to plan, build, test, and deploy a real app in one day.
Why learn from us?

I've spent 12 years in digital design and development. Through Jin Design, I've helped launch over 100 websites for clients including Phillip Futures, Singlife, Allianz, VulcanPost, and Lion Global Investors.
But this workshop isn't about my agency work. It's about what I've been doing for the past year: teaching myself AI-powered development from scratch. I've since shipped multiple real apps using this exact Claude + AntiGravity + Firebase workflow. I'll show you these apps at the start of the workshop, not screenshots, the actual live products.
I keep the class small (max 4 students) because I want every person to leave with a deployed app, not just notes. All tools, subscriptions, and accounts are provided so you don't have to worry about anything except building.
Vibe Coding Workshop
We don't just teach. We build.
Built with the same AI tools and methods we teach.

Site Inspector App
A business application for storing and managing inspection and site survey documentation. Demonstrates how AI development can produce enterprise-grade tools for field operations and compliance workflows.
- Structured storage for inspection records and survey data
- Document organisation by site, date, and category
- Designed for on-site mobile access
- AI-built solution replacing manual documentation processes

AI Progress Tracker
A monitoring dashboard that tracks capability updates across ChatGPT, Gemini, and Claude. Purpose-built to help professionals stay current on the rapidly evolving AI landscape.
- Side-by-side model comparison and changelog tracking
- Regular updates as new capabilities are released
- Curated for business-relevant AI developments
- Built and maintained using AI-assisted workflows

Screen Colour Tester
A full-screen colour testing utility built for display calibration and quality assurance. A simple concept taken from idea to functional product using AI development in a single session.
- Full-screen colour rendering across custom values
- Multiple testing modes for display evaluation
- Zero-dependency, browser-based tool
- Rapid AI-built prototype to production pipeline

Teleprompter
A browser-based teleprompter application designed for content creators and presenters. Built with AI to demonstrate how everyday productivity tools can be developed quickly without traditional engineering overhead.
- Adjustable scroll speed and font sizing
- Full-screen presentation mode
- Clean, distraction-free reading interface
- Fully responsive across desktop, tablet, and mobile devices

Zantome GA
A full-featured companion app for Grand Archive TCG, built entirely with AI-assisted development. Zantome demonstrates how vibe coding can produce a polished, production-ready product that serves a real user community.
- Real-time life and resource tracking
- Match history and session logging
- Intuitive UI designed for speed during live gameplay
- Built and iterated end-to-end using AI tools

Checkpoint Camera Feed
A live camera feed aggregator for Singapore-Malaysia border checkpoints, delivering real-time traffic visibility to commuters. This project showcases how AI-assisted development can rapidly integrate publicly available gov.sg API data into a practical, user-facing tool.
- Real-time checkpoint camera streaming via gov.sg open data APIs
- Multi-checkpoint view for quick comparison
- Lightweight, mobile-responsive interface
- Developed and deployed using AI-assisted workflows