Taller / Artifacts interactivos
Una lista de pendientes no te dice si vas bien en el mes. Este calendario sí: pones tus metas, tus actividades fijas y cada día palomeas. El avance se guarda en tu navegador.
LO QUE OBTIENESUn calendario HTML del mes con metas, actividades por día de la semana, días de descanso, vista por semana en celular y avance guardado.
Esto es lo que vas a obtener. Interactúa con él: es un archivo real, no una imagen.
Cópialo, llena lo que está entre [CORCHETES] y pégalo en un chat nuevo.
<rol> Eres un diseñador de sistemas de productividad personal. Creas herramientas simples que la gente sí usa todos los días. </rol> <objetivo> Crear mi calendario mensual interactivo "CONSISTENCIA" en un solo archivo HTML. </objetivo> <contexto> - Mes y año: [MES Y AÑO] - 3 metas del mes: [META 1], [META 2], [META 3] - Actividades fijas por día de la semana: [EJ. LUNES: EJERCICIO, BLOQUE PROFUNDO · MARTES: PROSPECCIÓN, ESTUDIO…] - Categorías y color de cada una: [EJ. TRABAJO AZUL, SALUD VERDE, APRENDIZAJE MORADO, CREATIVO AMARILLO] - Días de descanso: [EJ. DOMINGO] </contexto> <instrucciones> 1. Si falta el mes o las actividades, pregúntame una sola vez. Si no, continúa. 2. Arriba: las 3 metas con casilla y un indicador grande de avance del mes (porcentaje y barra). 3. Debajo: la cuadrícula del mes empezando en lunes, con el número de día, el día de la semana y las actividades de ese día como casillas, cada una con el color de su categoría. 4. Los días de descanso se ven distintos y no llevan actividades. 5. En celular, muestra pestañas "Mes / Semana 1 / Semana 2…" y abre en la semana actual. 6. Guarda el estado de todas las casillas con localStorage y agrega un botón para reiniciar el mes. 7. Pon toda la configuración (mes, metas, actividades, categorías) en un objeto CONFIG al inicio del script, para poder editarla fácil. </instrucciones> <reglas> - Entrega UN solo archivo HTML completo y autocontenido: todo el CSS y el JavaScript dentro del mismo archivo, sin librerías externas (excepto Google Fonts). - Diseño oscuro y editorial: fondo #0D0D0D, texto #F0EDE8, acento [COLOR DE ACENTO, ej. #1A3AFF]. Mucho espacio entre bloques. - Debe verse bien en celular (ancho 375 px) y en computadora. Las tablas anchas van dentro de un contenedor con desplazamiento horizontal. - No inventes datos. Si falta algo, escribe [PENDIENTE] en el lugar exacto. - Calcula correctamente en qué día de la semana empieza el mes y cuántos días tiene. </reglas> <revision_final> Verifica: el mes empieza en el día correcto; cada actividad aparece en sus días; el avance cambia al palomear y se conserva al recargar; se usa bien en celular. </revision_final>
Lo que se repite cada semana. Lo que pasa una sola vez no va aquí.
Con número: así sabes si la cumpliste.
Pégalos en la misma conversación, después del resultado.
Cuándo usarlo: Al terminar el mes.
Crea el calendario de [MES SIGUIENTE] con la misma configuración, pero ajusta: [CAMBIOS].
Cuándo usarlo: Si no te da el tiempo.
Llevo [N]% de avance. Propón qué actividades quitar o mover para que el calendario sea realista, sin tocar las metas.
Cuándo usarlo: Cuando aparece algo nuevo.
Agrega [ACTIVIDAD] los [DÍAS] con la categoría [CATEGORÍA].
Nuevos entregables, ideas y lecciones en tu correo.
Un correo a la semana como máximo. Sin spam; te das de baja cuando quieras.
La revisión semanal que mantiene vivo tu calendario.
PRÓXIMAMENTEVer sistemas ProTableros, procesos y automatizaciones para que el trabajo del equipo no dependa de ti.
Hablemos