Vibe Coding Essentials (Code with AI / LLMs - ChatGPT and Claude)

### Prerequisites (What to bring):

• A laptop (any OS is fine)
• A free OpenAI account (ChatGPT) and/or Claude account (Anthropic)
• A modern web browser (Chrome, Edge, Firefox, etc.)
• Basic typing skills
• No coding experience required (seriously!)
• A good attitude and willingness to explore

### Session Outline

#### 🕒 00:00 – 00:15 | Welcome + Orientation

• Icebreaker & community intros
• What is "Vibe Coding"?
• Goals of the session
• Quick overview of LLMs (ChatGPT & Claude)

#### 🕒 00:15 – 00:45 | Talking to AI Like a Dev (Prompting 101)

• What’s a prompt? (Think: instructions to a helpful assistant)
• Writing clear, structured prompts
• Prompt templates for coding tasks
• Hands-on mini challenge: Ask ChatGPT to build a simple webpage header

#### 🕒 00:45 – 01:15 | “Hello AI World!” with ChatGPT

• Let’s write our first program together with ChatGPT
• Examples: A simple app or a website (chose your vibe)
• Copy, run, tweak, and explore (Cursor or Void)

#### 🕒 01:15 – 01:30 | Break & AI Show-and-Tell

• Grab a snack, stretch, and share your favorite AI moment so far!

#### 🕒 01:30 – 02:00 | Claude vs ChatGPT: Different Vibes, Same Game

• Differences in tone, capabilities, and coding strengths
• Live demo: Give both the same coding prompt - compare outputs
• Group activity: Vote which response is more helpful

#### 🕒 02:00 – 02:30 | Build Something Cool Together

• Project options: Random quote generator, to-do list, or quiz app
• Teams work with ChatGPT/Claude to scaffold the project
• Share wins, code snippets, and vibes!

#### 🕒 02:30 – 02:50 | Wrap-Up & What’s Next

• Share your code (GitHub, optional)
• AI tools to explore next
• How to keep learning the “vibe” way

#### 🕒 02:50 – 03:00 | Q&A, Feedback & Group Photo