Ppt Keynote

This builds fullscreen, one-slide-per-view HTML presentations that feel like Apple Keynote. Each slide is 1280×720, centered with gradient backgrounds and minimal content: a big headline plus a few lines of support text, or a data visual, or a single quote. Keyboard arrows and spacebar advance slides, with fade transitions and a page counter in the corner. First slide is your cover, last is a closer. It's opinionated about white space and restraint, which is the point. Good for product pitches, internal decks, or any scenario where you want something polished without opening presentation software. The template enforces the "one idea per screen" rule automatically.

skills.sh installs: 2.9K
GitHub stars: 106.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nexu-io/open-design --skill ppt-keynote --agent claude-code

Installs into .claude/skills of the current project.

Files

【模板: Keynote 风格 PPT】

每张幻灯片是一个 <section class="slide">, 整体宽 1280 高 720, 居中显示, 背景渐变。
单页内容极简: 大标题 + 1-3 行支持文字; 或一张数据图; 或一个金句。
字号: 标题 text-7xl font-semibold tracking-tight, 副标题 text-2xl text-neutral-500。
第一页是封面 (主题 + 演讲者 / 日期), 最后一页是 "Thanks." 或行动号召。
顶部右上角小指示器: 当前页 / 总页数。
加一段 JavaScript 监听 ArrowLeft / ArrowRight / 空格键切换 slide; 同时维护 hash (#/3)。
每页之间用 fade-in 动画。
保持留白, 数据卡片用 grid 布局对齐, 颜色克制。