用AI写代码真的太香了！
之前三顿就给大家做过分享，AI让我这个不懂代码的小白也能快速搞定各种前端页面：
好用是真好用，但以往还得把AI生成的代码保存下来再做运行，能不能直接查看代码效果呢？
这是三顿写的提示词：
你是一个前端代码专家，请你用html和css帮我实现一个简洁美观的登录页面，以浅色为背景色，符合现代UI设计风格。内容需要包含用户名、密码输入以及注册和登录按钮，请你按主流的登录页面样式进行布局，自由发挥。请在一个代码块中输出全部的代码
生成好代码后，点击运行按钮，一键就能搞定可视化：
而且这可不是一个静态的界面，所有的按钮均可以点击，进行交互：
也许很多懂代码的小伙伴可能觉得鸡肋，但对三顿这种代码小白来说，可真的太方便了。
除了可以快速设计前端页面、快速进行预览外，它还能直接成为我的演示助手。
比如我想做一个python函数的新手介绍，以往得用PPT做演示吧？现在我只需要把我的需求简单写出来：
你是一个前端代码专家，我想要可视化了解python函数如何定义如何编写，假设我是编程小白，请你用html给我丰富的可视化指导。界面要科技风格，排版要更美观，吸引学生学习，文字要幽默。在一个代码块中输出全部的代码
同样完全可点击，可交互！点击运行按钮，直接就能演示起来：
如果觉得这还不够常用，那么办公图表呢？三顿用了这样一个提示词：
你是前端专家，请你调用echarts图表库，用柱形图对以下表格数据进行可视化，注意优化配色，直接给我完整的html代码。
如果你经常头疼各种数据如何直接可视化，那现在不妨可以把上面这个提示词收好，同样两步直接搞定：
如你所见，它并非静态效果，而是所有的数据可放大可展示，你还可以根据自己的需求，通过提示词进行修改。
比如让它换个深色的配色：
你以为这就完了？这个功能的应用场景可不止如此~
可以直接让它写一个五子棋游戏，在网页上就能玩起来（摸鱼）：
还可以再复杂一点，来个飞行设计游戏：
甚至连黑客帝国里，这样的代码雨效果也能实现！
提示词：你是前端专家，请你用HTML写一个黑客帝国里“代码雨”的效果，直接给我完整的html代码
觉得不够实用？常常吐槽大模型不会做数学题，现在你可以让它直接帮你写一个计算器来运行使用。
提示词：你是前端专家，帮我用HTML写一个简单且美观的计算器
拿文章开头这个简单的登录界面设计举例，在提示词完全相同的情况下，这是4o生成的界面：
这是最新Claude3.5生成的效果：
这是国内专注代码场景的大模型DeepSeek-Coder生成的效果：
你们觉得哪个更好呢？
方便大家体验，三顿也向大家开放了DeepSeek模型，完全免费，限时不限量使用，可以直接登录三顿的AI助手（ai.sandunppt.com），选择代码助手模型即可：
