skills.rest
aviz85
aviz85COMMUNITY
Explore all skills by this author →
GitHub

cinematic-slides

Create HTML slide decks with AI video backgrounds and GitHub Pages deployment.

45|13|Updated Jan 6, 2026
Search Tags:#html#presentation#slides#rtl#cinematic#github-pages#ai-video
One-click install
npx skills add https://github.com/aviz85/claude-skills-library --skill cinematic-slides-aviz85
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cinematic-slides
Source: https://github.com/aviz85/claude-skills-library/tree/main/plugins/cinematic-slides/skills/cinematic-slides
Command: npx skills add https://github.com/aviz85/claude-skills-library --skill cinematic-slides-aviz85

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the creation of cinematic HTML slide decks with AI-generated backgrounds and deployment steps, reducing manual design and production time.

Core Features & Use Cases

  • End-to-end pipeline: content plan, image generation, video backgrounds, and deployment to GitHub Pages.
  • RTL-ready, 1920x1080 presentations with keyboard navigation and accessible typography.
  • Reusable templates for slides with AI-generated backdrops and video backgrounds, ideal for live presentations.

Quick Start

Tell cinematic-slides to generate a 8-12 slide HTML presentation with AI video backgrounds and deploy to GitHub Pages.

Frequently Asked Questions about cinematic-slides

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create HTML presentation slides with AI video backgrounds?▼

To create HTML presentation slides with AI video backgrounds, use an end-to-end pipeline that plans content, generates images, produces looping video backdrops, and deploys the 1920x1080 deck. This automates cinematic visual production for live talks.

What is the best way to automate HTML slide deck creation and deployment?▼

Automating HTML slide deck creation and deployment is best handled by a pipeline that generates cinematic slides and orchestrates publishing to GitHub Pages. This reduces manual design and production time by linking content planning directly with deployment.

Can I build RTL-ready presentations with cinematic visuals for a live talk?▼

Yes, you can build RTL-ready presentations with cinematic visuals designed specifically for live talks. The generated HTML slides feature accessible typography and keyboard navigation, ensuring right-to-left content displays correctly during live presentations.

How does AI video generation work for HTML slide backdrops?▼

AI video generation for HTML slide backdrops works by using an image-generation tool to create initial visuals, which are then processed into looping video backgrounds. These cinematic backdrops are integrated into reusable HTML slide templates.

Do I need GitHub Pages to deploy HTML slide decks generated this way?▼

GitHub Pages is the integrated deployment target for these HTML slide decks, orchestrating the publishing step through the gh-pages-deploy tool. You need it to fully automate the end-to-end pipeline from content planning to live online presentation.

Related Skills

Explore More Design & Creative Skills→
yangyixxxxyangyixxxx
13

gptnb-image

Generate images, layered assets, and videos via the gptnb.ai middleware API.

Community
Advanced
OpusGameLabsOpusGameLabs
307

game-deploy

Deploy browser games to static hosting via automated build and publish steps.

Official
Advanced
a0972199950a0972199950
1

cinematic-slides

Generate cinematic HTML presentations with AI video backgrounds and deploy to GitHub Pages.

Community
Advanced
wachawowachawo

ckm:slides

Generate responsive HTML presentation decks with Chart.js visualizations.

Community
Intermediate