HTML Presentation skill
HTML Presentation builds a prompt from a transcript or director script that lets an agent produce a 16:9 HTML deck for video.
- 125 ★ on the repository
- Last commit
Minimal access
Why this level
- The skill creates HTML files in the working folder; the generator page sends nothing by itself.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/html-presentationDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skill creates HTML files in the working folder; the generator page sends nothing by itself.
This is third-party code. Review the repository files before installing.
What it does
The project has a static generator page and the `html-presentation-video` skill. On the page you load a script, pick a mode and a template, and get a full prompt with the script, template source and generation rules. You paste the prompt into an AI agent, which writes the final HTML. Speech mode extracts ideas from a transcript and lays them out freely across slides, while director mode strictly keeps one shot per page with voice-over and animation. Three templates (Doodle Cream, BlockFrame, Professional) use a 16:9 canvas and can batch-export 1920×1080 PNGs as a storyboard.
Who it is for. Video lesson authors and speakers who record on-screen talks and want slides from the speech text without hand layout.
Good fit when
- A talk transcript needs to become a light HTML deck.
- A video storyboard follows a director script shot by shot.
- Slides are exported to 1920×1080 PNG for editing.
- Templates and colors need tuning through URL parameters.
Not a fit when
- You need a deck without calling an agent: the page does not call a model itself.
- You need a `.pptx` or Keynote file.
- The content does not exist yet: the tool lays out finished text and invents nothing.
Example request
Director mode: split this script into shots, one page per shot in the Professional template, keeping the voice-over verbatim.Limitations
The page calls no model and stores no keys: the prompt is copied into an agent by hand, and slides are checked for overflow and legibility. `SKILL.md` describes a branded violet-and-gold style plus video-format rules, while other themes come from templates. The repository license is detected as non-standard. Batch PNG export needs Playwright and Chromium. Documentation is in Chinese. The project is adapted from Zara Zhang's frontend-slides.
How to disable. Delete the skill folder from the agent's skills directory. Saved HTML files do not depend on the skill and keep working.
FAQ
How do the modes differ?
Speech merges and trims ideas from a transcript, while director keeps exactly one shot per page and never alters the voice-over.
Where does my text go?
The page processes it locally in the browser, without uploading or saving. You decide which agent to paste it into.
Which templates exist?
Doodle Cream, BlockFrame and Professional, each with several color schemes. Colors and fonts adjust live through URL parameters.
How do I open the project locally?
Through a local HTTP server: double-clicking `index.html` may stop the browser from reading the templates.
How do I get PNGs for video?
Batch export runs on Playwright and Chromium and saves 1920×1080 frames.
Discussion
No questions or reviews yet.
Related
SkillsA skill for dependency-free HTML presentations: style picked from live previews and PowerPoint converted to the web
An agent skill that builds a presentation as a single HTML file: two visual styles, social covers and a presenter mode
Dashi PPT
Dashi PPT Skill
A skill that turns a document into a deck: a browser-editable HTML presentation with a per-page console and export to PPTX and PDF
A skill for HTML presentations: a theme and two preview slides for approval, then the deck, PDF and PowerPoint export and a link
HTML PPT Studio
html-ppt-skill
A presentation skill in static HTML with no build: themes, deck templates, page layouts, animations and a presenter mode with notes and a timer
A skill that builds a PowerPoint deck with live text, charts and tables: an image model draws each slide, the agent rebuilds it.
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| HTML Presentation (this card) | no | 125 | |
| Frontend Slides | no | 32,267 | chooses an HTML deck style from previews and converts PowerPoint; HTML Presentation targets video, with a director-script mode |
| HTML PPT Studio | no | 9,081 | static HTML with presenter mode; here a shot equals a page and the 16:9 canvas exports to PNG |
README in short
The README shows two modes, three templates with previews, running the generator, batch PNG export, repository layout and links to the author's video lessons on why HTML beats PowerPoint.