Chismes del Lince 02: Gata Montesa

Iron Man tiene a JARVIS. Las gafas de Spider-Man tienen a EDITH, y su traje tiene a KAREN. Los superhéroes de verdad nunca van solos: siempre hay una IA que les echa una mano con los datos.

El Lince de la Noche no iba a ser menos. En Sierra Bermeja, su asistente se llama Gata Montesa, y la Gata Montesa es una inteligencia artificial que sabe de monte, de Estepona y de ciencia, y que además, si se lo pides, te cuenta un chisme.

⚠️ PRIMERO, LO MÁS IMPORTANTE

UNA IA PUEDE EQUIVOCARSE

La Gata Montesa puede decir cosas falsas con mucha seguridad. Contrasta siempre lo que responda con fuentes fiables, con tu profesorado o con la Misión correspondiente. No es un profesor, no es un experto y no sustituye a ninguno.

SOLO ESTAMOS APRENDIENDO A CREARLA

Esto es un experimento educativo, no un producto terminado. El objetivo no es que la Gata Montesa lo sepa todo, sino que entendamos cómo se construye un asistente de IA y qué límites tiene.

NO ESCRIBAS DATOS PERSONALES

Ni nombre completo, ni dirección, ni teléfono, ni el nombre de tu centro, ni fotos, ni nada que te identifique a ti o a otra persona. Si creas tu propio chatbot y lo publicas, ponle este aviso bien visible, como hemos hecho nosotros.

Por qué este chisme

En el Chisme 01 aprendimos que el móvil tiene sensores. Ahora damos un paso más: ¿y si el móvil pudiera conversar? Para el proyecto de Technovation necesitamos entender cómo se integra una IA en una webapp, y qué mejor forma que empezar por un chatbot muy pequeñito, de una sola página, hecho solo para probar.

Como el Chisme 01, esto es una extensión de las misiones del Lince, no una misión más. La Gata Montesa no aparece en un diálogo con el Lince: es su asistente de IA en las misiones.

Pruébala

https://montesteam.org/app/gatamontesa.html

Tiene tres preguntas de ejemplo para empezar, una caja de texto y poco más. Sobre todo, entiende esto: a diferencia del Chisme 01, aquí lo que escribes sale de tu móvil, porque se envía a un servicio de IA para que pueda contestarte. Por eso importa tanto lo de no poner datos personales.

¿Sobre qué está montada?

La Gata Montesa funciona con Puter.js, una librería gratuita que permite llamar a modelos de IA desde una página web normal, sin servidor y sin claves de API que haya que esconder. Es lo que hace posible que un chatbot quepa en un único archivo HTML.

Puter funciona con un sistema de “el usuario paga”: cada persona que usa la página lo hace con su propia cuenta de Puter. Por eso, la primera vez que uses la Gata Montesa puede aparecer una ventana para iniciar sesión o crear una cuenta en Puter. Es gratis crearla, pero debes tener en cuenta algunas cosas:

• Puter puede aplicar límites de uso según su plan gratuito.
• Tienen sus propias condiciones de uso, incluida una edad mínima. Revisa las condiciones de Puter antes de usarlo con alumnado menor de edad.
• Los mensajes se procesan en los servidores de Puter y del modelo de IA elegido, no en tu móvil.

Crea tu propio chatbot con Claude

Lo mejor de este chisme es que no hace falta saber programar para hacer uno parecido. Le puedes pedir a Claude que lo haga por ti. Este es un ejemplo de prompt que puedes copiar y adaptar (cambia lo que va entre corchetes):

Crea un chatbot en un único archivo HTML que funcione bien en el móvil.

Requisitos técnicos:
- Usa Puter.js (<script src="https://js.puter.com/v2/"></script>) con
  puter.ai.chat(), sin claves de API ni servidor.
- Guarda solo los últimos 8 mensajes de la conversación.
- Sin otras librerías externas.

Personaje:
- Se llama [nombre] y es [descripción: por ejemplo, la asistente de IA
  de mi personaje / de mi proyecto].
- Habla en español, con un tono [cercano / divertido / serio] y
  respuestas de 2 o 3 frases como máximo.
- Solo habla de [tema del chatbot]. Si no sabe algo, lo dice.

Interfaz:
- Cabecera con el nombre y una línea de descripción.
- Tres botones con preguntas de ejemplo.
- Un aviso visible que diga: "Responde una IA y puede equivocarse.
  No escribas datos personales."
- Un mensaje claro si algo falla o si Puter pide iniciar sesión.
- Colores: [tus colores].

Después, explícame paso a paso cómo publicarlo en mi web.

Cuantas más cosas concretas le digas, mejor saldrá. Si algo no te gusta, díselo con tus palabras (“hazlo más rojizo”, “que responda más corto”) y Claude lo ajusta.

Limitaciones que debes conocer

• Se equivoca. Ya lo hemos dicho, pero merece repetirse.
• No conoce nuestro proyecto más allá de lo que le contamos en sus instrucciones. No ha “leído” las doce misiones.
• No tiene memoria. Al cerrar o recargar la página, la conversación desaparece.
• Sus instrucciones no son secretas. Cualquiera que abra el código de la página puede leerlas, así que nunca metas información privada en ellas.
• Necesita conexión a internet y una cuenta de Puter.
• No cita fuentes. No puedes saber de dónde saca lo que dice.
• Depende de un servicio externo. Si Puter cambia sus condiciones o los nombres de los modelos, puede que haya que actualizar el código.

Si la vas a publicar

Un chatbot para probar en clase no es lo mismo que uno abierto al público. Antes de publicar el tuyo:

• Deja muy visible el aviso de que es una IA y puede equivocarse.
• Deja muy visible el aviso de no escribir datos personales.
• Revisa las condiciones de los servicios que usas, sobre todo si van a entrar menores.
• Pruébalo tú mismo con preguntas difíciles o absurdas, para ver qué contesta.

Abrir la Gata Montesa a pantalla completa