The Hybrid Advisor Challenge · Bonus Session
Day 1 Day 2 Day 3 Day 4 Day 5
Your Progress 0 / 5 Complete
Bonus · Day 5

Welcome to Day 5

By the end of this session you'll have: a live website or mini-app you built yourself โ€” using nothing but conversation. No coding experience needed. Just you, your ideas, and Claude Code.

💬

Describe

💻

Build

🎨

Refine

🚀

Launch


๐ŸŽ Free Bonus โ€” Included with Day 1

What You'll Build In This Session

๐ŸŽUnderstand Vibe Coding โ€” the new skill of building digital tools by describing them in plain language, with no code required
๐ŸŽSet up a free Claude Code workspace and build your first live website in under 60 minutes โ€” from blank page to published URL
๐ŸŽCustomize your site with real design changes using only conversation โ€” no CSS or coding knowledge required
๐ŸŽTake it live with a real URL you can share โ€” and understand it well enough to iterate on your own going forward
๐ŸŽ

Day 5 is your free bonus โ€” unlocks with Day 1

Day 5 is included free with any purchase. Start with Day 1 ($99) or grab the full bundle ($249) โ€” either way, Day 5 unlocks automatically as your bonus.

Start with Day 1 โ€” $99 (Day 5 included free) โ†’ Or get all 5 days โ€” $249 bundle โ†’

๐Ÿ›ก๏ธ 30-Day Money-Back Guarantee โ€” no questions asked

From Scott Magnacca โ€” trained 4,000+ financial advisors across North America on AI adoption

1
Learn · 10 min

What Is Vibe Coding?

Imagine you want a custom bookshelf in your living room. In the old world, you had two options: learn carpentry yourself (months of training, expensive tools) or hire a carpenter (expensive, slow, you get what they decide to build). Now imagine a third option: you describe exactly what you want โ€” "I need a bookshelf, 6 feet tall, dark walnut, with space for my record player on the third shelf" โ€” and a master carpenter instantly builds it while you watch, asking clarifying questions along the way.

That's vibe coding. You describe what you want in plain English. Claude Code โ€” an AI that lives in your terminal โ€” writes the actual code, creates the files, and builds the thing. You're the architect. The AI is the builder. You don't need to know how to swing a hammer.

🎩

Think of it like directing a movie

You don't operate the camera or edit the film. You say "I want the opening shot to be a slow pan across a rainy cityscape." The crew makes it happen. With vibe coding, your words are the instructions. Claude Code is your entire production crew โ€” writer, camera operator, editor, and sound engineer rolled into one.

What is Claude Code, exactly?

Conversational

You talk to it like a colleague. "Build me a landing page for my advisory practice." No special syntax, no programming languages. Just describe what you want.

Autonomous

It doesn't just suggest code โ€” it creates files, organizes folders, writes every line, and handles the technical details you'll never need to think about.

Iterative

Don't like the color? Say "make the header navy blue." Want a new section? Say "add a testimonials area." You refine by conversing, not by coding.

Why This Matters for You

Every advisor needs digital tools โ€” a personal website, a client calculator, a lead capture page, a proposal generator. Traditionally, you'd pay $2,000โ€“$15,000 for a developer, wait weeks, and get something that's 70% right.

With vibe coding, you can build a functional first version in under an hour. The website you're reading right now? It was built this way. Every page of this challenge was created through conversation with Claude Code โ€” no web developer, no design agency, no coding bootcamp.

How Vibe Coding Works

💬

You Describe

"Build me a landing page with a hero section and contact form"

⚙️

AI Builds It

Claude Code writes every line of code, creates files, handles the tech

🚀

You Refine & Launch

"Make the header bigger. Change colors to navy." โ†’ Iterate until perfect, then go live.


Quick Quiz · Section 1

Test Your Knowledge: Vibe Coding Basics

1. Vibe coding requires you to learn a programming language before you can build anything.

2. Claude Code can create files, write code, and organize your project autonomously.

3. You need to understand the code that Claude Code writes in order to use it effectively.


2
Setup · 10 min

Set Up Your Workspace (One-Time)

