Using AI Coding Tools to Create Slide Decks
Quickly and Beautifully
Joe (Beiqiao) Hu
TIM, Carleton University
Today's Agenda
A journey from traditional chatbots to modern AI-powered slide creation
From Chatbots ➜ Vibe Coding
Evolution of AI from text responses to full application generation
My March "A-ha!" Moment
The breakthrough that changed how I create presentations
4-Step AI Slide Generation Process
Complete workflow from content preparation to hosting
Conclusion and Next Steps
Tools and resources to start your AI slide creation journey
From Chatbots to "Vibe Coding"
The evolution of AI capabilities in content creation
2023
AI → text answers only
2024
Models output HTML / React / full apps
2025
"Vibe Coding" = describe idea → AI ships results
Same power now crafts slide decks in minutes
The Big Question
"If AI can create entire webpages, why are we still limited to text-based content? Right now, what you see on this webpage, AI can do for you. Including slide decks."
My March "A-ha!" Moment
"After burning $30 on Claude 3.7 Sonnet prompts, I watched it turn a plain doc into a polished website and slide deck inside Cursor. That month I even shipped my first 'vibe-coded' product."
Joe (Beiqiao) Hu
Impact & Results
Portfolio of AI-Generated Sites
Real examples of web-based presentations and sites created with Cursor
Today: Share that recipe so you can do it too.
4-Step AI Slide Generation Process
A systematic approach to creating professional slide decks using AI coding tools
Prepare Your Content First
No matter what tool you use, the first step is always content preparation. Spend time organizing your thoughts, key points, and structure.
Content Checklist:
- Main topic and objective
- Key points and supporting details
- Visual elements needed
- Target audience considerations
Content Preparation
Foundation of Success
AI Generation
Magic Happens Here
Prompt AI to Generate Initial Deck
Choose your AI tool and provide your content with a clear prompt. Different tools have different strengths and interfaces.
Example Prompt:
"Create a professional slide deck about [topic] with modern design, responsive layout, and interactive elements..."
4-Step Process (Continued)
Refining your AI-generated slides and sharing them with the world
Refine and Iterate
The key is to refine prompts gradually. If something is off, specify exactly what to change rather than asking for a complete redesign.
Refinement Tips:
- Send screenshots for context
- Be specific about changes
- Iterate gradually
- Add images with URLs
Iteration & Refinement
Perfect Through Process
Deploy & Share
Share Your Creation
Host & Share
Deploy your slides so you can share or present them via a link. Different tools handle hosting differently.
Hosting Options:
- Auto-hosted: Lovable, Replit, V0
- Manual deploy: Vercel, Netlify
- Custom domains supported
- Add social media metadata
AI Tools Comparison
Choose the right tool for your specific needs and workflow
| Tool | Interface | Free Tier | Hosting | Sweet Spot |
|---|---|---|---|---|
|
Cursor
AI-powered IDE |
Local VS Code fork | $20/mo | Needs Vercel, CF | Devs who tweak code |
|
Claude
Anthropic AI |
Chat / CLI | Limited | Artifact link | High-quality React output |
|
Google Gemini
Google AI |
Chat / CLI | Free | Artifact link | Giant 1M token context |
|
V0.dev
Vercel AI UI |
Web builder | Credits | GitHub→Vercel | Pixel-perfect landing decks |
|
Bolt.new
StackBlitz AI Builder |
Web builder | Credits | Built-in | Figma-to-code import |
|
Lovable.dev
AI Web Builder |
Web builder | $25/mo | Auto | Non-coders, instant URL |
|
Replit
Cloud Dev Platform |
Web builder | Free+ | Auto | All-in-browser workflow |
Pro Tip
As for the slide prompt, you can also ask AI to generate the perfect prompt for you!
Live Demo Results
Same prompt, different AI tools - real results from testing
✅ I can use directly
⚠️ I can use but need improvement
❌ I will not use
Experiment Summary
Same prompt → 20 AI tools → 3 result categories. 8 tools delivered usable results immediately, 9 needed refinement, and 3 weren't suitable for this use case.
Conclusion and Next Steps
Core Message
AI can now generate slide decks through coding tools, end-to-end. What used to require hours in PowerPoint or Google Slides can be achieved by conversing with an AI and letting it handle the formatting.
The best way to learn this is to try it yourself.
Start with any of these tools and experiment with your own content