An 8-hour, hands-on workshop where you build YOUR website from scratch and deploy it live on the internet, all in a single day, with zero coding experience.
You bring your business or personal brand. You use AI to build it.
Using Claude (for planning and design), Google AntiGravity (for building), and Firebase (for your database, login, and hosting), you'll go from a blank screen to a fully functional, publicly accessible website 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 content.
This workshop is designed for beginners. You'll be guided step by step throughout the day.
Why this workshop
Most AI courses stop at theory. You sit through a lecture, practise on the same demo project as everyone else, and leave with knowledge but nothing to show for it.
This one is different.
You walk in with YOUR content, your personal brand or your business. Not a tutorial project. Not a follow-along exercise. The website you've been wanting to build. By the end of the day, it's live on the internet for you to test.
The format is simple. I show you how I build, step by step. Then you follow along and do it yourself. Classes are capped at 3 to 5 students per session, so you get dedicated 1-on-1 guidance throughout the day.
Every student leaves with a deployed website.
Websites We Built With AIWhat this workshop covers
- How websites actually work (frontend, backend, databases, hosting)
- An introduction to Claude, Google AntiGravity, Firebase, and vibe coding
- Planning your website content with Claude
- Creating a brand style (colours, fonts, design direction) with Claude
- Designing your website with Claude
- Setting up Google AntiGravity and Firebase hosting
- Running an AI security check, deploying live with Git, and connecting a custom domain
Who this is for
- Business owners looking to revamp their website
- Property or financial agents
- Personal projects and side hustles
- Teams building websites for their companies
- Anyone curious about AI-powered building
What you walk away with
- A working website, deployed and accessible via a real URL you can share
- Your project files on your machine, ready to keep building
- Practical skills with Claude, AntiGravity, and Firebase
- A clear view of the tool landscape for your next project
- A website-live checklist
What you need
- A laptop (Windows or Mac) with Chrome installed
- Basic computer experience (you can use a browser and type)
- Your website content: logo, images, photographs, videos
- No coding or design experience needed
- All accounts, tools, and subscriptions are provided for the workshop
Why learn from us
Yugene
I've spent 12 years designing and developing websites. 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.
When I first picked up Claude and AntiGravity to design the Zantific website, I was genuinely impressed. We completed it in 7 days. The same scope used to take months of planning, writing, designing, and development.
Since then, I've shipped multiple real websites using this exact Claude + AntiGravity + Firebase workflow. I'll show you these at the start of the workshop. Not screenshots. The actual live products.
I keep the class small (3 to 5 students) because I want every person to leave with a deployed website, not just notes. All tools, subscriptions, and accounts are provided so you can focus on building.
Why Claude + AntiGravity + Firebase
There are dozens of AI building tools in 2026. We've tested most of them. This is the stack that gets a non-coder from idea to live website in one day.
Claude handles the thinking. You use Claude to write your 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 website 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 slows down 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.
The bottom line: Claude + AntiGravity + Firebase is the most complete stack for a beginner to plan, build, test, and deploy a real website in one day.
Build Your Website with AI
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
