一小时不到,我用 AI 把 PPT 变成网页,赚了 200 块

❝

这不是标题党，这是我刚刚赚的外快。

事情的起因

昨天有个朋友找到我，说他有一份公司介绍 PPT，大概 18 页，想转成一个可以在浏览器里打开的网页，用来做线上展示。

需求很简单：

• 每一页 PPT 对应一个网页区块
• 背景图、产品图都要用上
• 要有动画效果，看起来高级一点
• 手机端也要能看

听着挺简单的，他问我多少钱，想着都是朋友了，就收个200意思一下。

我是怎么做的

第一步：提取 PPT 文字内容

我先用AI把 PPT 每一页的文字提取出来，保存成一个 txt 文件。18 页的内容，大概两分钟就搞定了。

第二步：让 AI 帮我写代码

这一步是重头戏。我把提取的文字内容和需求描述丢给 AI（我用的 Claude），让它帮我：

1. 生成 HTML 结构 — 每一页对应一个 <section>
2. 写 CSS 样式 — 暗色主题、玻璃拟态卡片、渐变高光、悬停动画
3. 加 GSAP 动画 — 滚动触发的渐入效果、数字计数器、视差背景
4. 做响应式适配 — 手机、平板、桌面三端适配

AI 一次性生成了完整的 HTML + CSS + JS 三件套，我基本不需要手动改什么。

第三步：微调 + 对接数据

有几页 PPT 的数据提取不完整（图表类的），手动补充了具体数字，然后让AI补齐就行了。

整体耗时

最终效果

说实话，效果我自己都挺满意的：

• 🎨 18 页 PPT 聚合成 12 个网页区块，信息密度更高
• ✨ 每个区块都有入场动画，滚动时依次展现
• 📱 手机端完美适配，卡片自动堆叠
• 🌈 渐变光圈背景，科技感拉满
• 📊 数据指标用动态计数器展示，数字从 0 跳到目标值

朋友收到成品后说了一句：**"比我原来那个 PPT 高级多了。"**

我的思考

这件事让我感触挺深的：

1. AI 不是替代你，是放大你

如果没有 AI，这个活我至少要干大半天。HTML 结构、CSS 样式、动画逻辑，每一块都要手写。现在 AI 帮我完成了 80% 的重复劳动，我只负责最后 20% 的创意和把关。

2. 关键在于"你能不能描述清楚需求"

AI 生成代码的质量，完全取决于你怎么描述需求。你描述得越精确，生成的代码越接近成品。这个能力本身就是值钱的。

3. 这类需求其实很多

很多中小企业都有 PPT、PDF 想转成网页的需求——产品介绍、招商方案、活动页、公司简介。他们自己不会做，找外包又嫌贵。用 AI 辅助，速度快、成本低、质量还不错，这就是一个真实的市场机会。

4. 基础能力很重要

写代码是AI做的，但是代码部署是手动的，还是要有基础的服务器操作能力才行！

如果你也想试试

工具： Claude / ChatGPT / Cursor，随便哪个都行

流程：

1. 从 PPT 里提取文字（可以用 python-pptx，或者直接复制）
2. 把文字 + 设计需求描述发给 AI
3. AI 生成代码，你微调测试
4. 交付

最后，看看我用了多少AI算力。

从头到尾没有触发上下文压缩，还是挺省的。由于我是年费会员，因此费用可以忽略不计。及时真算费用，这不到1M上下文，估计也就二十块AI算力的费用吧！

最后

AI 时代，赚钱的逻辑变了。

以前是你会什么，就卖什么。现在是你能用 AI 做出什么，就卖什么。

门槛降低了，但机会反而更多了。关键是你愿不愿意迈出第一步。

一小时，200 块，AI 帮我做到了。你也可以。

如果你觉得有启发，欢迎点赞、收藏、转发。有问题也可以在评论区交流 👇