张咋啦：是时候用 HTML 取代 PPT 了

张咋啦：是时候用 HTML 取代 PPT 了 张咋啦：是时候用 HTML 取代 PPT 了 Modified May 4 最近跟很多 AI native 的创业团队交流，不止一次听到这种说法： • 旧时代的三件套：Word, Excel, PPT • 新时代的三件套：Markdown, CSV/JSON, HTML 因为这些都是模型最擅长输入/输出的格式。 在越来越多的AI native团队里，HTML正在取代文档、PPT、excel、数据看板、PDF，成为办公场景下的重要产物形态。它比文档/PPT更可视化、美观、可交互，而且在有了AI coding之后，制作成本极低。HTML既是AI擅长输出的，也是人类喜欢消费的。 社交媒体上也能看到类似的趋势： 我之前做了一个叫做 Frontend Slides 的 skill，就是让coding agent可以用前端设计能力去生成非常美观的HTML slides的，这个skill已经在GitHub上有13k+星。 今天，Frontend Slides正式成为AnyGen的一个功能，任何人都可以在没有coding agent的情况下都做出好看的HTML PPT了 🎉 看一些效果（所有效果都仅仅使用了1 2轮的prompt）： Kyoto tourist attractions during cherry blossom season No access Kyoto highlights deck 00:00 Andrej Karpathy's knowledge mangement system No access Andrej Karpathy knowledge management 00:00 Duolingo style language learning deck with quizzes No access Duolingo quiz 00:00 飞书 CLI 介绍（输入为 飞书 CLI 能力介绍与最佳实践的内容，只调整了一次就做成这样了） No access Lark CLI intro 00:00 TikTok ads best practices No access TikTok Ads best practices 00:00 在AnyGen里用Frontend Slides，相比用coding agent调用skill，有哪些区别？ 1. 大大降低门槛。很多非技术背景的同学还没有用上coding agent/不习惯terminal界面。网页界面更小白友好 2. 可以编辑！！HTML 上所有文字都可以点击直接编辑 3. 分享更方便：生成之后不需要部署，默认就是可以分享给别人的URL，还可以实现公司级别的权限管理 4. 支持一键导出成PDF下载 No access AnyGen frontend slides edit, share, download 00:00 立即开始使用：https://www.anygen.io/slides?type=frontend slides 现在我所有的演讲/分享，都会默认用frontend slides，而不是传统的PPT。我一般的用法是： 1. 先用语音输入工具“口喷”我想要表达的信息，先不管是否结构化，只管输出 2. 把刚刚转成的文字稿（+任何需要插入的图片）作为输入给到AnyGen，它会帮忙整理成结构化的slides、匹配对应设计风格 3. 一次次通过对话调整细节，直到满意 很多用户给我反馈，说用这个skill生成的HTML PPT非常美观，而且很前沿、有科技感、可交互，实际演讲使用的时候观众反馈都特别好，让自己特别有面子。 为什么模型设计HTML的效果这么好？ 我有一个猜想：因为模型的训练数据里有大量的网页，所以它对于“如何用HTML把一堆信息做成美观清晰的可视化排版”是非常擅长的。而且模型可以充分调用自己的前端设计能力。可以说，HTML是模型表达自己的native language（详见：为什么 HTML 幻灯片比 XML PPT 好看得多）。 你的下一个PPT，何必是一个PPT？ 已经在GitHub上有13k+星 ​ 飞书 CLI 能力介绍与最佳实践 为什么 HTML 幻灯片比 XML PPT 好看得多 最近跟很多 AI native 的创业团队交流，不止一次听到这种说法： • 旧时代的三件套：Word, Excel, PPT • 新时代的三件套：Markdown, CSV/JSON, HTML 因为这些都是模型最擅长输入/输出的格式。 在越来越多的AI native团队里，HTML正在取代文档、PPT、excel、数据看板、PDF，成为办公场景下的重要产物形态。它比文档/PPT更可视化、美观、可交互，而且在有了AI coding之后，制作成本极低。HTML既是AI擅长输出的，也是人类喜欢消费的。 社交媒体上也能看到类似的趋势： 我之前做了一个叫做 Frontend Slides 的 skill，就是让coding agent可以用前端设计能力去生成非常美观的HTML slides的，这个skill已经在GitHub上有13k+星。 已经在GitHub上有13k+星 今天，Frontend Slides正式成为AnyGen的一个功能，任何人都可以在没有coding agent的情况下都做出好看的HTML PPT了 🎉 功能 看一些效果（所有效果都仅仅使用了1 2轮的prompt）： Kyoto tourist attractions during cherry blossom season No access Kyoto highlights deck 00:00 Andrej Karpathy's knowledge mangement system No access Andrej Karpathy knowledge management 00:00 Duolingo style language learning deck with quizzes No access Duolingo quiz 00:00 飞书 CLI 介绍（输入为 飞书 CLI 能力介绍与最佳实践的内容，只调整了一次就做成这样了） No access Lark CLI intro 00:00 TikTok ads best practices No access TikTok Ads best practices 00:00 ​ 飞书 CLI 能力介绍与最佳实践 Kyoto tourist attractions during cherry blossom season No access Kyoto highlights deck 00:00 Kyoto tourist attractions during cherry blossom season No access Kyoto highlights deck 00:00 No access Kyoto highlights deck 00:00 Andrej Karpathy's knowledge mangement system No access Andrej Karpathy knowledge management 00:00 Andrej Karpathy's knowledge mangement system No access Andrej Karpathy knowledge management 00:00 No access Andrej Karpathy knowledge management 00:00 Duolingo style language learning deck with quizzes No access Duolingo quiz 00:00 Duolingo style language learning deck with quizzes No access Duolingo quiz 00:00 No access Duolingo quiz 00:00 飞书 CLI 介绍（输入为 飞书 CLI 能力介绍与最佳实践的内容，只调整了一次就做成这样了） No access Lark CLI intro 00:00 ​ 飞书 CLI 能力介绍与最佳实践 飞书 CLI 介绍（输入为 飞书 CLI 能力介绍与最佳实践的内容，只调整了一次就做成这样了） ​ 飞书 CLI 能力介绍与最佳实践 No access Lark CLI intro 00:00 No access Lark CLI intro 00:00 TikTok ads best practices No access TikTok Ads best practices 00:00 TikTok ads best practices No access TikTok Ads best practices 00:00 No access TikTok Ads best practices 00:00 在AnyGen里用Frontend Slides，相比用coding agent调用skill，有哪些区别？ 1. 大大降低门槛。很多非技术背景的同学还没有用上coding agent/不习惯terminal界面。网页界面更小白友好 2. 可以编辑！！HTML 上所有文字都可以点击直接编辑 3. 分享更方便：生成之后不需要部署，默认就是可以分享给别人的URL，还可以实现公司级别的权限管理 4. 支持一键导出成PDF下载 No access AnyGen frontend slides edit, share, download 00:00 No access AnyGen frontend slides edit, share, download 00:00 立即开始使用：https://www.anygen.io/slides?type=frontend slides 现在我所有的演讲/分享，都会默认用frontend slides，而不是传统的PPT。我一般的用法是： 1. 先用语音输入工具“口喷”我想要表达的信息，先不管是否结构化，只管输出 2. 把刚刚转成的文字稿（+任何需要插入的图片）作为输入给到AnyGen，它会帮忙整理成结构化的slides、匹配对应设计风格 3. 一次次通过对话调整细节，直到满意 很多用户给我反馈，说用这个skill生成的HTML PPT非常美观，而且很前沿、有科技感、可交互，实际演讲使用的时候观众反馈都特别好，让自己特别有面子。 为什么模型设计HTML的效果这么好？ 我有一个猜想：因为模型的训练数据里有大量的网页，所以它对于“如何用HTML把一堆信息做成美观清晰的可视化排版”是非常擅长的。而且模型可以充分调用自己的前端设计能力。可以说，HTML是模型表达自己的native language（详见：为什么 HTML 幻灯片比 XML PPT 好看得多）。 为什么 HTML 幻灯片比 XML PPT 好看得多 你的下一个PPT，何必是一个PPT？