mcpField
P
ppt-keynote

ppt-keynote

github.com/nexu-ioDocuments104.6k2.8k installsUpdated today
Repository

About ppt-keynote

A skill for creating minimalist Keynote-style slide presentations as HTML, with a fixed 1280 × 720 layout. It specifies slide structure, typography, navigation keys, hash updates, and fade-in transitions.

Key features

  1. 01Keynote-style slide layout
  2. 021280 × 720 canvas
  3. 03Minimal text and data slides
  4. 04Arrow-key and space navigation
  5. 05Hash-based slide position

Use cases

  1. 01Creating a concise presentation in HTML
  2. 02Building slides with keyboard navigation

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill ppt-keynote

After installing, type/ppt-keynotein Claude Code to confirm it loaded.

Bundled filesexample.htmlexample.md

Details

From the project README

【模板: 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 布局对齐, 颜色克制。

Comments

Markdown supported