Before you can talk to your AI builder, you need to open the workshop. Think of this like walking into the carpenter's studio โ€” you only do this setup once, and then you're ready to build anything, anytime.

💳

You'll need a Claude Pro subscription ($20/month)

Claude Code is included with Claude Pro. You can cancel after one month if you'd like โ€” but most people don't, because once you see what you can build, $20 feels like the bargain of the century.

Follow these steps to get Claude Code running:

1

Sign up for Claude Pro

Go to claude.ai and subscribe to the Pro plan. This gives you access to Claude Code.

2

Open your terminal

Mac: Press Cmd + Space, type "Terminal", press Enter. Windows: Search "Command Prompt" or install Windows Terminal from the Microsoft Store.

3

Install Claude Code

Copy and paste this single line into your terminal, then press Enter:

$ npm install -g @anthropic-ai/claude-code

If you see an error about "npm not found," you'll need Node.js first. Go to nodejs.org, download the installer, run it, then try the command above again.

4

Create a project folder and start Claude Code

These two commands create a folder for your project and launch Claude Code inside it:

$ mkdir my-website && cd my-website
$ claude
5

You'll see a conversation prompt โ€” you're in!

Claude Code will greet you and wait for instructions. This is your AI builder, ready to work. Everything from here is a conversation.

Terminal โ€” my-website
$ mkdir my-website && cd my-website
$ claude
Welcome to Claude Code!
I'm ready to help you build something amazing.
What would you like to create today?

This is what Claude Code looks like when it's ready for your instructions

🛠

The workshop is open

You've just unlocked a workshop where you can build anything digital โ€” websites, tools, calculators, dashboards โ€” by describing what you want. No blueprints to study. No tools to master. Just conversation.


3
Build · 20 min

Build Your First Website or App

Here's the moment that changes how you think about technology forever. You're about to build something real โ€” not a simulation, not a demo โ€” a real website or app that actually works. And you're going to do it by having a conversation.

💡

Like ordering at a restaurant

You don't go into the kitchen and cook. You read the menu, tell the chef what you want (maybe with modifications โ€” "no onions, extra spicy"), and a finished dish arrives. The better you describe what you want, the better the result. Vibe coding works the same way.

From Conversation to Website โ€” In Real Time

Your conversation

Build me a one-page website for my advisory practice. Dark theme, warm accents.
Creating index.html... Adding hero section, about, services, contact form... Done!
Make the headline bigger and add a testimonials section.
Updated! Added 3 testimonial cards with quote styling.
Perfect. Now add a booking link button.

What gets built

my-advisory-site.netlify.app
JD Advisory
About Services Contact

Helping Families Build
Generational Wealth

Trusted financial guidance for 15+ years

Book a Free Consultation

Services

📈

Retirement Planning

🏠

Estate Planning

💰

Tax Strategy

What Clients Say

★★★★★

"Changed our family's financial future."

★★★★★

"Finally someone who explains it clearly."

★★★★★

"Wish we'd started with JD years ago."

© 2026 JD Advisory

A professional website โ€” built entirely by conversation

Step 1: Pick your project

Choose one of these starter ideas, or come up with your own. Start simple โ€” you can always add more later.

Personal Landing Page

A one-page site with your name, what you do, who you help, and a way to contact you. Think of it as your digital business card on steroids.

Client ROI Calculator

An interactive tool where prospects enter their numbers and see the potential value of working with you. Great for lead capture.

Service Overview Page

A polished page that explains your services, includes testimonials, and has a clear call-to-action for booking a meeting.

Your Own Idea

Have something else in mind? A newsletter signup page? A resource library? An event registration page? Go for it.

Step 2: Give Claude Code your first instruction

Here's a starter prompt you can customize and paste into Claude Code. Replace the brackets with your details:

Your First Vibe Coding Prompt Build me a single-page website for my professional advisory practice. Here are the details:

Name: [Your Name]
Title: [e.g., Wealth Advisor | Financial Consultant | Insurance Specialist]
What I do: [1-2 sentences about how you help clients]
Who I help: [Your ideal client โ€” be specific]
Call to action: [e.g., "Book a 15-minute discovery call" with a link to your calendar]

