AI Builder Tools
What you can do with Claude, Claude Code, ChatGPT and Codex, Gemini, Lovable and other top AI tools, and exactly how: create a website, add pages, connect tools, connect other websites and APIs, publish on your own domain, and run PM workflows end to end.
AI Builder Tools: Claude, ChatGPT, Codex, Gemini, Lovable
What you can do with Claude, Claude Code, ChatGPT and Codex, Gemini, Lovable and other top AI tools, and exactly how: create a website, add pages, connect tools, connect other websites and APIs, publish on your own domain, and run PM workflows end to end.
In one line
AI builder tools let PMs and non-coders research, write, prototype, build websites and apps, and connect tools together. This course shows what each tool is best at and walks you through real builds step by step.
The 10 classes
Choosing the right AI tool
Know the four kinds of AI tools and when to use each.
- Assistants think and write; builders make apps; coding agents change real code; automation connects tools.
- Pick by the job, not the brand.
- Combine tools in one workflow.
Claude for PMs: what you can do and how
Use Claude's Projects, Artifacts, research, connectors and Skills in daily PM work.
- Projects hold context; Artifacts make interactive outputs.
- Connectors bring your real data in.
- Skills make your best methods repeatable.
ChatGPT for PMs: Projects, GPTs, Canvas, research and agent
Use ChatGPT's main features for research, documents, data and automation.
- Projects + Canvas for documents; deep research for reports.
- Custom GPTs package team methods.
- Agent mode for web tasks with approvals.
Gemini for PMs: Gemini app, Gems, Deep Research, NotebookLM, Workspace, AI Studio
Use Google's AI tools, especially if your team lives in Google Workspace.
- Gemini shines inside Google Workspace.
- Gems and NotebookLM make repeatable, source-grounded work.
- AI Studio gives you API keys and prototypes.
Lovable: from idea to a working app (no code)
Build and publish an app with Lovable, including a database, login and your own domain.
- Start with a mini-PRD prompt.
- Supabase adds data and login.
- GitHub sync lets you grow beyond the builder.
Claude Code and OpenAI Codex: coding agents for PMs
Use coding agents to build and change real websites and apps, safely.
- Coding agents turn plain English into real code changes.
- Project rules files keep them consistent.
- GitHub + Cloudflare/Netlify = free automatic deploys.
Tutorial: create a website, add pages and publish on your domain
Follow one complete path from idea to a live site you own.
- Plan before you prompt.
- Own your code in GitHub.
- Free hosting + your domain + HTTPS in under an hour.
Connect your tools: Zapier, Make, n8n, webhooks and MCP
Make your website and tools talk to each other.
- Trigger → actions → AI step → notify.
- Webhooks connect anything that speaks HTTP.
- MCP lets AI assistants use your tools.
Connect other websites and services
Embed, integrate and call other websites safely.
- Embeds for content; APIs for data; webhooks for events.
- Secrets stay on the server.
- Test mode before real money.
PM workflows end to end and capstone
Combine tools into a real product workflow.
- Each tool has a role in the workflow.
- Ship something real and measurable.
- Control cost and data from day one.
Interview questions
Which AI tool would you use to prototype an app quickly?
A no-code builder like Lovable (or Bolt/v0/Replit) for a clickable, working prototype; then move to a coding agent for production.
Claude Code vs Lovable?
Lovable is a no-code app builder in the browser; Claude Code is a coding agent that edits real code in your repo, runs commands and deploys, giving full ownership and flexibility.
How would you build a website as a PM?
Plan pages and CTA, generate with Lovable or a coding agent, add pages and forms, analytics and SEO, push to GitHub, deploy on Cloudflare Pages/Netlify, connect a custom domain.
How do you connect a website form to your tools?
Use an automation (Zapier/Make/n8n) or a webhook: form → Sheet → AI summary → Slack/CRM.
What are Custom GPTs and Gems?
Reusable assistants with your instructions and files in ChatGPT (GPTs) and Gemini (Gems).
How do you keep API keys safe?
Store them only in server or hosting secret settings, never in front-end code or prompts; use limits and rotate keys.
When use NotebookLM?
When answers must come from your own sources with citations: research, study, interview synthesis.
How do PMs use coding agents responsibly?
Branches and reviews, project rules files, tests, no secrets in code, and human approval before merging and deploying.
