Build with AI Workshop

Create your personal developer portfolio using Google Stitch and Antigravity IDE and deploy it live. No prior AI experience needed.

Get Started

Outcome

What you'll walk away with

Your own portfolio
A fully customized, AI-generated developer portfolio website — uniquely yours.
Live on the web
Deployed on GitHub Pages at yourname.github.io — accessible to anyone, anywhere.
Community showcase
Featured on the GDG Jammu community page at gdgjammu.com/community.
Google badge
Official Build with AI badge on your Google Developer Profile.
AI resume generator
Bonus: an AI-powered tool that tailors your resume to any job description.
Installable PWA
Your portfolio works offline and installs like an app on phones.

Tools

What we'll use

Two Google tools that let you build production-grade apps with AI — no boilerplate, no setup headaches.

Design to Code

Google Stitch

A prototyping tool that turns natural language descriptions into fully functional web applications. Describe the portfolio you want — Stitch generates production-ready code instantly.

  • Generate complete web pages from text prompts
  • Iterate designs by refining your description
  • Export clean, deployable HTML/CSS/JS
  • Prototype in minutes, not hours
AI-Native Editor

Antigravity IDE

Google's AI-native code editor that understands your entire project context. Customize your Stitch output — tweak styles, add features, debug, and push to GitHub.

  • AI-assisted code editing and suggestions
  • Debug with natural language explanations
  • Add features by describing what you want
  • Built-in Git and GitHub integration

Before the workshop

Setup checklist

Complete these steps before arriving. This saves time and ensures you can start building immediately.

Create a Google Account Required for Stitch, Antigravity, and Cloud credits — accounts.google.com
Create a GitHub Account You'll host your portfolio here — github.com/signup
Download Antigravity IDE The AI code editor we'll use for customization — antigravity.google/download
Install Git Version control for pushing code to GitHub — git-scm.com/downloads
Claim Free Google Cloud Credits Redeem before the workshop — Claim credits
Install Google Chrome Recommended browser for best compatibility — google.com/chrome

System requirements: Any laptop (Windows / macOS / Linux / ChromeOS), stable internet, 2 GB free disk space.



Schedule

Workshop timeline

Four phases, each building on the last. You'll have a live portfolio by Phase 3.

Phase 1 — 45 minutes
Generate with Stitch
Open Google Stitch and describe the portfolio you want. Pick your style, colors, layout. Add your name, bio, skills, and projects. Stitch generates production-ready code — export it.
Phase 2 — 30 minutes
Customize in Antigravity
Open your exported code in Antigravity IDE. Tweak the design, fix details, add sections, and polish it until it feels truly yours. Use AI assist to add features faster.
Phase 3 — 20 minutes
Deploy to GitHub Pages
Fork the starter repo, replace the placeholder with your portfolio code, push to GitHub, and enable Pages. Your site is now live at yourname.github.io — show the world.
Phase 4 — 25 minutes
Showcase + Bonus
Submit your portfolio to the GDG Jammu Community Showcase. Bonus: add an AI-powered resume generator that tailors your resume to any job description.

Skills

What you'll learn

AI-assisted development
Use Stitch and Antigravity to build real applications with AI.
Web fundamentals
Understand HTML, CSS, and JavaScript structure — even when AI writes it.
Git and GitHub
Version control basics — forking, committing, and pushing code.
GitHub Pages
Free static site hosting and deployment in minutes.
Prompt engineering
How to describe what you want so AI builds it right.
AI API integration
How apps communicate with AI models — the bonus resume feature.

Help

Troubleshooting

Common issues and quick fixes. If you're stuck during the workshop, raise your hand — mentors are here to help.

GitHub Pages not showing my site

Go to your repo Settings, then Pages. Make sure the source is set to the main branch. Wait 2-3 minutes for GitHub to build. Check that your file is named index.html (not Index.html or home.html).

Git push is failing

Make sure you forked the repo (not just cloned the original). Check that you're pushing to your fork by running git remote -v — it should show your username. If using HTTPS, GitHub may ask for a Personal Access Token instead of a password.

Antigravity won't install

Check system requirements at antigravity.google/download. On Windows, try running as Administrator. On Mac, allow it in System Preferences under Security and Privacy. Fallback: use VS Code with GitHub Copilot as an alternative.

Stitch isn't generating what I want

Be specific in your prompts. "A dark theme portfolio with a hero section, project cards in a grid, and a contact form" works much better than "make me a website." Iterate by refining your prompt based on what you get.


Showcase

Submit your portfolio

Built your portfolio? Awesome! Submit it to the community showcase and let everyone see what you've created. Your site will appear on the GDG Jammu showcase wall alongside other attendees.

Submit Your Portfolio View Community Showcase

Resources

Keep learning