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

Use the following brand colour and logo.

25 stars

Best use case

Convert this into a web based slide deck using reveal.js. is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Use the following brand colour and logo.

Teams using Convert this into a web based slide deck using reveal.js. should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/vibe-ppt/SKILL.md --create-dirs "https://raw.githubusercontent.com/ComeOnOliver/skillshub/main/skills/Harmeet10000/skills/vibe-ppt/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/vibe-ppt/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

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

Feature / AgentConvert this into a web based slide deck using reveal.js.Standard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Use the following brand colour and logo.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

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.

Related Skills

Paper Slide Deck Generator

25
from ComeOnOliver/skillshub

Transform academic papers and content into professional slide deck images with automatic figure extraction.

property-based-test-helper

25
from ComeOnOliver/skillshub

Property Based Test Helper - Auto-activating skill for Test Automation. Triggers on: property based test helper, property based test helper Part of the Test Automation skill category.

presentation-slide-outliner

25
from ComeOnOliver/skillshub

Presentation Slide Outliner - Auto-activating skill for Visual Content. Triggers on: presentation slide outliner, presentation slide outliner Part of the Visual Content skill category.

onnx-converter

25
from ComeOnOliver/skillshub

Onnx Converter - Auto-activating skill for ML Deployment. Triggers on: onnx converter, onnx converter Part of the ML Deployment skill category.

file-format-converter

25
from ComeOnOliver/skillshub

File Format Converter - Auto-activating skill for Data Pipelines. Triggers on: file format converter, file format converter Part of the Data Pipelines skill category.

markdown-converter

25
from ComeOnOliver/skillshub

Convert documents and files to Markdown using markitdown. Use when converting PDF, Word (.docx), PowerPoint (.pptx), Excel (.xlsx, .xls), HTML, CSV, JSON, XML, images (with EXIF/OCR), audio (with transcription), ZIP archives, YouTube URLs, or EPubs to Markdown format for LLM processing or text analysis.

gws-slides

25
from ComeOnOliver/skillshub

Google Slides: Read and write presentations.

convert-plaintext-to-md

25
from ComeOnOliver/skillshub

Convert a text-based document to markdown following instructions from prompt, or if a documented option is passed, follow the instructions for that option.

using-dbt-for-analytics-engineering

25
from ComeOnOliver/skillshub

Builds and modifies dbt models, writes SQL transformations using ref() and source(), creates tests, and validates results with dbt show. Use when doing any dbt work - building or modifying models, debugging errors, exploring unfamiliar data sources, writing tests, or evaluating impact of changes.

../../../c-level-advisor/board-deck-builder/SKILL.md

25
from ComeOnOliver/skillshub

No description provided.

marp-slide

25
from ComeOnOliver/skillshub

Create professional Marp presentation slides with 7 beautiful themes (default, minimal, colorful, dark, gradient, tech, business). Use when users request slide creation, presentations, or Marp documents. Supports custom themes, image layouts, and "make it look good" requests with automatic quality improvements.

using-neon

25
from ComeOnOliver/skillshub

Guides and best practices for working with Neon Serverless Postgres. Covers getting started, local development with Neon, choosing a connection method, Neon features, authentication (@neondatabase/auth), PostgREST-style data API (@neondatabase/neon-js), Neon CLI, and Neon's Platform API/SDKs. Use for any Neon-related questions.