如何用DeepSeek快速制作html教学工具（第2期）

type

status

date

slug

summary

category

icon

password

今天新做了一个数学几何方面的教学工具「图形变换」，这个工具页面的功能较多，花了一点时间，接下来我们将以此为例介绍数学几何方面的教学工具如何进行设计制作。

因为平时做时候我们用的主要是Claude3.7，但第一期的时候实验下来，DeepSeek V3的效果也很接近，因此就不再使用DeepSeek重新做一次了，我们直接把完整的制作过程给大家参考，希望对你在设计教学工具的时候有所帮助。

首先依旧是需求确认和准备，这里我们先明确页面的样式，也就是左边是控制面板，右边是画布，在此基础上对控制面板进行模块化分析，分为画图模块、基础图形模块、平移模块、对称模块、旋转模块、显示模块、概念模块，分清楚模块后我们就可以梳理需求了。

参考提示词1:

💡

完整内容请到知识星球内查阅https://t.zsxq.com/uxeth

第一次cursor花了不少时间进行编写，结果给我的UI完全没问题，但是所有按钮都失效了，这里就需要对它进行进一步的调试，指出问题让它修改。

参考提示词2:

💡

完整内容请到知识星球内查阅https://t.zsxq.com/uxeth

搞定！试用起来很不错，以上通过7次对话完成了一个较为复杂的数学几何教学工具「图形变换」，非常适用于中小学学习几何图形的平移、对称、旋转三个知识点，大家也可以按照这个思路进行继续优化调整，做出适合自己教学的工具。

以下为本次工具的源文件：

Hisoka