frontend-slides
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.
Frontend Slides creates animated HTML presentations from scratch or converts PowerPoint files to web-ready formats.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-03-05
Frontend Slides creates animated HTML presentations from scratch or converts PowerPoint files to web-ready formats. 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.
Use it when
- Frontend Slides supports converting PowerPoint files (PPT/PPTX) into interactive web-based presentations.
- Frontend Slides includes visual style discovery tools that help you design unique pitch decks without relying on templates or abstract.
Verify before relying
Read SKILL.md below before installing (2 files). Open directory: indexed for reading, not audited.
Install
xu-xiang/everything-claude-code-zh/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 I create animated HTML presentations from scratch with frontend-slides?
Yes. Frontend Slides lets you build animated HTML presentations from the ground up, creating self-contained slide decks that run entirely in any browser without external dependencies. You can design unique, production-ready slides with animations and transitions built directly into the HTML.
Does frontend-slides convert PowerPoint to HTML slides?
Frontend Slides supports converting PowerPoint files (PPT/PPTX) into interactive web-based presentations. Your existing decks transform into browser-native slide shows that maintain interactivity while gaining the benefits of web-based delivery and animation capabilities.
What makes frontend-slides different for designing pitch decks?
Frontend Slides includes visual style discovery tools that help you design unique pitch decks without relying on templates or abstract questionnaires. Non-designers can explore aesthetics directly and create production-ready decks with animations and visual effects tailored to their vision.
Is frontend-slides a zero-dependency HTML presentation generator?
Yes. Frontend Slides builds presentations as self-contained HTML files with no external dependencies, meaning your slide decks work in any browser without requiring additional libraries or server infrastructure. This makes sharing and deploying presentations simple and reliable.
Can I enhance existing HTML slides with frontend-slides?
Frontend Slides can improve existing HTML presentations by adding better layouts, animations, transitions, and typography. Whether you're starting fresh or refining current slides, the tool helps you create engaging, responsive slide decks with motion graphics and visual polish.
How do I build an interactive web-based slideshow with frontend-slides?
Frontend Slides lets you build interactive web-based slideshows by either converting PowerPoint files or creating presentations from scratch using HTML. Your resulting decks are fully self-contained, browser-native, and ready to share—no dependencies or external tools needed.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
前端幻灯片（Frontend Slides）
创建完全在浏览器中运行、零依赖、动画丰富的 HTML 演示文稿。
受 zarazhangrui 作品中展示的视觉探索方法的启发（致谢：@zarazhangrui）。
激活时机（When to Activate）
- 创建演讲幻灯片组（Talk deck）、路演幻灯片组（Pitch deck）、工作坊幻灯片组或内部演示文稿
- 将
.ppt或.pptx幻灯片转换为 HTML 演示文稿 - 改进现有 HTML 演示文稿的布局、动态（Motion）或排版（Typography）
- 与尚不清楚其设计偏好的用户一起探索演示风格
硬性规定（Non-Negotiables）
- 零依赖（Zero dependencies）：默认生成一个包含内联 CSS 和 JS 的自包含 HTML 文件。
- 必须适配视口（Viewport fit）：每张幻灯片必须适配在一个视口内，且无内部滚动。
- 展示而非叙述（Show, don't tell）：使用视觉预览，而不是抽象的风格问卷。
- 独特的设计：避免通用的紫色渐变、白底 Inter 字体、看起来像模板的幻灯片组（Decks）。
- 生产质量：保持代码有注释、可访问、响应式且高性能。
在生成之前，请阅读 STYLE_PRESETS.md 以了解视口安全（Viewport-safe）的 CSS 基础、密度限制、预设目录和 CSS 注意事项。
工作流（Workflow）
1. 检测模式（Detect Mode）
选择一条路径：
- 新演示文稿：用户有主题、笔记或完整草稿
- PPT 转换：用户有 .ppt 或 .pptx
- 增强：用户已有 HTML 幻灯片并希望进行改进
2. 内容发现（Discover Content）
仅询问最少需要的信息： - 目的：路演、教学、会议演讲、内部更新 - 长度：短（5-10 页）、中（10-20 页）、长（20+ 页） - 内容状态：已完成的文案、粗略笔记、仅有主题
如果用户有内容，请他们在开始设计风格前粘贴内容。
3. 风格发现（Discover
(truncated - see the full file via the links below)
File tree — 2 files
skills/frontend-slides/SKILL.md
skills/frontend-slides/STYLE_PRESETS.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 › “Create animated HTML presentations from scratch or convert PowerPoint files”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
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.
Html To Pptx transforms HTML documents into editable PowerPoint files, with built-in support for right-to-left languages like Hebrew and Arabic. Choose between text mode for native elements or image mode for pixel-perfect complex layouts, with customizable fonts, styling, and slide splitting.
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 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.
Html Slide builds presentation decks as self-contained HTML files that open directly in any browser, rendering charts and diagrams as crisp inline SVG with full Korean language support. Apply one of 75 brand design tokens from the design system library, generate images via Higgsfield or codex backends, and optionally chain to pptx-designer for editable PowerPoint output.
pptgen-drawio transforms academic papers or presentation content into structured multi-page Draw.io presentations, then exports them as .pptx files. It offers two dedicated modes—one optimized for thesis defenses with a 23-page academic structure, and another for general business or project presentations—each with customizable styling, template support, and automatic formatting.
More skills Aris Paper Slides (NOASSERTION)