近期，讓我最驚訝的AI體驗(yàn)，可能就是用Codx做PPT，簡(jiǎn)直是太絲滑了。雖然還是此前被淘汰的模式—Html形式生成。

但生成的效果非常驚艷，而且不可編輯的頑疾也解決了，更重要的是AI 編程越來越成熟，大家都能隨手生成一份網(wǎng)頁版的PPT。

為了保證每次生成效果，我們沒有做成提示詞版本，而是做了一個(gè)叫鯨格PPT的 Skills。主要是考慮國內(nèi)的很多朋友，用的是沒有ChatGPT image 2加成的AI助手，通過復(fù)用Skills也許能保持下產(chǎn)出的平均水準(zhǔn)。

相比很多PPT SKills ，鯨哥做的不是又一個(gè)"AI 幫你填模板"的 PPT 工具，而是一套完整的語義驅(qū)動(dòng)靜態(tài)演示系統(tǒng)。你給它任何原始素材，它先理解內(nèi)容結(jié)構(gòu)，再?zèng)Q定怎么呈現(xiàn)。

語義理解級(jí)PPT SKills： 八套主題皮膚，從蘋果玻璃擬態(tài)到賽博霓虹，從北歐手繪到溫暖紙感講義風(fēng)。同一份內(nèi)容可以自由切換皮膚，結(jié)構(gòu)和主題完全解耦。

但這只是表面。先講述這套Skills 的架構(gòu)和原理，也許你能更懂它的優(yōu)勢(shì)。

起因：現(xiàn) AI PPT 方案都難受

這兩年 AI 做 PPT 的工具井噴，從 Gamma 到各種國產(chǎn)方案，看起來百花齊放。但你真正用過之后會(huì)發(fā)現(xiàn)一個(gè)共同的問題——它們本質(zhì)上都是"模板填充機(jī)"。

流程永遠(yuǎn)是：選個(gè)模板 → AI 幫你生成文案 → 塞進(jìn)預(yù)設(shè)的布局里。看起來很智能，實(shí)際上你對(duì)最終呈現(xiàn)幾乎沒有控制力。想調(diào)個(gè)動(dòng)效？不行。想換個(gè)敘事節(jié)奏？不行。想讓封面標(biāo)題用 120px 的中文大字壓住全屏？對(duì)不起，模板沒這個(gè)位置。

案例1：史詩大片感PPT

更要命的是審美問題。大部分 AI PPT 工具的審美停留在"商務(wù)藍(lán)+漸變色+圓角卡片"的水平，做出來的東西放到 2024 年的發(fā)布會(huì)上，會(huì)顯得像 2018 年的產(chǎn)品。你去看蘋果的 Keynote、看錘子的發(fā)布會(huì)、看任何一個(gè)真正讓人記住的演示——好的 PPT 從來不是"信息的容器"，而是"表達(dá)的節(jié)奏"。

所以我想要的是：AI 理解我的內(nèi)容語義，然后用設(shè)計(jì)系統(tǒng)級(jí)別的審美去呈現(xiàn)它。不是填模板，是真正的"理解→設(shè)計(jì)→渲染"。

這是一個(gè)我想了很久的判斷：在 AI 時(shí)代，PPT 的未來載體是 HTML，不是 .pptx。

原因很直接。.pptx 是一個(gè)封閉格式，你能做的事情被 PowerPoint 的能力邊界死死框住。而 HTML 是 Web Native 的——CSS 動(dòng)畫、Canvas 粒子、WebGL 3D、視頻嵌入、手勢(shì)交互、響應(yīng)式布局……所有現(xiàn)代 Web 能做的事情，HTML PPT 全都能做。

案例2：賽博朋克版

更關(guān)鍵的是，HTML 對(duì) AI 極其友好。大模型天然擅長生成結(jié)構(gòu)化的 HTML/CSS/JS，但讓它去操作 .pptx 的 XML 命名空間？那是折磨。選 HTML 意味著 AI Agent 可以直接、精確地控制每一個(gè)像素。

鯨格做的新奇的事

