提示词指导
如何用 Ottermind 制作学习计时器网页:建站步骤与提示词
2026-09-10·4 分钟阅读·更新于 2026-09-10

想做一个个人网页工具,可以从学习计时器这样的明确需求开始。使用 Ottermind 描述页面与功能,生成后预览,再逐项检查开始、暂停和重置等操作。本教程带你把一个小想法拆成可执行的建站任务,并逐步完善到适合分享的版本。
学习计时器网页需要哪些基础功能
学习计时器首版可以只包含设置时长、开始、暂停、继续和重置。让一个完整计时流程可用,再逐步增加主题、提醒或历史记录。
确定学习计时器的首版功能
首版可以只保留设置时长、开始、暂停和重置。先让核心流程清楚,再考虑历史记录、声音提醒或多种主题。
同时说明使用设备。如果主要在手机上学习,就把触控按钮大小、数字可读性和竖屏布局写进需求。
编写网页布局与交互提示词
从建站入口开始,或直接告诉 Ottermind 要制作网页。可以使用以下提示词:
Prompt
为我制作一个个人学习计时器网页。首版支持设置分钟数、开始、暂停、继续和重置。界面简洁安静,倒计时数字突出,手机上也容易操作。暂时不需要登录或多人功能。先列出页面结构和实现计划,再开始生成。如果有参考图,可以上传并说明你喜欢其中的哪些元素。不要只说“做得和它一样”,应具体说明字体、布局或氛围要求。
生成并预览计时器网页
如果任务过程中出现可选功能建议,先判断它是否服务于学习计时。需要修改时,明确指出位置和行为,例如:“暂停后保留剩余时间”“重置恢复到本次设置的时长”。
生成后进入预览,先完整走一遍主要流程,再调整样式。
检查计时、暂停与重置行为
| 操作 | 需要检查什么 |
|---|---|
| 开始 | 数字是否按预期减少 |
| 暂停与继续 | 是否保留剩余时间 |
| 重置 | 是否恢复到设定值 |
| 重复点击 | 是否产生多个同时运行的计时 |
| 切换页面后返回 | 时间表现是否符合设计 |
| 手机浏览 | 按钮是否好点、内容是否被遮挡 |
可以使用手机自带计时器作简单对照。若后台运行或刷新页面后的行为不符合要求,把实际现象描述给 Ottermind,再检查修改结果。
完善功能并检查分享页面
核心功能通过检查后,再添加提醒、主题或记录等需求。每加一项,都应重新检查受影响的流程。
分享前确认当前可用的发布方式和访问权限,并用其他设备打开最终地址检查。是否支持免费发布、自定义域名或额外存储,以当前产品设置为准。
产品参考: 创建学习计时器网页
