SKILL / 第三方资源
open-slide
把大纲做成在浏览器中放映的网页幻灯片，适合用网页分享演示。本次样本使用配套放映界面，曾出现内容超出画面的情况，需逐页检查。
作者 1weiho · UPAI 实测 2026-08-20
MADE WITH THIS SKILL
实测成品
open-slide · 旧站实测 HTML 成品 · 旧站真实演示，隔离查看。编辑与导出依赖原始环境，本页只提供放映。
进入成品区域即载入。点一下画面后，可使用方向键翻页；部分成品会逐次展开，继续按方向键即可显示后续内容。手机可放大预览。编辑与导出仍需回到原始工具环境。
TEST NOTES
实测与使用
UPAI 实测评语
以下结论限于 2026-08-20 的测试样本与版本。
- 局限：这个效果就差一些了，整体观感在横评中偏弱
- 局限：html 格式，播放需要在其单独一套放映系统（自带首页列表 + 播放器）
- 局限：单次生成产出的结果超出了屏幕画面
- 局限：页面简单
实测环境：2026-08-20 · Windows + ZCode（GLM-5.3）· 统一大纲与 prompt · 隔离子智能体执行。第 3 次尝试完成（前两次 API 限流中断，无转录，成果以遗留文件延续）；页数、构建产物（178KB 单文件）与数据一致性（营收合计 7,680 万）为程序化核验结果；评语为 UPAI 主观使用体验，不代表任何自动评分。
核心流程与完整说明
open-slide 是一个面向 AI 编程智能体的开源 React 幻灯片框架（GitHub：1weiho/open-slide，MIT）。 你用自然语言描述 deck，Agent 按其 create-slide 工作流 + slide-authoring 技术规范把每一页写成 1920×1080 固定画布上的 React 组件，框架托管画布缩放、翻页、热更新与放映模式，可构建自包含静态 HTML 或 PDF。 UPAI 实测结论：效果一般——播放需要其单独一套放映系统，页面简单。
- 01
Step 1 选主题：读 themes/ 主题库，无主题则 design from scratch
- 02
Step 2 需求澄清：4 个决策门（美学方向 / 页数 / 文本密度 / 动静偏好）
- 03
Step 3–4 定 slide id + 结构规划：kebab-case id，逐页角色映射大纲
- 04
Step 5–6 生成：写 slides/<id>/index.tsx（design tokens + Steps + 转场）
- 05
Step 7–8 自检交付：Self-review checklist + SSR 断言，单文件 HTML 构建