回到我的 Skill 本身。和市面上所有"HTML PPT 模板庫"最大的區(qū)別在于，鯨格PPT 多了一層語義中間表示。

傳統(tǒng)方案的流程是：選主題 → 選模板 → 填文案。Agent 直接寫 HTML。

鯨格PPT的流程是：原始材料 → content-ir.json → 選模板 → 渲染 HTML Deck。

這個(gè) content-ir（內(nèi)容中間表示）是整個(gè)系統(tǒng)的靈魂。Agent 不直接碰 HTML，而是先把你的內(nèi)容理解成一份結(jié)構(gòu)化數(shù)據(jù)——這頁的角色是什么（封面？論點(diǎn)？數(shù)據(jù)？轉(zhuǎn)場(chǎng)？），受眾是誰，場(chǎng)景是什么，每頁的可見內(nèi)容和講稿分別是什么。

這意味著什么？意味著同一份內(nèi)容可以復(fù)用到完全不同的出口。HTML 是演示 runtime，PDF 是交付 artifact，PNG/SVG 是傳播素材，content-ir 是統(tǒng)一源頭。你做一次內(nèi)容梳理，可以同時(shí)產(chǎn)出演示文稿、講義文檔、社交媒體圖文卡片。這不是做 PPT，這是在做內(nèi)容資產(chǎn)管理。

模板不是"文件放一堆 HTML"

很多開源的 HTML PPT 方案，說白了就是一個(gè) GitHub 倉庫里放了幾十個(gè) .html 文件，你自己挑一個(gè)改。這不叫系統(tǒng)，這叫素材堆。

鯨格PPT 用的是 catalog + schema 驅(qū)動(dòng)的組件注冊(cè)機(jī)制。每個(gè)模板、每個(gè)布局、每個(gè)動(dòng)效都有元數(shù)據(jù)描述——它適合什么場(chǎng)景、需要什么字段、支不支持移動(dòng)端、能不能導(dǎo)出 PDF、要不要 Canvas。Agent 按語義匹配選擇組件，不是按文件名猜。

具體來說，系統(tǒng)分了四層職責(zé)： 1）full-decks 解決主線敘事結(jié)構(gòu)， 2）single-page-layouts 解決長尾頁面的靈活補(bǔ)充， 3）animations 解決表達(dá)節(jié)奏， 4）runtime 解決生命周期管理。 每一層各司其職，可以自由組合。

大部分 PPT 工具對(duì)動(dòng)效的理解還停留在"進(jìn)場(chǎng)飛一下、退場(chǎng)淡一下"的水平。但真正好的演示，動(dòng)效是信息出現(xiàn)的節(jié)奏控制器。

鯨格PPT 把動(dòng)效抽象成了生命周期組件。翻到當(dāng)前頁才啟動(dòng)，翻走就停止。Canvas 粒子效果必須有 start() 和 stop()。這不是 reveal.js 的 slidechanged 事件那么簡(jiǎn)單——它是一套獨(dú)立的動(dòng)效運(yùn)行時(shí)，未來即使完全脫離 reveal.js 也能獨(dú)立工作。

案例3：蘋果玻璃態(tài)

而且整套系統(tǒng)不綁定 reveal.js。reveal.js 只是兼容對(duì)象，不是唯一底座。deck-core、slide-lifecycle、canvas-fx-runtime、presenter、gesture、exporter——這些模塊組成了一個(gè)中立的 runtime adapter 架構(gòu)。

審美這件事，寫進(jìn)規(guī)則里

我見過太多技術(shù)很強(qiáng)但審美拉垮的工具了。所以 Sense Deck 有明確的視覺和內(nèi)容審美原則，直接寫進(jìn)了 Skill 的規(guī)則文件里。

Apple Bento：高層級(jí)信息用大卡片承載，留白即信息。

Neumorphic Glass：擬態(tài)玻璃界面，光影層次感拉滿。

Semantic PPT：標(biāo)題必須寫結(jié)論而不是寫主題詞，內(nèi)容按語義結(jié)構(gòu)重組而不是按原文順序堆砌。中文表達(dá)要口語、現(xiàn)代、直接，絕不能是那種"念稿式"的堆字。

