deepseek总能给人惊喜。

当然这次的惊喜不是deepseek r2，如果真是r2，现在应该更加轰动。

这一次是deepseek v3昨天晚上悄悄升级了一下，0324的版本。

这一次彻底让人疯狂的是，用deepseek v3新版本，借助它强大的写代码能力，制作各种biutiful的页面。

现在登录官网，左下角点击关闭深度思考功能，默认就是v3新版本了。

我在一个博主群当中，但真的是疯狂了，秀各自制作的案例。

比如这位网友@TrendPioneerAI，一句话的提示词，就生成了这样的龙脉双轴，介绍历史轨迹真的是太形象化了。

原提示词在此：

帮我制作一个可以html运行的时间轴，讲述中国所有王朝的名称以及存续时间。我希望他是横向排列的，嗯秦朝以前一个轴，隋以后一个轴。我希望你的时间轴要足够独特，有记忆点。然后让人一眼记住，并表示惊叹的声音，要信达雅，还有非常完美的设计语言、美术风格！

还比如你做个计算器也更容易了，比如这位@是旦不是蛋是MrEgg，网友直接做了一个计算器，还是有三种模式的那种，可以切换到科学模式和程序员模式。

还有这位@余刚，直接做了一个动态的天气预报小卡片～

发挥你的想象力，用代码打开新的世界，做个小游戏？做个知识金句卡片？做个简历网页？

基于这些想法，我自己也测试一些case，经过不断调试生成的效果也非常不错。

01 历史轨迹。

沿用前面那位@TrendPioneerAI的提示词，我自己也进行了测试，发现出来的结果很随机，效果时好时坏，并且如果提示词过长，deepseek输出一大段文字之后，再开始写代码，就会有偷懒的情况，以及中断的情况。

所以我在提示词里刻意加了一句：

请直接输出html页面代码，并且不要省略。

防止它偷懒的情况出现，很明显，效果也变好了，我自己生成的效果如下，也是非常不错的，滚动轴是可以向右滚动的，查看后面的朝代。

而且排版也更加舒服自然。

02 知识卡片一键生成

知识卡片之前用deepseekr1生成的效果还是和trae有些差距的，“美感”的理解上还是不够。

不过这次的升级来看，是有很大提升的。

同样的一套提示词，旧的样子是这样的：

用deepseekV3生成的效果是这样的：

再来一个日本极简风格：

再来一个后现代解构风格。

原提示词比较长：

请为以下 `[内容]` 生成 16:9 比例 的知识卡片 (HTML & CSS)，用于截图分享。卡片风格: 科技感, 赛博朋克, 紫色基调, 深邃渐变背景配色方案: 深空黑基底, 科技蓝绿强调, 霓虹辅助色 (细节见下方)内容如下：CSS 代码要求:* 16:9 固定比例 (使用 `aspect-ratio` 或其他技巧).* **深空黑背景 (#0a0a0a)**，叠加 **多层次径向/线性渐变**，营造深邃科技感 (细节可自由发挥，但整体风格一致).* 文字颜色: 主文字 #e0e0e0, 次级文字 #a0a0a0.* 强调色: 科技蓝绿 (#00ff88) 为主强调色，可用于标题、图标、重点文字等. 霓虹辅助色 (霓虹蓝 #00ccff, 柔和紫 #b967ff, 赛博橙 #ff9500, 电子粉 #ff00aa) 可少量点缀，增加活力和层次感，但 **保持整体紫色基调和科技风格**.* 排版留白: 合理运用留白和间距，确保信息清晰易读，排版舒适美观.* 创意性: 鼓励在细节设计上融入创意，例如线条、色块、图标、 subtle 动效 (可选) 等， **每次生成都应略有不同，保持新鲜感，避免完全重复**.输出: 完整 HTML 和 CSS 代码 (外部 CSS). **无需响应式，仅需保证 16:9 比例下的美观度**.

03 精美自我介绍网页一键生成

最后再玩玩生成个人简历或者自我介绍的页面，这里我直接用了一份成熟的提示词测试的，可以看下效果：

真的是杠杠的，原来做简历都不用买模版了，就这么一段提示词就搞定了，emm，这是无形之中革了谁的命？

原提示词如下：

需求：用单文件html生成一份个人简历网页。功能要求：1. 简历整个简历采用单一卡片布局，具有精致的质感和悬浮效果示，简历内容区采用白色，页面背景用高级的浅灰色，与页面背景保留合适上下左右间距，卡片内容占页面比例75%，整体样式美观协调。- 内容需包含个人信息、自我介绍、教育背景、工作经历、专业技能、项目经验等完整板块，内容尽可能丰富，视觉上强调名字与联系人信息，头像与名字、联系人信息左右布局，专业技能需要可视化表达2. 联系信息包含电话、邮箱、微信、GitHub地址、知乎地址等，联系信息字的颜色默认是高级的深灰色，点击可跳转。3. 自我介绍采用手写字体，自我介绍模块前面增加竖线4. 名字下面增加工作职位，比如全栈工程师5. 专业技能：用进度条、雷达图展示专业技能，进度条与雷达图的内容包含前端技能、后端技术、数据库、人工智能等，进度条上文字左对齐，样式美观协调，雷达图与进度条左右布局，雷达图尺寸大小与进度条保持一致。6. 请把进度条的展示拆分到技术语言维度7. 交互方面，期望加入平滑的页面滚动效果，在重要内容处设计渐入动画。8. 简历的教育背景、工作经历、项目经验，期望增加更多、更丰富、更个性的更真实内容描述，期望内容可以结构化表达呈现，比如使用一些数字序号或者无序序号。9. 可以用“王小明”作为示例，展示具体的简历内容，以下是王小明的照片，你可以使用它作为头像，头像布局展示有设计感，采用正圆的形式，头像尺寸宽是200像素，高也是200像素，增加鼠标悬停交互：视觉设计：- 颜色系统：使用低饱和度配色方案，通过CSS变量统一管理- 动态阴影：卡片悬停时产生自然的悬浮效果- 微交互：联系方式有链接的悬停颜色变化，增加图标- 精致排版：合理的行高、间距和字体、字号颜色层次，描述字体是浅灰色，行高更紧凑一些，适当增加一些浅色的分割线，去掉底部的分割线- 质感效果：经典纸张卡片的质感

不管怎么说，真的是把玩代码的门槛拉到最低了，会说人话会和deepseek聊天就行，至于更多的玩法大家体验之后可以返回在评论区~

期待你们的大作！

淘汰我们的不是AI，而是会使用AI的人 和我一起成为AI时代的超级个体~