Skill9.2k repo starsupdated 16d ago

ppt-keynote

This Claude Code skill generates Apple Keynote-style presentations with one key idea per slide, 1280x720 pixel dimensions, and minimalist design featuring large titles and supporting text or data visualizations. Use it when creating professional slide decks that require clean layouts, keyboard navigation via arrow keys and spacebar, automatic slide numbering, fade-in animations between slides, and a polished aesthetic with controlled color palettes and strategic whitespace.

View source Repository: html-anything

Install in Claude Code

Copy

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/ppt-keynote && cp -r /tmp/ppt-keynote/next/src/lib/templates/skills/ppt-keynote ~/.claude/skills/ppt-keynote

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

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