# Vibe Ppt

> Convert this into a web based slide deck using reveal.js.

- Skill: `comeonoliver/vibe-ppt` (Agent Skill)
- Install (CLI): `npx skillmds@latest add comeonoliver/vibe-ppt`
- Raw SKILL.md: https://api.skillmd.com/api/skills/comeonoliver/vibe-ppt/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Docs & Writing
- Author: ComeOnOliver (https://skillmd.com/u/comeonoliver)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/comeonoliver/vibe-ppt

---

Convert this into a web based slide deck using reveal.js.

Use the following brand colour and logo.

Primary colour: #EE4822

Theme: Light

Logo: https://media.licdn.com/dms/image/v2/D560BAQFeaNrDEATcKQ/company-logo_200_200/company-logo_200_200/0/1709465010800/100xengineers_logo?e=2147483647&v=beta&t=qKncqAfB_j9ckDOxOx1eN9EEPocLTbNqliLnAU3sP6c

Slide Content: Vibe Coding with Gemini Canvas
Slide 1: Vibe Coding with Gemini Canvas
Slide 2: What is Vibe Coding?
Vibe Coding: Use natural language prompts for AI code generation.

New Role: Guide AI, test output, refine via conversation (less focus on syntax).

Gemini Canvas: Interactive AI workspace enabling this flow.

Slide 3: Vibe Coding: How & Why
Process: Prompt -> AI Generates Code -> Test -> Refine.

Focus: Intent & Outcome over Syntax & Process.

Slide 4: Gemini Canvas: The Enabler
Purpose: Interactive AI workspace for code & content.

Live Code Preview (Instant feedback)

Easy Export & Share

Slide 5: Let’s Vibe code this Presentation
Step 1: Topic -> Deep Research -> Canvas -> Refined doc

Step 2: Refined Doc -> Add Personalisation -> Generate Slides

Slide 6: Take it to the next level
Slides -> Flash Cards -> Quiz/Games

Slides -> 3d visualisation using three.js (optional)

Slide 7: Application
Best For: Prototypes, Personal Tools, Learning, website, slides, portfolio.

Users: Non-coders, Students, Designers, Devs, Product.

Slide 8: The Path Forward
Hybrid Approach: Blend AI speed + human expertise/review.

English is the new programming language.