Vibe Coding Your Professional Portfolio
Build a Professional Website in 2 Hours—No Coding Required
With AJ Bubb | MXP Studio
Interactive Workshop
Before we begin
Scan, grab your free month - then we talk.
Sign up for Lovable
lovable.dev/invite/C3MOHS7
- 1Sign up at lovable.dev with the QR
- 2Open Settings → Plans & Credits
- 3Pick Pro Plan 1 (monthly) and paste the code at checkout
Let's level set with the room
Who's here, what you want to build, and what you want to walk away with today.
My commitment today
Show you it works. Keep it concrete. Make sure you ship something live.
Your commitment today
Stay hands-on. Ask anything. Don't wait until it's perfect.
Hi, I'm AJ Bubb 👋
- •Futurist, AI Strategy & Product Development Lead
- •Former Fortune 500 Consultant
- •20+ years building digital products
- •Helped 100s of executives integrate AI into their organizations
🤝Human + AI Philosophy
AI amplifies human creativity—it doesn't replace it. The best results come from combining your expertise with AI's capabilities.
About MXP Studio
We help organizations integrate AI into their workflows through strategy, training, and hands-on implementation.
AI Strategy
Roadmaps for AI adoption
Digital Transformation
Modernizing operations
Executive Training
Hands-on AI workshops
Innovation Leadership
Building AI culture
What is Vibe Coding?
Vibe Coding is describing what you want to an AI assistant that writes the code for you. You focus on the what, AI handles the how.
Traditional Coding
- Years to learn syntax
- Debugging for hours
- High barrier to entry
Learn to Code
- Months of tutorials
- Practice projects
- Still need experience
Vibe Coding
- Describe what you want
- AI writes the code
- Ship in hours, not months
Your expertise + AI's capabilities = Rapid results
Why this matters
Whether you're technical or not, three shifts to internalize.
From "I don't know" to "What do I need to ask?"
The new core skill isn't memorizing answers. It's framing the right questions and letting the tool do the lookup.
The first tool that teaches you how to use it
You don't need a course before you start. The tool itself explains, suggests, and corrects as you go.
Your job is to articulate the vision
Be clear about what you want. The AI handles the how. Clarity of intent beats technical depth.
Workshop Overview
Ship first - then understand why it worked.
Settle in
I talk, we get oriented, set context, and make sure everyone has the tools open and ready.
Publish your first site
Hands on the keyboard. We go from blank slate to a live URL you can share - fast.
Unpack what just happened
Slow down and dig in: how it worked, prompting patterns, iterating, and where to take it next.
By the end: you'll have a LIVE portfolio URL to share immediately 🚀
What You'll Build
Hero Section
Professional headline • Compelling tagline • Call-to-action button
About Section
Your story • Key skills • Professional photo
Experience
Work history • Key achievements • Timeline view
Projects
Portfolio gallery • Case studies • Links to work
Contact
Contact form • Social links • Email integration
Ready to share immediately ⚡
Preparation Checklist
Get these ready before we start
📋 Materials to Gather
🔑 Accounts to Create
Sign up for Lovable
lovable.dev/invite/C3MOHS7
Tools We're Using
Lovable
ClaudeTech Requirements
Don't worry if you're not 100% prepared — we'll help you through every step. The most important thing is showing up ready to learn! 🎓
Get 1 Month of Lovable Pro Free
Redeem your community discount code in under a minute
How to apply the code
- 1
Go to lovable.dev
Open the site in your browser.
- 2
Sign in or create an account
New here? Click "Get started" to create an account.
- 3
Open Settings → Plans & Credits
Existing free account? Same menu.
- 4
Select Pro Plan 1 (100 credits)
Make sure to choose the monthly plan.
- 5
Enter the discount code at checkout
Paste the code below.
Your discount code
Click to copy
Already on a paid plan? Create a new workspace to redeem the code there.
Heads up: You may need to enter payment details. You have a full month to cancel - and you can cancel right after activation.
Let's Build! 🚀
Think Clearly
Know what you want to build
Iterate Quickly
Refine with each prompt
Ship It
Done is better than perfect
Your portfolio website awaits
In the next 2 hours, you'll go from idea to live website
Stay in touch — connect on LinkedIn ↗
Connect on LinkedIn
linkedin.com/in/ajbubb
Questions before we dive in?
LovableTake a photo of this slide
Grab the resources, sign up, and claim your free month
From Prompt to Prototype: The Cohort
Four weeks. Ship a working tool that solves a real problem at your job — and learn to build the next one yourself. Scan to join the founding waitlist.
Join the waitlist
vibecode.mxp.studio/cohort
Get the resource pack
Scan for resources
vibecode.mxp.studio/resources
Prompts, guides, checklists - all free
Sign up for Lovable
Scan to sign up
lovable.dev/invite/C3MOHS7
Free account - takes 30 seconds
1 month of Pro - free
- 1Sign up / sign in at lovable.dev
- 2Settings → Plans & Credits
- 3Pro Plan 1 (monthly) - paste code at checkout