frontend-slides
Frontend Slides transforms PowerPoint files into browser-native HTML presentations or builds custom decks from the ground up. Every slide maintains a fixed 16:9 stage with animation-rich styling, distinctive typography, and cohesive color schemes—all delivered as lightweight, dependency-free HTML files.
Frontend Slides converts PowerPoint presentations into animated, browser-based HTML slides with custom design.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-06-23
Frontend Slides converts PowerPoint presentations into animated, browser-based HTML slides with custom design. Frontend Slides transforms PowerPoint files into browser-native HTML presentations or builds custom decks from the ground up. Every slide maintains a fixed 16:9 stage with animation-rich styling, distinctive typography, and cohesive color schemes—all delivered as lightweight, dependency-free HTML files.
Use it when
- Frontend Slides lets you build custom decks from the ground up with animation-rich styling, distinctive typography.
- No.
Verify before relying
Read SKILL.md below before installing (60 files). Open directory: indexed for reading, not audited.
Install
zarazhangrui/frontend-slides/frontend-slides · repository language: JavaScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
Can frontend-slides convert PowerPoint to web slides?
Frontend Slides transforms PowerPoint files into browser-native HTML presentations. Your PPTX converts to a lightweight, dependency-free HTML file that runs directly in any modern browser without requiring additional software or plugins.
How do I create an HTML presentation from scratch with frontend-slides?
Frontend Slides lets you build custom decks from the ground up with animation-rich styling, distinctive typography, and cohesive color schemes. Every slide maintains a fixed 16:9 stage, and you can apply interactive style previews to discover and refine your visual design before finalizing.
Does frontend-slides require dependencies to run?
No. Frontend Slides generates zero-dependency, self-contained HTML slide files. Each presentation is a standalone file that runs directly in your browser without needing Node, frameworks, or external libraries—making sharing and presenting effortless.
What makes frontend-slides good for pitch decks?
Frontend Slides specializes in building professional pitch or talk decks with distinctive aesthetics and animation-rich presentations. You get custom design control, beautiful CSS animations, and a polished 16:9 layout that helps your message stand out.
Can I preview different visual styles before finalizing?
Yes. Frontend Slides includes interactive style previews so you can discover and apply visual design choices in real time. Test color schemes, typography, and animations before committing to your final presentation aesthetic.
Is frontend-slides open source?
Frontend Slides is released under the MIT license, making it free to use, modify, and distribute for both personal and commercial projects.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Frontend Slides
Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.
Core Principles
- Zero Dependencies — Single HTML files with inline CSS/JS. No npm, no build tools.
- Show, Don't Tell — Generate visual previews, not abstract choices. People discover what they want by seeing it.
- Distinctive Design — No generic "AI slop." Every presentation must feel custom-crafted.
- Progressive Disclosure — Read lightweight style indexes first. For bold templates, use small preview cards for style previews and load the full
design.mdonly after the user picks that template. - Fixed 16:9 Stage (NON-NEGOTIABLE) — Every deck uses a 1920×1080 slide canvas scaled as a whole to the viewport. Slides must stay 16:9 on every screen, including phones. Do not reflow slide content
(truncated - see the full file via the links below)
File tree — 15 files
.claude-plugin/marketplace.json
.gitignore
LICENSE
README.md
SKILL.md
STYLE_PRESETS.md
animation-patterns.md
bold-template-pack/README.md
bold-template-pack/deck-stage.js
bold-template-pack/selection-index.json
bold-template-pack/templates/8-bit-orbit/design.md
bold-template-pack/templates/8-bit-orbit/preview.md
bold-template-pack/templates/biennale-yellow/design.md
bold-template-pack/templates/biennale-yellow/preview.md
bold-template-pack/templates/block-frame/design.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Convert PowerPoint presentations to browser-based HTML slides”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Generate zero-dependency HTML decks that remain fully editable in the browser after creation. Move and resize objects, reorder slides via thumbnail sidebar, apply text formatting, and persist changes locally or export as standalone HTML files. Includes presentation tools like fullscreen mode and laser pointer.
frontend-slides generates production-quality HTML presentations that run entirely in the browser with zero external dependencies. Convert PowerPoint files to web-ready decks or build new presentations from scratch, with visual exploration guiding design choices rather than abstract options. Note: This skill is deprecated in favor of goose-graphics, which offers expanded format support and additional styling presets.
Visualize transforms your concepts into polished, self-contained HTML visualizations in one go. Generate slide decks, dashboards, infographics, flowcharts, timelines, and other visual formats—each as a standalone file ready to open anywhere. Perfect for presenting information in ways that help audiences grasp it faster.
Presentation Creator scaffolds a complete slide-based React application with Recharts data visualization, keyboard navigation, and Sentry design system styling. It outputs a single distributable HTML file and enforces real data validation—charts are only generated when source content contains concrete quantitative data, never fabricated numbers.
Frontend Slides builds self-contained, animation-rich HTML presentations that run entirely in the browser with no external dependencies. Convert PowerPoint files to web presentations or start from scratch, with visual style exploration to help non-designers discover their aesthetic without abstract questionnaires.
Build academic presentation decks from research papers with full control over outline and visuals. The skill handles script drafting, slide generation via nanobanana, optional text-to-speech narration, and video assembly with ffmpeg—you direct the structure and emphasis throughout.
More skills revealjs (MIT) · Html To Pptx (unlicensed)