制作一份演示，
你需要的一切。

1快速上手

一份简页演示就是一个 .JianPage.html 文件。无需安装任何东西，也无需注册账号。

• 打开：用任意现代浏览器打开文件——它直接进入编辑器。
• 编辑：在画布上单击选中、拖动移动、拖拽控制点调整大小。双击文字即可输入。
• 放映：点左下角圆形 ▶ 按钮或按 F5——真正的全屏，方向键翻页。
• 保存：按 ⌘S。文件会把你的修改写回自身；工作过程中也会自动保存。

2添加内容

顶部工具栏可以向当前页添加元素：

左侧面板管理你的页面；右侧面板显示所选元素的属性——位置、颜色、排版、效果。按 [ 或 ] 收起左右面板。

3变形——招牌动作

在连续两页中给元素相同的名称（id），并把后一页的切换效果设为变形——翻页时，元素会在两个位置、尺寸与颜色之间平滑滑移。最精彩的简页演示就是这样“活”起来的。

• 最省事的方式：复制一页，然后移动、缩放或改色。共享元素已有匹配的 id，会自动变形。
• 在「页面」面板中把某一页的切换效果设为变形（或复制已经使用它的页面）。
• 让 logo 或页眉在每一页保持相同 id，其它内容变化时它会纹丝不动。

4动效

那些电影感的效果——照片缓缓漂移、元素飞入、数字跳数——都在右侧面板的放映区块里。选中一个元素，然后：

肯·伯恩斯——照片上的缓缓漂移

满幅图片那种呼之欲出的生命感，就是氛围动效。选中图片 → 放映 → 氛围 → 肯·伯恩斯，然后选择风格与节奏：

• 漂移——无限循环的轻柔推拉摇移。默认选项，让封面图像视频一样活起来。
• 放大 / 缩小——一次性推进或拉远，随页面到达而定格，适合刻意的揭示。
• 缩放 % 设定移动幅度；缩放秒数 设定时长——数值越大，移动越慢越从容。

入场——元素如何登场

给元素加上入场动画，页面出现时它会动效进场——淡入、上浮/下沉淡入，或从任意边缘滑入。两个旋钮掌控整场编排：

• 顺序——错落。数值小的先入场；给多个元素相同的顺序，它们会同时进场（让图表逐条显现）。
• 入场秒数——速度。越小越利落，越大越舒缓。

数字递增

给包含数字的文本元素开启数字递增，页面进场时数字会从 0 滚到目标值——让统计数据掷地有声的简单办法。

5图表与表格

图表

添加图表后，在右侧面板塑造它：类型、系列、颜色、第二条 Y 轴、每个轴的取值范围，以及可编辑的数据网格。图表在放映时是活的——悬停提示、滚轮缩放，柱状图变成饼图时数据就地变形。

表格 → 联动图表

在表格面板中把表格变成图表，两者保持联动：修改表格数字，图表自动更新。最适合在同一页并排展示数字与趋势。

6视频与音频

从工具栏添加媒体并选择视频或音频文件。简页采用混合策略，让文件永远不会膨胀：

• 短视频内嵌进 .JianPage.html——完全自包含，可离线播放。
• 大文件：视频过大时，简页会建议改为链接——在面板中粘贴托管 URL，演示保持小巧（播放时需要网络）。
• 播放选项：控制条、循环、静音与自动播放。自动播放只在放映时生效，且浏览器要求视频静音才能自动播放。
• 封面（视频）：播放前显示的静态图。

7交互

• 链接与状态页：给元素链接到另一页。状态页是只有点击才能到达的隐藏变体——方向键会跳过它，← 返回父页。适合“点击深入”而不扰乱线性叙事。
• 悬停揭示：指针悬停元素时就地切换内容。
• 循环：行进的虚线，或沿你在画布上绘制的路径运动的元素——每个点可设不同速度。
• 评论：用 💬 工具（C）把评论钉在元素或某个位置。评论保存在文件中，但放映与打印时从不显示。

8放映

• 从圆形 ▶ 按钮（全屏）或它旁边的小按钮（填充标签页，适合共享窗口）开始。F 切换全屏；Esc 结束放映。
• 演讲者视图（S）：当前页 + 下一页、你的备注和计时器——在独立窗口中显示。
• 激光笔（L）：切换虚拟激光笔。
• 第二屏：在「页面」面板的演讲者备注区块中，开启一次“使用第二屏显示备注”（授予浏览器的弹窗权限）。之后按 S，备注会自动出现在另一块屏幕上。
• 为每一页写演讲者备注——它们随文件同行，兼作讲稿。

9实时协作

点击 Live 开启会话——然后文件本身就是邀请函。任何打开副本的人都加入房间；编辑实时合并，离线改动在回归时合并回来。

• 端到端加密：密钥就在你的文件里。中继只能看到密文——它读不懂你的演示。
• 无账号、无云端：分享就是分享文件本身。
• 通过 Live 弹层设置你的名字，让光标有名有姓。「轮换密钥」可吊销旧副本。

10保存与版本历史

• ⌘S 就地重写文件（首次保存时视浏览器而定，可能下载一份副本）。
• 自动保存在工作时提供本地安全网——如果标签页崩溃，重新打开时会提示恢复。
• 版本历史：保存 → 版本历史列出此前的本地快照；可恢复任意一份（可撤销）。
• 密码保护在保存菜单中；只读与仅放映副本在分享菜单中，用于分发与私密演示。

11用 AI 构建

因为文件内的文档就是纯 JSON，任何 AI 都能创作或编辑演示。把 .JianPage.html 丢进对话或项目（Cowork、Codex、Gemini、ChatGPT 项目）直接提要求，或让编码代理在磁盘上处理它。

助手应最先阅读的说明书是 jianpage.app/agents.md——它把你的素材对应到正确的功能，让你得到真正的演示，而不是一墙文字。

jianpage-slides 技能

安装一次该技能，你的助手就会自动用正确的功能创作演示——它甚至会自行下载最新版简页应用，让你一句话就从空文件夹得到一份完成并打开的演示。每当你要求做幻灯片，或直接运行 /jianpage-slides 时触发。

以普通个人技能安装（无需重启；重复运行即可更新；用 .claude/skills/… 限定到单个项目）：

mkdir -p ~/.claude/skills/jianpage-slides
curl -fsSL https://jianpage.app/skills/jianpage-slides/SKILL.md \
  -o ~/.claude/skills/jianpage-slides/SKILL.md

Claude.ai 与 Claude Desktop——下载技能（.zip）并在设置 → 技能中上传。

ChatGPT · Codex · Gemini——无需安装：把 jianpage.app/agents.md 附加到 ChatGPT 项目；Codex 则放在演示旁边作为 AGENTS.md；Gemini 加入 Gem 即可。

12键盘快捷键