Make it modern, clean, and professional. Dark background with warm accent colors. Include a hero section, an "about" section, a services overview, and a contact section. Make it mobile-friendly.

What Happens Next

1

Claude Code will start creating files. You'll see code scrolling by โ€” you don't need to read or understand it. It's like watching the carpenter work. Just let it run.

2

It may ask you questions โ€” "Do you want a contact form or just an email link?" Answer in plain English. There are no wrong answers.

3

When it's done, it will tell you. Open the file it created (usually index.html) in your web browser to see your site. On Mac, type: open index.html


Quick Quiz · Section 3

Test Your Knowledge: The Build Process

1. When giving Claude Code instructions, being specific about what you want leads to better results.

2. You should ask for all your changes in one single message to save time.

3. The first version Claude Code creates will always be the final version you use.


4
Workshop · 15 min

Customize & Iterate โ€” The Power of Conversation

Your first version is your rough draft. Now comes the magic โ€” refining through conversation. This is where vibe coding becomes addictive. Every sentence you type transforms the result instantly.

🎨

Think of it like sculpting from clay

The first build gave you the rough shape. Now you're refining โ€” smoothing an edge here, adding a detail there. Each instruction carves the clay closer to your vision. "Make the headline bigger." "Add a testimonial section." "Change the button color to dark blue." Each sentence is a sculpting tool.

The Iteration Cycle โ€” Each Prompt Makes It Better

📝

Rough Draft

🎨

Add Polish

Refine Details

💎

Finished!

Each conversation prompt refines and improves โ€” like sculpting clay, one stroke at a time

Try these refinement prompts โ€” just paste them into Claude Code one at a time:

Visual Polish Make the design more premium. Add subtle animations when sections scroll into view. Use a darker background with warm accent colors.
Add Social Proof Add a testimonials section with 3 client quotes. Use placeholder text for now โ€” I'll replace it with real testimonials later. Make the cards look elegant.
Mobile First Make sure this looks perfect on a phone. The text should be readable, buttons should be easy to tap, and nothing should be cut off on a small screen.
Add Interactivity Add a simple contact form that collects name, email, and a short message. When someone submits it, show a "Thank you" message. Keep it clean and simple.

Pro Tips for Better Results

Be specific: "Make it look better" gets vague results. "Add a gradient background that goes from dark navy to black" gets exactly what you want.

One change at a time: Don't ask for 10 changes in one message. Give one instruction, see the result, then give the next. Like sculpting โ€” one stroke at a time.

Reference what you like: "Make the layout feel like Apple's website โ€” lots of white space, one big image, minimal text" gives Claude Code a clear direction.

Say what you don't like: "The font feels too formal. Make it friendlier and more modern" is a perfectly valid instruction.


5
Challenge · 10 min

Take It Live โ€” Share Your Creation With the World

You've built something. It works. It looks good. Now let's put it on the internet โ€” for real โ€” so anyone with the link can see it. This is the grand finale: going from idea to live website in a single session.

🚀

Like hanging your painting in a gallery

The painting is done. Now you carry it from the studio, hang it on the wall, and invite people to see it. "Deploying" your site is just that โ€” moving it from your computer to the internet so others can visit it. Free hosting services like Netlify make this effortless.

Your Site's Journey to the World

💻

Your Computer

Files on your machine

☁️

Netlify Cloud

Free hosting service

🌍

Live on the Internet!

Anyone can visit

Option A: Deploy with Netlify (Free, Easiest)

1

Go to Netlify Drop

Open app.netlify.com/drop in your browser. No account needed for a quick test.

2

Drag your project folder into the browser

Find your my-website folder on your computer. Drag the entire folder onto the Netlify page. That's it.

3

Your site is live!

Netlify gives you a URL like random-name-12345.netlify.app. Click it. Share it. That's your website, live on the internet, built entirely by conversation.

Option B: Ask Claude Code to deploy for you

Deployment Prompt Help me deploy this website to Netlify. Walk me through each step. I've never deployed a site before.

What You Can Build Next

