Ppt Keynote
Turn product or pitch copy into Apple Keynote–style HTML slides—one full-screen card at 1280×720 with arrow-key navigation—for demos and lightweight decks.
Overview
ppt-keynote is an agent skill most often used in Launch (also Validate and Grow) that builds Apple Keynote–quality HTML slides with one card per screen and keyboard navigation.
Install
npx skills add https://github.com/nexu-io/open-design --skill ppt-keynoteWhat is this skill?
- Deck mode: each slide is a `<section class="slide">` at 16:9 (1280×720) with centered gradient background
- Minimal one-screen cards: large headline plus one to three support lines, a chart, or a single quote
- Typography scale: title `text-7xl font-semibold tracking-tight`, subtitle `text-2xl`
- Keyboard left/right navigation between cards for presentation flow
- Open Design upstream html-anything integration with live HTML preview and debounced reload
- 16:9 aspect at 1280×720 per slide section
- Example flow: 7 slides to explain a product narrative
Adoption & trust: 784 installs on skills.sh; 61.4k GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You have solid product copy but no fast way to get a credible, full-screen slide deck your agent can render as navigable HTML.
Who is it for?
Indie marketers and founders who want a single-session HTML deck for product intros, webinars, or investor snippets without a design tool subscription.
Skip if: Teams needing PowerPoint binary exports, collaborative comment threads on slides, or data-heavy dashboards that are not presentation-shaped.
When should I use this skill?
Use the Keynote-style Slides template to turn content into Apple Keynote–quality slides with one card per screen and keyboard left/right navigation, using real data not placeholders.
What do I get? / Deliverables
You get a seven-or-more-card marketing-style deck with consistent Keynote visual signatures and real content ready to preview or share.
- Multi-section HTML slide file with gradient 1280×720 frames
- Keyboard-navigable deck suitable for live presentation preview
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Launch is the canonical shelf because the template is framed for marketing surfaces and product storytelling distribution, not raw UI component libraries. Distribution fits slide decks you share in meetings, landing embeds, or campaign walkthroughs rather than in-app product chrome.
Where it fits
Convert landing-page hero and feature bullets into a swipeable deck for a validation call with design partners.
Ship a seven-slide product intro with real metrics and screenshots for a launch webinar embed.
Repurpose changelog highlights into a minimal quote-and-chart slide for lifecycle email follow-ups.
How it compares
Use as a structured slide template skill, not a generic “make a webpage” prompt that ignores deck navigation and 16:9 constraints.
Common Questions / FAQ
Who is ppt-keynote for?
Solo builders and small teams using agent coding tools to generate Keynote-style HTML slide decks for marketing and product storytelling.
When should I use ppt-keynote?
In Validate when pitching scope on a call, in Launch when distributing a product walkthrough, or in Grow when turning launch copy into reusable presentation HTML.
Is ppt-keynote safe to install?
Check the Security Audits panel on this Prism page; the skill outputs local HTML and may pull upstream template assets you should review before publishing.
SKILL.md
READMESKILL.md - Ppt Keynote
【模板: 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 布局对齐, 颜色克制。