关于 ppt-keynote
用于制作极简 Keynote 风格 HTML 幻灯片的技能,采用固定的 1280 × 720 布局。它规定页面结构、字体、键盘导航、哈希更新和淡入转场。
主要功能
- 01Keynote 风格幻灯片布局
- 021280 × 720 画布
- 03极简文字与数据页
- 04方向键和空格键导航
- 05通过哈希记录页码
适用场景
- 01制作精简的 HTML 演示文稿
- 02构建支持键盘导航的幻灯片
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ open-design --skill ppt-keynote安装后在 Claude Code 中输入/ppt-keynote确认已加载。
附带文件example.htmlexample.md
README 原文English
来自项目 READMEREADME 暂无中文译文,以下为英文原文;中文介绍见上方。
【模板: 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 布局对齐, 颜色克制。
评论
支持 Markdown