开源 AI Skill · 适配 Claude Code / Codex / OpenCode

演示的质量瓶颈,
从来不在视觉生成能力

给定内容、受众、目标与场景,先推演演示策略与论证架构,再经由 Presentation IR 渲染成一个可现场运行、可分支深潜、可动态调整的演示应用。这是 HTML 原生智能演示系统。

Presentation Science × Web Engineering

「质胜文则野,文胜质则史」——《论语 · 雍也》

SCROLL
Why · 为什么需要它

漂亮的页面 有效的演示

01

AI 可以一分钟生成一份"看起来很炫"的 HTML 幻灯片——但它回答不了:面对什么人、在什么场景、为了什么目标,应该讲什么、删什么、先讲什么、何时揭示、何时深入。本系统先把这些问题答完,再谈渲染。

常见做法 Decoration First

  • 输入文档 → 直接生成 HTML,结构与视觉耦合
  • "每页最多 6 行""标题必须是问句"——没有证据的通用规则
  • 动画为了炫酷,3D 为了高级感
  • 线性翻页器,现场被打断就慌乱
  • 依赖 CDN,会议室断网即白屏

本系统 Communication First

  • Strategy → IR → Renderer 强制管线,禁止一步到位
  • 规则带机制 / 证据分级 A–E / 边界条件;经验先登记为假设再验证
  • 语义动效:每个动效声明 Intent,讲者可暂停 / 跳转 / 跳过
  • Presentation Graph:核心路径 + Deep Dive + 证据附录 + 现场分支
  • 离线优先、三模式(Stage / Reader / Print)、打印可读
Pipeline · 六步工作流

从原始材料到演示应用

02

每一步都有独立的工件与质检门禁——IR 校验器不过,不允许进入渲染。

00

情境判定

20 类演示情境,Situation First;不同情境不同规则

01

受众建模

角色 / 决策权 / 态度 / 异议 / 认知负荷耐受,12 字段模型

02

论证架构

Thesis→Claim→Evidence 树,六查逻辑漏洞与过度声称

03

Scene 规划

每幕一个认知任务;标题类型由任务决定;负荷曲线有节奏

04

Presentation IR

声明式中间表示,validate_ir.py 强制校验

05

渲染 + QA

L0–L6 最低充分渲染;18 维评测;浏览器实测

Capabilities · 核心能力

一个 Skill,装下整个演示工程

03
🧭

情境 × 受众驱动

高管汇报、政务报告、技术评审、教学培训……20 类情境各有规则;同一份材料可为 CEO / 技术 / 一线生成三份明显不同的演示。

🧬

证据分级知识库

35+ 研究来源、A–E 证据分级、冲突证据显式登记;实践经验隔离在假设层,验证后才进入方法论。

🕸

非线性演示图

核心路径 / 可选路径 / Deep Dive / 证据附录 / 异议分支。现场被质疑?一键跳到证据幕,讲完原路返回。

🎛

讲者控制台

独立窗口:当前幕、下一幕、Speaker Notes、计时器、分支跳转。动画全部可暂停/回放/拖动——讲者永远控制节奏。

📖

三模式一模型

Stage 精简 / Reader 完整自足可深链 / Print 自动分页显示引用。同一份内容模型,三种视图,不做三遍。

🛡

对抗性设计

"字越少越好?""每页加动画?""全做 3D?"——系统按机制给出反对理由与替代方案,不盲从反方法论要求。

零依赖运行时

原生 JS 实现 Scene 引擎 / 动效控制 / 阅读模式 / 打印模式,无构建、无 CDN、断网可跑。Stable > Fancy。

📐

语义组件库

HeroStatement / AssertionEvidence / Comparison / Decision…组件是"信息结构",不是模板;全部 tokens 化、响应式、可访问。

评测与回归

18 维评分 rubric、100 测试案例、10 条对抗测试、IR 校验器、视觉/运行时 QA 清单——交付有门槛。

Install · 一分钟接入

主流 AI Harness 全适配

04
Claude Code

.claude/skills/ 或 CLAUDE.md 片段

Codex

.agents/skills/ + AGENTS.md

OpenCode

opencode.json agent 配置

Kimi Code

~/.config/agents/skills/

# 克隆并安装(用户级,全局可用)
git clone https://github.com/mizzlelover/web-presentation-skill.git
cp -r web-presentation-skill ~/.config/agents/skills/

# 然后对你的 AI 说:
"把这份项目材料做成给高管的 15 分钟决策汇报,要能现场跳到证据附录"
Author · 作者

由「谁是专家」打造

长期实践 AI × 演示 × 知识工程。「文质」源于一个朴素的不满:AI 生成的演示"好看但不动脑"——文胜质则史。于是把认知科学、传播学与 Web 工程装进同一个系统,让每一次生成都先想清楚"为谁讲、讲什么、怎么让对方听懂"。

微信公众号「谁是专家」官方二维码横幅
微信搜一搜 / 扫码关注公众号