Calendario CONSISTENCIA | Taller · Metanoia
Servicios Recursos Taller Ideas Aprende Sistemas Pro Contacto

Taller / Artifacts interactivos

TALLER · ARTIFACTS INTERACTIVOS

Calendario CONSISTENCIA

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.

TIEMPO
10 min
NIVEL
Principiante
FUNCIONA EN
ChatGPT · Claude · Gemini

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.

00Resultado en vivo

Esto es lo que vas a obtener. Interactúa con él: es un archivo real, no una imagen.

Ejemplo real generado con este promptPantalla completa ↗

01Antes de empezar

02Prompt principal

Cópialo, llena lo que está entre [CORCHETES] y pégalo en un chat nuevo.

Prompt · Calendario CONSISTENCIA
<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>

03Dónde pegarlo

ClaudeSe crea como Artifact al lado del chat. Descárgalo o cópialo desde ahí.
ChatGPTAgrega al final: "Ábrelo en Canvas". Copia el código y guárdalo como archivo .html.
GeminiActiva Canvas antes de enviar. Usa la vista previa y luego copia o descarga.
PARA ABRIRLOGuarda el código en un archivo con terminación .html y ábrelo con doble clic. Funciona en cualquier navegador, en computadora o celular.

04Cómo llenar los datos

[ACTIVIDADES FIJAS POR DÍA]

Lo que se repite cada semana. Lo que pasa una sola vez no va aquí.

ASÍ NOHacer ejercicio y trabajar.
ASÍ SÍLunes, miércoles y viernes: ejercicio 45 min. Martes y jueves: prospección 5 mensajes. Sábado: proyecto personal 1 h.

[META 1-3]

Con número: así sabes si la cumpliste.

ASÍ NOCrecer en redes.
ASÍ SÍPublicar 12 piezas de contenido en Instagram.

05Paso a paso

Antes

  1. Descarga la plantilla de abajo o genera la tuya con el prompt.
  2. Escribe tus 3 metas con número.

Durante

  1. Revisa que el mes empiece en el día correcto.
  2. Si quieres cambiar algo, pide solo ese cambio.

Después

  1. Guarda el archivo en tu escritorio o en favoritos.
  2. Ábrelo cada noche y palomea. Al final del mes, crea el siguiente.

06Cómo pedir cambios

Pégalos en la misma conversación, después del resultado.

1. El siguiente mes

Cuándo usarlo: Al terminar el mes.

Seguimiento
Crea el calendario de [MES SIGUIENTE] con la misma configuración, pero ajusta: [CAMBIOS].

2. Ajustar la carga

Cuándo usarlo: Si no te da el tiempo.

Seguimiento
Llevo [N]% de avance. Propón qué actividades quitar o mover para que el calendario sea realista, sin tocar las metas.

3. Agregar una cita fija

Cuándo usarlo: Cuando aparece algo nuevo.

Seguimiento
Agrega [ACTIVIDAD] los [DÍAS] con la categoría [CATEGORÍA].

07Errores comunes

Llenar todos los días

SÍNTOMA
A la segunda semana lo abandonas.
CORRECCIÓN
Máximo 3 actividades por día y al menos un día de descanso.

Metas sin número

SÍNTOMA
No sabes si avanzaste.
CORRECCIÓN
Escribe metas medibles: cuántas, cuánto o cuándo.

Cambiar de navegador

SÍNTOMA
Tu avance "desaparece".
CORRECCIÓN
El avance vive en el navegador donde lo palomeas. Usa siempre el mismo.

08Siguiente paso

1 · GRATISRecibe lo nuevo del portal

Nuevos entregables, ideas y lecciones en tu correo.

Un correo a la semana como máximo. Sin spam; te das de baja cuando quieras.

2 · SISTEMA COMPLETOProductividad Maestra

La revisión semanal que mantiene vivo tu calendario.

PRÓXIMAMENTEVer sistemas Pro
3 · HECHO PARA TI · SISTEMA IA & AUTOMATIZACIÓNUn sistema de operación para tu equipo

Tableros, procesos y automatizaciones para que el trabajo del equipo no dependa de ti.

Hablemos