Guía de prompts
Cómo crear una web de temporizador de estudio con Ottermind
Un temporizador de estudio es un primer proyecto web manejable porque su propósito está claro. Describe su diseño y comportamiento en Ottermind, genera una vista previa y prueba los controles. Este tutorial convierte una pequeña idea en una tarea concreta y explica qué revisar antes de compartirla.
Limita la primera versión
Empieza con duración, inicio, pausa, continuación y reinicio. Completa una sesión antes de añadir temas, alertas o historial.
1. Define las funciones básicas
Mantén un alcance reducido. Si estudiarás con el móvil, incluye tamaño de botones, legibilidad de números y diseño vertical.
2. Describe diseño y comportamiento
Crea una web personal de temporizador de estudio. Debe permitir ajustar minutos, iniciar, pausar, continuar y reiniciar. Interfaz tranquila y sencilla, cuenta atrás visible y controles cómodos en móvil. Sin inicio de sesión ni funciones multiusuario. Muestra la estructura y el plan antes de generar.Puedes adjuntar una referencia indicando tipografía, distribución o ambiente, sin pedir simplemente una copia idéntica.
3. Genera y previsualiza
Evalúa las sugerencias según su utilidad. Especifica que la pausa conserve el tiempo restante y que el reinicio restaure la duración seleccionada. Recorre el flujo principal antes de ajustar la apariencia.
4. Prueba los estados importantes
| Acción | Comprobación |
|---|---|
| Iniciar | La cuenta atrás disminuye correctamente |
| Pausar y continuar | Se conserva el tiempo restante |
| Reiniciar | Vuelve la duración elegida |
| Pulsar repetidamente | No se crean temporizadores duplicados |
| Salir y volver | El tiempo responde según lo previsto |
| Móvil | Los controles son accesibles |
Compara con el temporizador del teléfono. Si falla al pasar a segundo plano o recargar, describe lo observado y vuelve a probar tras la corrección.
5. Mejora y comparte
Añade alertas, temas o historial cuando funcione lo básico y repite las pruebas afectadas. Antes de compartir, comprueba publicación y permisos, y abre la dirección final desde otro dispositivo. Publicación gratuita, dominio y almacenamiento dependen de la configuración actual.
Referencia del producto: Crear un temporizador de estudio
