Hackathon 演示还在用黑屏终端？这个 Claude Skill 教你做有设计感的路演 PPT

大多数 Hackathon 团队的 Demo 演示，用的都是黑屏终端截图 + 代码高亮——不是说不行，但观众看了三场之后就彻底审美疲劳了。你明明做了很酷的东西，演示却像在读产品说明书。

最近发现一个挺有意思的 Claude Skill，叫 beautiful-hackathon-slides，就是来解决这个问题的。它专门帮你把 Hackathon Demo 做成那种有设计感的路演 PPT，而不是代码截图合集。

它做了什么不一样的事？

传统的 AI PPT 工具，你要先选模板、定字体、想配色——这些决策本身就消耗精力，而且大多数人的审美判断并不可靠。这个 Skill 的思路是：先问你几个澄清性问题，搞清楚你在做什么项目、面向什么受众、想传达什么感觉，然后直接给你 5 种视觉风格预览，让你选，而不是让你在空白画布上凭空想。

整个工作流是 7 个阶段：澄清问题 → 收集信息 → 生成风格预览 → 用户选型 → 生成单文件 HTML 演示文稿 → 加入 Demo 视频槽位 → 生成配音稿。整个链路不需要任何依赖，直接用浏览器打开就能演示。

核心亮点

• 风格预览先于代码生成——不是问你想要什么字体，而是直接展示 5 种视觉方向让你挑，减少决策摩擦
• 单文件 HTML 输出——没有 PowerPoint 文件，也没有依赖，放到任何设备都能播
• 预留 Demo 视频槽位——Hackathon 演示几乎都需要录屏，Skill 直接留好了这个位置
• 生成 AI 配音稿——配合视频时间长度，自动生成配套的语音脚本
• 上下文存储在 Markdown——长迭代过程中不会丢失项目信息

安装方式

直接克隆整个 awesome-claude 仓库，把对应 Skill 目录拷进去就好：

git clone https://github.com/tsaol/awesome-claude.git
cp -r awesome-claude/skills/beautiful-hackathon-slides ~/.claude/skills/

重启 Claude Code 之后，对它说”帮我做一个 Hackathon 路演 PPT”就能触发。

我的观察

Claude Skill 生态里，90% 的工具类 Skill 都围绕着”写代码”和”做测试”——这两个场景当然重要，但明显已经过度拥挤了。beautiful-hackathon-slides 的出现提醒了一件事：AI Agent 的能力边界正在从「执行层」向「表达层」迁移。

换句话说，AI 正在学会做那些”做完了功能之后还需要做的事”——把你的工作成果讲成一个有说服力的故事。这件事以前需要设计师或专职 PPT 的人来做，现在一个 Skill 就能部分替代。对于 Hackathon 这种时间极短、团队极小、但又需要”看起来很专业”的场景，这种工具的价值是很实在的。

如果你经常参加 Hackathon，或者需要为产品做演示，这个 Skill 值得收藏。

GitHub：https://github.com/tsaol/awesome-claude/tree/main/skills/beautiful-hackathon-slides

GitHub: https://github.com/tsaol/awesome-claude/tree/main/skills/beautiful-hackathon-slides