2 篇博文 含有标签「frontend」

ChatBlog 已经有一个 Slides 入口，也已经有一篇文章讨论 Patrick Fu 那套更工程化的 Frontend Harness Slides 工作流。那篇文章的重点是：把一套演示文稿做成小型前端 artifact，用 scene / beat / URL state / build / preview / readback 来治理。

这次看的 zarazhangrui/frontend-slides 是另一个互补方向：它不是 React/Vite workbench，也不是一个大而全的 slides 平台，而是一个 AI coding agent skill。它把“做一套好看的 Web Slides”拆成一套可被 Claude Code、Codex、Kimi Code、OpenCode、Gemini CLI 等本地 coding agent 读取和执行的流程：先看内容，再做 3 张视觉 preview，让用户用眼睛选方向，最后生成一个零依赖、固定 16:9、可分享、可导出 PDF 的单 HTML 演示文稿。

有些“PPT”打开以后并不是 PowerPoint，也不是 Keynote，而是一个完整的前端应用。

Patrick Fu 的 From Spec to Loop 就是这种形态：演讲页里的 Open slides 进入的是 /talks/from-spec-to-loop/slides/ 下面的网页，URL 可以带 ?scene=1&beat=0，按方向键会推进场景，页面加载的是 Vite 风格的 JS/CSS bundle。换句话说，它不是把网页伪装成 PPT，而是把一套演示文稿当成一个小型前端项目来做。

这篇文章分两部分。

第一部分看 Patrick 这组三个公开项目：它现在做什么、已经做了什么、能做什么。第二部分转到我们自己的目的：以后有一个 idea、调研结论、项目成果或想展示/炫耀的东西时，怎么用一套固定开发流程快速做出类似的互动 Web Slides，并且能持续更新和发布。