Now that you know how, the possibilities are limitless. Here's what other Hybrid Advisors have built with Claude Code:

A retirement readiness quiz that captures leads

A fee comparison calculator

A client onboarding checklist app

A market commentary blog with auto-formatting

An event registration page with email confirmation

A personal brand site that rivals $10k agency builds


Quick Quiz · Final Round

Test Your Knowledge: Deployment & The Big Picture

1. Deploying a website means moving it from your computer to the internet so others can visit it.

2. You need to pay for expensive hosting to put your website online.

3. A Hybrid Advisor uses AI to replace human connection in client relationships.


๐Ÿ†

FINAL EXAM

๐Ÿ†

Test your Vibe Coding mastery in 25 questions

Answer all questions to unlock your achievement badge

Progress 0/25

1. Vibe Coding means letting AI make all your decisions for you.

2. The Hybrid Advisor model focuses on replacing human connection.

3. A Hybrid Advisor's edge comes from understanding both AI capabilities AND human psychology.

4. Decision Intelligence is about knowing when to trust AI output vs. when to verify or override.

5. Workflow Automation is just about using ChatGPT more often.

6. ROI Framing means translating AI capabilities into revenue or time metrics that drive adoption.

7. Prompt Engineering is only for data scientists and engineers.

8. The 56% wage premium is based on actual market research and employer surveys.

9. AI for Client Communication is limited to email drafting.

10. A Hybrid Advisor's research is faster but lower quality than traditional methods.

11. The Hybrid Advisor model applies only to sales roles.

12. Vibe Coding requires you to become an AI expert.

13. The skills taught in this course are timeless โ€” they won't be outdated in 2-3 years.

14. A Hybrid Advisor's competitive advantage comes from working harder, not smarter.

15. Client trust increases when you rely entirely on AI without explaining your process.

16. The future belongs to people who ignore AI and stick with traditional methods.

17. Vibe Coding is about maintaining your human edge while scaling with AI.

18. A Hybrid Advisor needs to verify every single piece of AI output.

19. The skills learned here (prompt engineering, workflow automation, ROI framing) work across ANY industry.

20. AI will eliminate the need for Hybrid Advisors in the next 5 years.

21. Your ability to build authentic relationships is MORE valuable now that AI handles the grunt work.

22. The AI Sales Catalyst โ€” 4-Day Self-Study + Bonus Day 5 teaches you everything you need to become an expert Hybrid Advisor.

23. Vibe Coding is a technical skill you learn once and never revisit.

24. The competitive window for Hybrid Advisors is closing as more people learn these skills.

25. You're now ready to go out and create real value using everything you learned in this challenge.


98%
🌟

You now know more about Vibe Coding
than 98% of the adult population.

That's not a marketing stat โ€” it's reality. Most people have never heard of vibe coding, let alone built something with it. You just did.

🧠

Intelligence

Action

💰

More Money

❤️

Fulfillment

Challenge Complete

You didn't learn to code.
You learned something better.

📖 Your Story Starts Now

🔍

Day 1

AI Audit

💸

Day 2

ROI

🧠

Day 3

Decisions

💬

Day 4

Prompting

🚀

Day 5

Vibe Code

๐ŸŽ“ AI Sales Catalyst โ€” Complete

Congratulations โ€” You've Built the Foundation.

Ready to go from self-study to mastery with a live cohort?

You've closed the AI skills gap. Now build the narrative intelligence that turns your AI fluency into revenue โ€” live, with a cohort of peers, and direct coaching from Scott.

Your Next Step

Storyselling Masterclass

โœฆ

6 Weeks Live

Real-time sessions with Scott and a cohort of sales professionals โ€” accountability, feedback, and momentum you can't get from self-study alone.

โœฆ

ACTOR Model + Narrative Intelligence

The advanced framework for AI-powered story selling โ€” structure every conversation to move from connection to commitment, consistently.

โœฆ

Peer Community + Weekly Coaching

Weekly group coaching calls, a private Hybrid Advisor community, and direct access to Scott for real scenario review and feedback.

$1,499

6-week live cohort program

Join the Next Masterclass Cohort โ†’