AI Tech Talk Presentation

A presentation about practical AI development workflows and tools, built with Next.js.

Presentation Outline

Foundation & Setup

1. Title - Introduction, token count visual
2. Three Tiers - AI help categories (framework for thinking)
3. Documentation Skip - Syntax lookups (Tier 2 example)
4. Guardrails - Config files, tests, docs foundation
5. Git Sidebar Tip - Keep git tab open (immediate practical tip)

What to Delegate (Tier 1)

6. Grunt Work - Forms, tests, migrations (Tier 1)

Workflow Control

7. Process Task List - Control AI workflow systematically
8. Claude Hooks - Automate actions and notifications

Tools & Commands

9. Claude Commands - /sanity-check, /prime, /commit
10. SuperWhisper - Voice to code
11. MCP Servers - AI sees your app

Advanced Techniques

12. Ultrathink - Deep reasoning prompts
13. AI Guidance - Let AI tell you what it needs

Wrapping Up

14. Favourite Experiment - Real-world success story
15. Background Agents - The exciting future

---

Getting Started

First, install dependencies:

npm install --legacy-peer-deps

Then run the development server:

npm run dev

Open http://localhost:3000 to view the presentation.

Navigation

• Arrow keys or Space/Enter - Navigate between slides
• Number keys (1-9) - Jump to specific slides
• Mouse/Touch - Click navigation buttons

Tech Stack

• Next.js 15.3.5 with App Router
• TypeScript
• Tailwind CSS v4
• Framer Motion for animations
• React 19

Deployment

Deploy on Vercel:

vercel --prod

Or use the Vercel Platform for automatic deployments.