概述
replit-deck 是一个用于制作单文件、横向滑动 HTML 演示文稿（deck）的技能，视觉风格参照 Replit Slides 落地页模板画廊。资料显示，它提供八种不同的主题，每个主题是一套完整的视觉系统。使用时应锁定单一主题，不得跨主题混用视觉令牌。
主要能力
- 生成单文件 HTML 演示文稿，所有 CSS 内联，不使用外部字体。
- 内置八种主题：helix、holm、vance、bevel、world-dark、world-mint、atlas、bluehouse。
- 提供模板文件、主题参考、布局参考、共享组件、自检清单以及四个示例演示文稿。
- 横向滑动通过 CSS scroll-snap 实现，并复用一套已验证的 iframe 导航脚本。
主题与其典型适用场合（据资料）
- helix：SaaS 董事会更新、产品指标、中性现代风格。
- holm：法律备忘录、投资者预读材料、严肃/机构风格。
- vance：艺术作品集、设计目录、摄影师/雕塑家。
- bevel：时尚宣传、lookbook、Y2K/编辑态度。
- world-dark：政策报告、金融分析、高级深色风格。
- world-mint：world-dark 的浅色伙伴，适用于 ESG、健康金融、可持续主题。
- atlas：长篇叙事、章节式演示、博物馆/档案馆美学。
- bluehouse：消费产品、房地产、生活方式、彩色卡片。
使用方式
资料给出了一个分步工作流：
- Step 0 — 预检（必读）：完整阅读 assets/template.html；阅读 references/themes.md 选定主题（若用户已通过 od.inputs.theme 指定则沿用）；阅读 references/layouts.md；阅读 references/checklist.md，P0 必须通过才能输出。
- Step 1 — 锁定一个主题：在计划中写明所选主题及理由，之后每页只使用该主题令牌，
<body data-theme="helix">是唯一真实来源。 - Step 2 — 先规划幻灯片节奏：默认 6 页，在写 HTML 之前先写出节奏，例如（helix，6 页）：01 封面、02 kpi-row-6、03 split-insight、04 chapter-plate、05 three-up、06 收尾。先展示给用户，便于此阶段调整。
- Step 3 — 复制种子、绑定主题：把 assets/template.html 复制为项目根目录 index.html，设置
<body data-theme="<chosen>">，替换<title>，删除种子自带的 3 页演示幻灯片，保留外框（计数器/进度/提示）。 - Step 4 — 粘贴布局、填入真实文案：从 references/layouts.md 复制匹配的
<section>，把每个 [REPLACE] 替换为具体文案，不留占位符、不用 lorem；若某页显得空，换一个布局；按演示顺序为每页加data-screen-label="01 Cover"等标签。 - Step 5 — 自检：静默运行 references/checklist.md，包括 P0 主题锁定门禁与五维 1–5 分评审（Philosophy / Hierarchy / Execution / Specificity / Restraint），任一项 ≤ 3 则重做。资料给出的 P0 检查命令为：
grep -E 'data-theme|style="--' index.html | head，若出现单页 style 覆盖则回退。 - Step 6 — 输出产物：以 artifact 形式输出 HTML。
硬性规则（据资料）
- 一份演示文稿一个主题，data-theme 设在
<body>上，绝不按页覆盖。 - 数字要么真实、要么不写，不得编造指标，可用“—”或灰色块作为诚实占位。
- 展示字体跟随主题：helix/world-dark/world-mint/bluehouse 用无衬线展示字体；holm/vance/atlas 用衬线展示字体；bevel 用 Y2K 展示字体，不得调换，以模板中各主题的 --font-display 令牌为准。
- 强调色每页最多出现 1–2 次，不能滥用渐变。
- 不得重写导航脚本。
- 保持单 HTML 文件，所有 CSS 内联，无外部字体。
- 每页都要有 data-screen-label。
- 不出现 Replit 标志/品牌锁定。
与其他技能的取舍（据资料）
- simple-deck：绑定项目 DESIGN.md 令牌的单主题朴素演示文稿，当演示文稿应匹配宿主品牌而非自assert风格时选用。
- magazine-web-ppt：编辑风“杂志×电子墨水”美学（WebGL 流体背景、衬线标题、章节页），当需求要求 keynote/发布/分享风并点名 Monocle、WIRED、Kinfolk、Domus 时选用。
- replit-deck：当需求明确要求 Replit-Slides 画廊美学，或需要八种冻结令牌视觉身份之一时选用，不依赖 DESIGN.md。
- 若用户只说“帮我做个演示文稿”而无更多指引，默认用 simple-deck。
限制与说明
- 八种主题对应快照时刻 replit.com/slides 落地页画廊的全部主题卡片，不是精选子集；若 Replit 新增第九个模板，不会自动反映在本技能中。
- 快照日期为 2026-04-29，所有十六进制颜色取自当日真实页面 PNG，未猜测、未凭记忆替换。属一次性快照，不自动同步。
- 无 Replit 品牌标识。
- 浏览器支持：面向现代常青桌面浏览器（Chrome 110+ / Safari 16+ / Firefox 115+）及现代移动 Safari/Chrome；使用 CSS scroll-snap、color-mix()、CSS 自定义属性、text-wrap: balance；不支持 IE 11、Safari < 15、任何没有 color-mix() 的浏览器。移动端横向 scroll-snap 在 iOS Safari 16+ 与 Android Chrome 可用；键盘导航仅限桌面。
- 关于收费、价格、具体平台集成等信息，资料暂未提供。