Vibe Coding Quick Start

UB/SIM Career Development Seminar

📱

Full guide:

daveliew.com/vibe-coding

The 3-Step Process

1️⃣

Describe

Tell AI what you want

Claude / Gemini

2️⃣

Generate

AI builds your site

v0.dev

3️⃣

Deploy

Go live in one click

Vercel

Your First Prompt

Personal Introduction Site

"Create a modern personal introduction page for [YOUR NAME], a [YEAR] year [MAJOR] student at SIM-UB. Include sections for: a brief introduction, my interests in [INTERESTS], and my career goals in [FIELD]. Use [COLOR] colors and a clean, professional design."

Essential Tools

v0.dev

AI website builder

Vercel

vercel.com

Free hosting

Claude

claude.ai

Best for writing & reasoning

Gemini

gemini.google.com

Images, video & search

💡 Pro Tip

Be specific: mention colors, sections, and your target audience. "Make me a website" → vague. "Create a minimal portfolio with blue/white colors, hero section, and 3 skill cards" → great results.

Questions? linkedin.com/in/daveliew

daveliew.com/vibe-coding

Full guide with videos & examples