frontend-slides

仓库创建 2026年7月25日最近提交 1 天前SkillHot 收录 1 天前

▸ 精选理由

单文件运行无构建依赖，便于快速发布与分享演示稿。

这个 Skill 做什么

生成零依赖、动画丰富的 HTML 演示或将 PPT 转为网页幻灯片。

可以把演讲稿或 PPT 直接变成一份独立运行的 HTML 幻灯片，效果带丰富动画但无需 npm 或构建工具。适合要做 talk、pitch 或把 PPT/PPTX 转网页时用，输出单文件，浏览器里就能开。特别之处是以视觉预览驱动设计，非设计师也能通过看效果找到审美，不用调一堆抽象参数。

▸ 展开 SKILL.md 英文原文

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

内容创作演示生成HTML 幻灯片零依赖通用

Stars

Forks

仓库内 Skill

积累中

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/frontend-slides/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/frontend-slides/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Frontend Slides

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser.

## Core Principles

1. **Zero Dependencies** — Single HTML files with inline CSS/JS. No npm, no build tools.
2. **Show, Don't Tell** — Generate visual previews, not abstract choices. People discover what they want by seeing it.
3. **Distinctive Design** — No generic "AI slop." Every presentation must feel custom-crafted.
4. **Progressive Disclosure** — Read lightweight style indexes first. For bold templates, use small preview cards for style previews and load the full `design.md` only after the user picks that template.
5. **Fixed 16:9 Stage (NON-NEGOTIABLE)** — Every deck uses a

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有