skills.rest
andyhuo520
andyhuo520COMMUNITY
Explore all skills by this author →
GitHub

html-ppt-designer

Generate HTML presentations from text, web pages, or audio/video content.

116|11|Updated Feb 14, 2026
Search Tags:#html#transcription#presentation#ppt#video generation#ai design
One-click install
npx skills add https://github.com/andyhuo520/html-ppt-designer --skill html-ppt-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: html-ppt-designer
Source: https://github.com/andyhuo520/html-ppt-designer/tree/main
Command: npx skills add https://github.com/andyhuo520/html-ppt-designer --skill html-ppt-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, edge-tts, mlx-whisper, openai, volcengine, zhipuai, yt-dlp, requests, mutagen, pypdf, pdfplumber, pdf2image, google-generativeai, and includes scripts (resource) and references (resource) and templates (resource) and examples (resource) components.

What problem does it solve?

This Skill automates the creation of professional HTML presentations from various content sources, including text, web pages, and audio/video files, with advanced AI-driven design options.

Core Features & Use Cases

  • AI-Powered Design: Leverages LLMs to automatically generate design schemes based on content analysis.
  • Multi-Source Input: Accepts plain text, web page URLs, YouTube URLs, and audio files.
  • Versatile Output: Generates HTML presentations or converts them into videos with TTS narration and synchronized subtitles.
  • Use Case: Turn a long article or a podcast transcript into a visually appealing HTML presentation or a shareable video with AI-generated slides, narration, and subtitles.

Quick Start

Use the html-ppt-designer skill to create a presentation from the text 'My presentation content'.

Frequently Asked Questions about html-ppt-designer

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

FAQPage Schema
How do I convert a YouTube video into an HTML presentation with AI design?▼

To convert a YouTube video into an HTML presentation, the tool transcribes the audio using mlx-whisper, analyzes the content with LLMs, and generates AI-designed slides. You just provide the YouTube URL, and it outputs a styled HTML presentation with optional TTS narration and synchronized subtitles.

Can I generate an HTML presentation from plain text or web page content?▼

Yes, you can generate an HTML presentation from plain text or web page content. The tool accepts text inputs and web page URLs, using AI to analyze the content and automatically generate design schemes, layouts, and visual styles for the slides.

Do I need a Python environment with playwright and edge-tts to create video presentations?▼

Yes, you need a Python environment with libraries like playwright and edge-tts to create video presentations. These dependencies are required for rendering HTML slides, generating TTS narration, and exporting the final video with synchronized subtitles.

How do I add AI voiceover and subtitles to an HTML presentation?▼

To add AI voiceover and subtitles to an HTML presentation, the tool uses edge-tts for narration and transcribes the audio to create synchronized subtitles. It then exports the presentation as a video file combining the AI-generated slides, voiceover, and text.

What is the best way to source images for AI-generated slides?▼

The best way to source images for AI-generated slides is by using Unsplash or AI image generation. The tool integrates these options to automatically fetch or create relevant visuals based on the presentation content and design scheme.

Does this tool support multiple visual styles and animations for HTML presentations?▼

Yes, this tool supports multiple visual styles and animations for HTML presentations. It leverages LLMs to generate diverse design schemes based on content analysis, allowing you to create visually appealing slides with dynamic transitions and effects.

Related Skills

Explore More Content & Communication Skills→
michaeljabbourmichaeljabbour

voice-config

Configure voice transcription and TTS providers for an AI gateway.

Community
Basic
jkf87jkf87
3

ppt-to-video-workflow

Convert presentation slides into narrated MP4 videos with subtitles.

Community
Advanced
magnusrodsethmagnusrodseth
2

youtube-transcribe

Transcribe YouTube videos and extract key information using yt-dlp.

Community
Intermediate
genesis-agentsgenesis-agents
2

layout-optimizer

Analyze content features to generate deterministic grid-based slide layouts.

Community
Advanced