提示詞指南
如何用 Ottermind 製作學習計時器網頁:建站步驟與提示詞
2026-09-10·4 分鐘閱讀·更新於 2026-09-10

想做一個個人網頁工具,可以從學習計時器這樣的明確需求開始。使用 Ottermind 描述頁面與功能,生成後預覽,再逐項檢查開始、暫停和重置等操作。本教程帶你把一個小想法拆成可執行的建站任務,並逐步完善到適合分享的版本。
學習計時器網頁需要哪些基礎功能
學習計時器首版可以只包含設置時長、開始、暫停、繼續和重置。讓一個完整計時流程可用,再逐步增加主題、提醒或歷史記錄。
確定學習計時器的首版功能
首版可以只保留設置時長、開始、暫停和重置。先讓核心流程清楚,再考慮歷史記錄、聲音提醒或多種主題。
同時說明使用設備。如果主要在手機上學習,就把觸控按鈕大小、數字可讀性和竪屏版面配置寫進需求。
編寫網頁版面配置與交互提示詞
從建站入口開始,或直接告訴 Ottermind 要製作網頁。可以使用以下提示詞:
Prompt
為我製作一個個人學習計時器網頁。首版支持設置分鐘數、開始、暫停、繼續和重置。介面簡潔安靜,倒計時數字突出,手機上也容易操作。暫時不需要登錄或多人功能。先列出頁面結構和實現計劃,再開始生成。如果有參考圖,可以上傳並說明你喜歡其中的哪些元素。不要只說“做得和它一樣”,應具體說明字體、版面配置或氛圍要求。
生成並預覽計時器網頁
如果任務過程中出現可選功能建議,先判斷它是否服務於學習計時。需要修改時,明確指出位置和行為,例如:“暫停後保留剩餘時間”“重置恢復到本次設置的時長”。
生成後進入預覽,先完整走一遍主要流程,再調整樣式。
檢查計時、暫停與重置行為
| 操作 | 需要檢查什麼 |
|---|---|
| 開始 | 數字是否按預期減少 |
| 暫停與繼續 | 是否保留剩餘時間 |
| 重置 | 是否恢復到設定值 |
| 重復點選 | 是否產生多個同時運行的計時 |
| 切換頁面後返回 | 時間表現是否符合設計 |
| 手機瀏覽 | 按鈕是否好點、內容是否被遮擋 |
可以使用手機自帶計時器作簡單對照。若後台運行或刷新頁面後的行為不符合要求,把實際現象描述給 Ottermind,再檢查修改結果。
完善功能並檢查分享頁面
核心功能通過檢查後,再添加提醒、主題或記錄等需求。每加一項,都應重新檢查受影響的流程。
分享前確認當前可用的發佈方式和訪問權限,並用其他設備打開最終地址檢查。是否支持免費發佈、自定義域名或額外存儲,以當前產品設置為準。
產品參考: 建立學習計時器網頁
