DeepSeek+Claude3.7，再次秒杀PPT

前言

前几天用 Claude 3.7 尝试了下生成"系统架构图"，《Claude3.7秒出架构图，你再不用就真的Out了 - 掘金》，效果还可以。

今天突然想起来，架构图既然都可以生成了，PPT 还要自己做吗？

想到咱就试试去。

操作步骤

DeepSeek 速写提示词

首先，大家可能感觉提示词就有些棘手，那正好，今天我也不想一点点优化了。

咱直接求助DeepSeek大师。

需求：

diff 复制代码

我要是用Claude3.7生成一个ppt的目录页，包含4个目录，分别是背景、简介、亮点、功能描述，返回svg源码。
要求：
- 科技风
- 蓝色系
请帮我生成直接可用的提示词。

结果：

大家可以先检查一下提示词，根据自己的喜好，稍微修改一下。

当然，如果没有想法，直接使用即可。

稍微提醒下，由于PPT大小一般采用pt单位，而SVG的尺寸默认采用px，这一点需要注意一下。

Claude3.7 秒画 PPT

有了提示词，直接通过 Cursor 调用 Claude 3.7 进行生成。

模式依然是 Chat/Ask 模式。

提示词：

markdown 复制代码

生成PPT目录页SVG源码，要求如下：

设计风格：

现代科技风，采用多层次结构设计

主色调：深蓝(#1a237e)+科技蓝(#1976d2)+荧光蓝(#00b0ff)

包含以下科技元素：分子结构线条、数据流线、渐变光效

布局结构：
左半区（40%）：

动态科技光环（同心圆渐变）

悬浮的4个对应图标：
- 背景：微缩地球/原子模型
- 简介：立体文档图标
- 亮点：闪电/星光组合
- 功能：齿轮/模块组合

右半区（60%）：

标题："目录"（Arial Black字体，字号36pt，霓虹蓝描边）

4个目录项垂直排列，每项包含：
- 左侧荧光进度条（长度差异）
- 立体文字（Arial Regular，字号24pt）
- 右侧hover动效指示器

背景处理：

放射状渐变背景（#0d47a1 → #1a237e）

底部添加流动的二进制代码光带

随机分布的科技光点（高斯模糊效果）

特殊效果：

顶部悬浮半透明网格层（透明度30%）

动态连接线（贝塞尔曲线连接图标与目录项）

边缘添加CSS光晕动画（animation: glow 3s infinite）

请输出可直接嵌入PPT的SVG源码，确保：
1. 所有元素分层分组（g标签嵌套）
2. 关键元素添加注释
3. 适配16:9比例（1920x1080画布）
4. 使用线性渐变至少3处
5. 包含hover变色动效（通过<style>标签实现）

结果：

效果：

效果不敢说多么惊艳，但是比我做出同样的效果，用时肯定少很多。

结语

今天有点忙，没法继续验证更多场景，主要把思路先给大家介绍清楚，大家可以自行尝试。

思路：

DeepSeek 生成提示词。
Cursor + Claude 3.7 生成 SVG。

和之前最大的不同就是在直接生成 SVG 前，通过 DeepSeek 将简单的需求转换为规范的提示词，减少大家实践难度。

大家可以根据自己需要，尝试一下各种场景，欢迎留言交流哈~