案例4：疊紙風(fēng)格

這些不是建議，是硬規(guī)則。Agent 生成內(nèi)容的時(shí)候必須遵守。

來看效果：可編輯大片 PPT

說再多不如直接看東西。下面這張是我用 鯨格PPT 生成的"昭君出塞"主題演示：

巨大的中文主標(biāo)題直接壓住畫面，邊塞、長路、風(fēng)與孤影退為第二視覺。是不是不像 PPT，更像電影海報(bào)級(jí)別的視覺沖擊。而且它支持手勢(shì)翻頁——右下角那個(gè) MediaPipe 手勢(shì)識(shí)別不是擺設(shè)，真的可以用手在攝像頭前揮一下翻頁。演講的時(shí)候不用碰電腦，這個(gè)體驗(yàn)?zāi)阍囘^就回不去了。

注意看它的交互系統(tǒng)：Space 切換、S 開啟演講模式、E 開啟編輯模式、G 開啟手勢(shì)。對(duì)，所有生成的 PPT 默認(rèn)都是可編輯的。文字可以直接點(diǎn)著改，布局可以微調(diào)，編輯結(jié)果存 localStorage，還能導(dǎo)出 JSON。

不是一次性的生成物，更像活的文檔。

超多語義化組件

大家用過任何 AI PPT 工具就知道，它們特別愛塞圓環(huán)圖、柱狀圖、流程箭頭。不管你的內(nèi)容是什么，反正先來個(gè)圖表顯得"專業(yè)"。

鯨格PPT 的做法是先識(shí)別內(nèi)容語義，再?zèng)Q定組件形態(tài)。講防護(hù)和合規(guī)？用盾牌、鎖、放大鏡。講 AI Agent 和自動(dòng)化？用玻璃機(jī)器人、小助手方塊。講飛輪和迭代？用晶體環(huán)、軌道、流光帶。講增長和發(fā)布？用霓虹流帶、動(dòng)勢(shì)組件。

案例5:數(shù)據(jù)報(bào)告

這里我對(duì)Skills做了針對(duì)不同環(huán)境的設(shè)定，在 Codex 里，能用 AI 生圖就直接生成 PNG/WebP 組件再摳圖放進(jìn) assets，只有不支持多模態(tài)的時(shí)候才降級(jí)用 CSS/SVG/Canvas 畫近似效果。每個(gè)視覺元素都是為當(dāng)前內(nèi)容定制的，不是從素材庫里隨便拽一個(gè)。

一句話總結(jié)定位

市面上的 HTML PPT 方案是"模板素材庫"。Sense Deck 是語義驅(qū)動(dòng)的靜態(tài)演示系統(tǒng)——先把內(nèi)容變成結(jié)構(gòu)化 IR，再用 deck、layout、theme、animation 和 runtime 組裝成可演示、可導(dǎo)出、可編輯、可擴(kuò)展的 HTML PPT。

案例6:北歐手繪風(fēng)

它不是讓 AI 幫你"做 PPT"，而是讓 AI 幫你把一份內(nèi)容變成多形態(tài)的表達(dá)資產(chǎn)。

誰適合用這個(gè)

如果你是那種"打開 PowerPoint 就頭疼，但對(duì)最終呈現(xiàn)效果又有很高要求"的人，這個(gè) Skill 會(huì)適合你。你只需要給AI安裝上這個(gè)Skills，告訴它一句話主題，直接就給你思考什么風(fēng)格、什么deck適合，緊接著寫大綱內(nèi)容、結(jié)構(gòu)梳理、視覺設(shè)計(jì)、動(dòng)效編排、交互實(shí)現(xiàn)——全部由系統(tǒng)完成。

出來的不是一個(gè)死的 .pptx 文件，而是一個(gè)活的 HTML 應(yīng)用。可以本地打開，可以部署到任何靜態(tài)服務(wù)器，可以嵌入網(wǎng)頁，可以手勢(shì)控制，可以實(shí)時(shí)編輯。

這才是 2026 年該有的演示工具的樣子。

進(jìn)群體驗(yàn)PPT Skills：