Recursos para el Taller

Desarrollo de Aplicaciones y Agentes de IA para la Academia

Creación de herramientas y aplicaciones web, sin necesidad de saber programar.

Facilitador Juan Carlos Solano Jiménez Docente Investigador

UNL Carrera de Telecomunicaciones Facultad de Energía

Subir Imagen de la Carrera

Duración y Horario 20 Horas (Asíncrona) 08h45 a 10h00 | Lun a Jue | 20 al 30 de julio

Zoom YouTube

Usa las flechas del teclado ← → o los controles inferiores para navegar

Dinámica en Vivo: Encuesta de Diagnóstico

¡Queremos conocerte! Responde esta breve encuesta para calibrar las dinámicas de desarrollo de hoy y ver los resultados en vivo.

Instrucciones de Participación:

1 Escanea el código QR de la derecha con tu teléfono celular o haz clic en el enlace web.
2 Completa las 4 breves preguntas (profesión, a qué te dedicas, de dónde eres y qué te gustaría crear).
3 No necesitas crear cuentas, registros ni contraseñas. ¡Es completamente anónimo!
4 Al terminar, presiona "Enviar". Veremos los resultados estadísticos y el resumen de IA en tiempo real en la siguiente pantalla.

Acceso Directo

encuesta-taller-ia.pages.dev

¿Qué es un Agente de IA?

La gran diferencia radica en cómo nos comunicamos con ellos y lo que son capaces de hacer por nosotros en la práctica.

Chatbot Común (Conversar)

¿Cómo interactuamos con un Chatbot?

Diseñado principalmente para responder preguntas, resumir y dar explicaciones o textos en la pantalla.

PROMPT EJEMPLO (TÚ PIDES):

"Quiero hacer una aplicación web de gamificación para 'MI ASIGNATURA'. Agrega temporizador, preguntas de opción múltiple y puntuación."

RESULTADO Y TRABAJO EXTRA:

La IA te responde con una lista de ideas en texto y un bloque de código básico.

Tú debes hacer el trabajo técnico: Copiar el código, crear un archivo nuevo en tu PC, guardarlo con extensión .html y comprobar si funciona.

Agente de IA (Hacer)

¿Cómo interactuamos con un Agente?

Diseñado para tomar acción autónoma: planifica, crea, edita y ejecuta archivos reales por ti.

PROMPT EJEMPLO (TÚ PIDES):

"Crea una aplicación web completa de gamificación para 'MI ASIGNATURA'. Agrega temporizador, preguntas de opción múltiple, puntuación y guárdala en Mi Escritorio."

RESULTADO Y ACCIÓN AUTOMÁTICA:

El agente planifica, diseña la apariencia visual, escribe todo el código y crea los archivos necesarios directamente en tu carpeta.

La IA hace el trabajo técnico: Crea los archivos, programa, y comprueba internamente que funcione sin fallas.

Catálogo de Agentes de IA

Conoce el panorama de agentes disponibles. Puedes filtrar por categoría para encontrar el que mejor se adapte a tus necesidades de estudio o trabajo.

Foco del Curso

Claude Cowork

Local / Escritorio

Asistente persistente que automatiza tareas locales y de oficina, interactúa con el navegador y gestiona archivos directamente.

Sitio Web Usuarios Claude

Foco del Curso

Cursor

Editor Inteligente

Editor de código asistido por IA que permite crear aplicaciones completas utilizando únicamente lenguaje natural e instrucciones sencillas.

Sitio Web Recomendado

Foco del Curso

Antigravity 2.0

Asistente Autónomo

Potente asistente de programación autónomo diseñado por Google DeepMind que pair-programa contigo directo en tus archivos.

Sitio Web Usuarios Gemini

Recomendado Nube

ChatZ AI

Asistente Web

Plataforma de conversación inteligente en la nube. Excelente para estructurar esquemas y códigos rápidos sin instalar nada.

Sitio Web

Recomendado Nube

KIMI

Lectura y Resumen

Asistente web de Moonshot AI, famoso por su capacidad para procesar libros y documentos académicos gigantescos en la nube.

Sitio Web

Recomendado Nube

Genspark

Buscador Autónomo

Buscador y estructurador basado en agentes que recopila información profunda de la web y crea informes detallados al instante.

Sitio Web

ChatGPT Plus

OpenAI Codex

De Pago / Web y Escritorio

Agente de escritorio y web utilizable por suscriptores de ChatGPT. Sigue la misma lógica que los otros agentes; ideal para quienes ya cuentan con una cuenta Plus.

Sitio Web

Alta Potencia

OpenClaw

Local Avanzado

Estructura abierta para automatizar servidores y computadoras completas. Capaz de enviar alertas y responder instrucciones directamente desde el celular.

Para el Futuro Uso Técnico

Programadores (CLI)

Claude Code

Terminal / Consola

Herramienta de Anthropic para terminales de programadores. Rápido, ligero y poderoso, pero requiere dominar la pantalla de comandos negra.

Consola de Comandos Solo Código

Programadores (CLI)

Gemini CLI

Terminal / Consola

Línea de comandos oficial para interactuar con los modelos de Google. Diseñado para automatizar tareas en el entorno de servidores.

Consola de Comandos Solo Código

Simulador Interactivo: Demostrando el Poder de los Agentes

Selecciona una de las tareas complejas de ejemplo generadas por un agente de IA. Podrás ver el prompt que la solicitó y experimentar con la aplicación interactiva real que el agente construyó.

Selecciona un Ejemplo

Elige una aplicación generada:

Prompt que generó este código:

Cargando prompt...

Consola de Ejecución del Agente

Agente de IA:

Elige un ejemplo de la izquierda y pulsa "Ejecutar en Navegador".

Aplicación Ejecutándose en Vivo

La aplicación interactiva real aparecerá aquí tras la simulación.

Herramientas Clave y Enlaces de Descarga

Durante las clases prácticas nos enfocaremos en estas tres herramientas principales debido a su facilidad y potencia. Aquí tienes sus enlaces de acceso directo:

Cursor

El editor inteligente principal que utilizaremos en las clases para programar nuestras páginas web en lenguaje sencillo.

Reemplaza al bloc de notas tradicional.
Autocompleta código con solo tabular.
Permite dictar cambios completos con texto.

Descargar Cursor Windows, macOS y Linux

Antigravity 2.0

El agente de IA de Google que te ayuda a construir de forma autónoma pair-programando en tus archivos locales.

Automatiza tareas completas de archivos.
Corrección inteligente de fallas en vivo.
Integración directa en el taller.

Visitar Antigravity 2.0 Soporte oficial Google DeepMind

Claude Cowork

El asistente de escritorio persistente de Anthropic ideal para automatizaciones académicas generales, lectura de archivos y navegación.

Ejecuta acciones de navegación web.
Soporta lectura y creación de documentos.
No requiere conocimientos técnicos previos.

Acceder a Claude Cowork Aplicación de escritorio / Web

💡 Consejo: Si no quieres instalar programas en tu computadora, puedes realizar todas las tareas del taller utilizando los agentes de nube ChatZ AI o Kimi directo en tu navegador web.

El Bucle de Desarrollo con Agentes

Crear una aplicación con un agente es un diálogo interactivo. Este es el camino recomendado (y cíclico) para construir tus herramientas académicas paso a paso:

1

Planificación Inicial

2

Ejecución

3

Prueba de Funcionamiento

4

Corrección de Errores

5

Mejora y Apariencia Visual

6

Bucle de Retorno (Iteración)

7

Ver Aplicación 🔗

Paso 1

Planificación Inicial (Recomendado)

Antes de escribir código, pídele al agente que diseñe la estrategia general y defina qué archivos necesitaremos. Esto evita errores futuros.

Prompt de Ejemplo:

Dentro de la carpeta "Nombre de la Carpeta" hay un archivo en pdf con la explicación de la clase. Quiero crear una página web interactiva para enseñar el tiro parabólico en física. Debe abrirse en el navegador sin instalar nada. Quiero ver un objeto lanzado en 2D, con una trayectoria curva. El estudiante debe poder cambiar la velocidad, el ángulo y la gravedad, y ver cómo cambia el lanzamiento. Incluye botones para lanzar, pausar y reiniciar. Muestra datos útiles como alcance, altura máxima y tiempo de vuelo. Agrega una explicación breve en español, con palabras sencillas, sobre qué es el tiro parabólico y por qué la trayectoria es una parábola. Primero dame un Plan de Implementación.

Ejemplo Práctico: Agentes Web en la Nube

Los agentes de nube operan directamente en servidores remotos y están especializados en procesar documentos científicos, diapositivas y textos masivos.

¿Cómo funcionan y para qué sirven?

A diferencia de los asistentes locales, los agentes como KIMI, ChatZ.AI o GENSPARK ejecutan sus procesos de manera autónoma en sus propias máquinas virtuales en la nube (usualmente servidores optimizados en China).

Cuentan con una ventana de contexto gigantesca, lo que los capacita para analizar en segundos artículos científicos completos, diapositivas complejas, tablas de datos y libros enteros sin sobrecargar tu computadora.

Kimi Chat

ChatZ.AI

Genspark

PROMPT PARA TRABAJAR CON DOCUMENTOS:

A partir de este artículo científico, crea una presentación profesional en PowerPoint de 10 diapositivas. Usa las gráficas más representativas, tablas o datos numéricos relevantes de la publicación. Planifica primero. Si tienes dudas me preguntas.

Práctica 1: Crea tu Aplicación Docente

Comencemos con nuestro proyecto práctico. Diseñaremos una aplicación web interactiva completa. Como docentes, podemos partir de cualquier recurso educativo que tengamos listo: libros, artículos, videos de YouTube o diapositivas previas. Llevaremos este proyecto paso a paso, desde la planificación conceptual de la IA hasta su publicación gratuita en la web para compartirla con nuestros estudiantes.

Fase 1

Planificación Conceptual

Pega este prompt en tu agente de nube para analizar el PDF del libro y estructurar el plan de implementación de tu módulo educativo.

En la carpeta "Ejemplo Aplicación a partir de Libro" tienes acceso a un documento PDF. Tu tarea es leer, extraer y procesar los puntos más importantes de este documento para estructurar un flujo de aprendizaje sobre la redacción de artículos científicos.

El objetivo es desarrollar una aplicación web interactiva, educativa y gamificada que guíe al estudiante a través del contenido del libro.

Implementa una barra lateral o menú de paneles para que el estudiante pueda saltar libremente entre los temas, y botones de "Anterior" y "Siguiente" para mantener un flujo secuencial guiado.

La interfaz debe ser moderna y atractiva para el estudiante. No uses solo texto. Obligatoriamente, sintetiza la teoría extraída del PDF utilizando tablas comparativas, listas y gráficas. Proporciona ejemplos concretos y prácticos extraídos directamente del libro para ilustrar cada concepto clave.

Al finalizar cada módulo secuencial, genera un elemento interactivo para evaluar lo aprendido. Implementa trivias de opción múltiple, minijuegos de arrastrar y soltar (drag & drop) para emparejar conceptos, o tarjetas de memoria.

Asegúrate de que estas actividades brinden retroalimentación inmediata (indicando si es correcto o incorrecto y por qué).

Primero analiza el PDF y devuélveme primero un plan de implementación.

Fase 2

Ejecución y Despliegue

Usa este prompt una vez aprobado el plan para generar el código interactivo final y prepararlo para hospedar de forma gratuita.

Implementa la aplicación web completa en base al Plan de Implementación aprobado. Genera todo el código necesario en un único archivo HTML autónomo e interactivo. Asegúrate de incluir la barra lateral de navegación, los temas extraídos del PDF sintetizados en tablas y gráficas, y las actividades de autoevaluación gamificadas con retroalimentación en tiempo real. Utiliza un diseño de interfaz premium responsivo para móviles y prepáralo para su publicación en línea.

Práctica 1: Preparación y Publicación Web

Una vez que la IA haya generado tu código, el siguiente paso es organizar tus archivos y publicarlos en internet de forma gratuita para compartirlos con tus alumnos.

Fase 3

Estructuración y Carpeta

Antes de subir tu aplicación a internet, es indispensable que esté correctamente organizada en tu computadora:

Renombrar archivo: El archivo principal de tu aplicación web debe llamarse obligatoriamente index.html (todo en minúsculas).
Crear una Carpeta: Coloca el archivo index.html dentro de una carpeta nueva en tu ordenador (ej. mi-primer-proyecto/).
Archivos adicionales: Si tu aplicación utiliza imágenes locales (como logotipos), hojas de estilo CSS externas o scripts JS, deben guardarse dentro de esa misma carpeta.

Fase 4

Despliegue y Publicación Gratuita

Sube la carpeta de tu proyecto a plataformas de alojamiento estático gratuito para obtener un enlace público y compartirlo:

Recomendado

Haz clic en Add new project.
Selecciona Deploy manually.
Arrastra y suelta tu carpeta completa.
En Site configuration, ve a Change project name (usa minúsculas y guiones).
Actualizar: En la pestaña Deploys, vuelve a arrastrar la carpeta si editas el código.

Haz clic en Compute y luego en Workers & Pages.
Selecciona Create application (parte superior derecha).
Importante selecciona: Looking to deploy Pages? Get started
Drag and drop your files Project name (nombre URL en minúsculas y sin tildes).
Presiona Create project Deploy site
Actualizar: Haz clic en Create deployment dentro del proyecto.

Práctica 2: Simuladores Geología

Diseñaremos un simulador científico interactivo que aplica filtros ópticos dinámicos y lee archivos de datos locales en 3D.

Concepto

¿Para qué sirve este proyecto?

Esta práctica demuestra cómo pedirle a los agentes que **interactúen con archivos de datos reales** (como Excel, PDFs o CSVs) importándolos de forma local por arrastrar y soltar (Drag & Drop) para procesarlos y graficarlos.

**Simulador de Óptica:** El usuario girará un dial físico para aplicar filtros ópticos dinámicos (rotación de tono y contraste), emulando la refracción de luz sobre minerales en un microscopio real.

Ver Ejemplo de Resultado Obtenido 🔗

Interactividad

Foco de Aprendizaje

Filtros Dinámicos: Sincronización del dial giratorio con filtros CSS en tiempo real (`hue-rotate` / `contrast`).
Lector de Archivos Local: Uso de FileReader en JS para leer datos CSV mediante arrastrar y soltar (Drag & Drop).
Procesamiento en 3D: Modelado o representación espacial de los puntos tridimensionales tabulados.
Planificación de IA: Estructurar primero la lógica del simulador antes de programar.

PROMPT PARA EL SIMULADOR DE MICROSCOPIO:

Diseña una interfaz web que simule la vista de un microscopio petrográfico. Debe tener un visor circular central y un control giratorio (dial). Al girar el dial de 0 a 360 grados, aplica filtros dinámicos (rotación de tono/hue, contraste) a una imagen de textura de piedra para simular cómo cambia de color un mineral bajo luz polarizada. Dentro de la carpeta hay tres archivos CSV con datos. La idea es arrastrar y soltar estos archivos dentro de la aplicación y que los presente en 3D. Primero dame un plan de implementación.

Práctica 3: Simulación 3D

Diseñaremos simulaciones tridimensionales e interactivas para que los estudiantes exploren conceptos complejos de forma visual y lúdica.

Fase 1

Objetivos del Proyecto 3D

Experimentaremos con visualizaciones tridimensionales (como el sistema solar, una célula o un motor) que faciliten la comprensión de componentes espaciales.

Interacción en 3D: El modelo debe permitir rotación libre por arrastre, zoom táctil o de rueda de ratón, e interacción por clics en sus diferentes partes para mostrar datos informativos.
Componentes Lúdicos: Integración de una trivia interactiva de autoevaluación con respuestas inmediatas y un minijuego drag & drop de emparejamiento.
Planificación obligatoria: Primero se solicita la estrategia técnica y el plan general antes de que el agente escriba el código final.

Ver Ejemplo de Resultado Obtenido 🔗

PROMPT PARA SIMULACIONES 3D:

Actúa como un desarrollador web experto y diseñador de simulaciones interactivas.
Revisa los documentos/artículos dentro de la carpeta "[Nombre de la Carpeta]".
Desarrolla una aplicación web con una visualización 3D interactiva de "[Objeto en 3D, ej: El Sistema Solar / Una Célula]". Debe ser interactivo: rotación manual, zoom y clics en sus partes para desplegar información científica.
Añade juegos interactivos:
   - Una trivia con preguntas del tema y retroalimentación inmediata.
   - Un minijuego de arrastrar y soltar.
Escribe el código para poder abrirlo en cualquier computadora haciendo doble clic en el archivo.
Primero crea un Plan de Implementación, pregúntame si tienes dudas y espera mi aprobación antes de empezar a programar.

BONO EXTRA: Proyectos de Entretenimiento

¡Hora de divertirse! Te presentamos dos prompts creativos para diseñar aplicaciones interactivas no académicas de ocio y entretenimiento.

Bono 1

Invitación Móvil Animada

Diseña una invitación web interactiva optimizada para móviles con música, efectos de telarañas reactivas al tacto y botones inteligentes.

Entra a este enlace de Pinterest: https://es.pinterest.com/pin/681099143666121985/ y mira cómo es esa invitación animada de Spider-Man.

Basándote en ese modelo, crea una invitación web interactiva optimizada para ver en celulares que tenga:
- Música de fondo de superhéroes (libre de derechos) con botón para apagarla.
- Telarañas en el fondo que se muevan e interactúen cuando toques la pantalla.
- Botones para confirmar asistencia por WhatsApp y para guardar el evento en Google Calendar automáticamente.
- Un panel flotante sencillo donde yo pueda escribir el Nombre, la Edad, la Fecha y la Dirección de la fiesta, y que la invitación se actualice en la pantalla al instante.

Primero dime cuál es tu plan para hacerla y luego me pides permiso para empezar a programar.

Bono 2

Fútbol de Canicas 2D

Crea una simulación interactiva 2D donde dos canicas con banderas nacionales juegan autónomamente al fútbol dentro de un círculo.

Quiero hacer un juego para el navegador de internet que sea idéntico a los videos de TikTok, X (https://x.com/lasia_fede/status/2077181093107646550/video/1), imagen, etc. donde dos canicas juegan al fútbol dentro de un círculo.

La idea es esta:
Cómo se ve: El fondo de la pantalla debe ser gris. En el centro hay un círculo grande gris con bordes blancos, y una portería con su red en la parte de arriba del círculo.
Las canicas: Son dos esferas grandes que tienen dibujadas las banderas de los países. Antes de empezar, debo poder elegir qué países juegan en un menú (por ejemplo, Argentina 🇦🇷 contra Inglaterra).
Cómo se mueven: Nosotros no controlamos nada, solo miramos. Al iniciar, las dos canicas empiezan a moverse solas y rebotan por todas partes contra las paredes del círculo y chocan entre ellas sin detenerse ni perder velocidad.
¡Metió Gol!: Si una de las canicas entra en la portería de arriba, se cuenta como gol. En ese momento, aparece un letrero rojo inclinado en el centro que dice 'GOAL', salen volando chispas rojas desde la red y la computadora grita el gol con voz entusiasta. Luego de celebrar, las canicas vuelven al centro del círculo y siguen rebotando.
El Marcador: Arriba de todo debe haber un marcador de fútbol que muestre las banderas redondas de los equipos, el logo de una copa, los goles de cada uno y el tiempo que va del partido en minutos (ej. 13').
Modo de juego: En el menú del inicio debo poder elegir si jugamos a ver quién mete primero 3 goles, o por tiempo (un partido rápido que dure un minuto real).
Crea todo el juego completo listo para abrir en la computadora con un solo archivo.

Práctica 4: Entrenador de Oratoria con IA

Desarrollaremos una aplicación web interactiva que graba la voz, transcribe el discurso y evalúa el desempeño lingüístico del orador sobre 100 puntos.

Fase 1

Aplicación de Escritorio

Entrenador de Discursos: Graba voz en vivo, muestra la transcripción y califica (sobre 100 puntos) aspectos como elocuencia y pronunciación.

Detecta automáticamente muletillas, frases mal dichas o errores de dicción utilizando los modelos adecuados de la API de Groq.

Ver Ejemplo de Resultado Obtenido 🔗

Fase 2

Optimización PWA Celular

App Móvil Instalable: Una vez probada y validada la versión de escritorio, le pediremos al agente que optimice el código convirtiéndolo en una PWA.

Creará archivos de soporte offline (`manifest.json` y `sw.js`), generará los iconos dinámicamente y dará instrucciones de instalación para Android/iOS.

PROMPT FASE 1: CREACIÓN DEL ENTRENADOR:

Ayúdame a hacer una aplicación web para entrenar discursos y evaluar sobre 100 puntos la forma de hablar de una persona o estudiante. La idea es grabar el audio y mostrar el texto en pantalla. Cuando finalice la app debería calificar su elocuencia, buena pronunciación, etc. También detectar muletillas, frases mal dichas o errores. Te pediré que elijas los modelos adecuados de Groq para ver cuál podemos usar. Yo ingresaré la clave API dentro de la app. Realiza primero una planificación adecuada. Si tienes dudas me preguntas.

PROMPT FASE 2: OPTIMIZACIÓN PWA PARA CELULAR:

Quiero optimizar esta aplicación para celulares y convertirla en una aplicación instalable (PWA) para Android e iPhone, con todos sus archivos e iconos listos. Para asegurar que el micrófono no falle en los teléfonos por temas de ahorro de batería o bloqueos de seguridad (especialmente al instalarla en la pantalla de inicio), haz que siempre grabe un audio de respaldo de fondo: si la transcripción en vivo se queda en blanco, la app debe usar automáticamente ese audio grabado para enviarlo a Groq. Además, activa el micrófono justo al tocar el botón para que el celular no lo bloquee, y deja espacio libre arriba para que la cámara de la pantalla no tape la aplicación. Explícame paso a paso cómo instalarla.

Práctica 5: Generador de Ecuaciones PICO

Diseñaremos una herramienta web para construir ecuaciones de búsqueda bibliográfica estructuradas (PICO) con ayuda de IA y operadores booleanos.

Concepto

¿Para qué sirve este proyecto?

Ayuda a estudiantes y docentes a **estructurar búsquedas bibliográficas de forma científica**. Permite ingresar una idea o pregunta de investigación y, con ayuda de IA (conectada a Groq), desglosar los componentes PICO (Población, Intervención, Comparación, Outcome) sugiriendo términos y sinónimos en inglés y español.

**Constructor de Ecuaciones:** Combina interactivamente los términos con operadores booleanos (AND, OR, NOT), permitiendo activar/desactivar componentes para probar de inmediato las ecuaciones resultantes en Google Scholar o IEEE Xplore.

Ver Ejemplo de Resultado Obtenido 🔗

Tecnología

Foco de Aprendizaje

Metodología PICO: Desglose y organización científica de la literatura de investigación.
Operadores Booleanos: Combinación automatizada de términos mediante lógicas lógicas textuales.
Integración con Groq: Generación asistida de componentes y traducción técnica en inglés y español.
Portabilidad Total: Aplicación autocontenida en un único archivo HTML sin necesidad de instalación.

PROMPT PARA EL CONSTRUCTOR DE ECUACIONES PICO:

Hola, necesito que me ayudes a crear una página web sencilla para armar ecuaciones de búsqueda académica usando la metodología PICO. La idea es que cualquier estudiante o docente pueda usarla sin instalar nada: solo abrir el archivo en el navegador.

La página debe estar en español, verse clara y amigable, y funcionar como una herramienta general.

Importante:
- Algunas partes usan IA para ayudar al usuario.
- Debe haber un espacio visible donde cada persona pueda pegar su propia clave de API.
- Incluye instrucciones sencillas de cómo obtener una clave gratuita en Google AI Studio: crear cuenta, generar la clave y pegarla ahí.

La herramienta debería tener estas secciones principales:

1. Un espacio para subir (arrastrar y soltar) documentos científicos (artículos, libros, tareas, etc.) en PDF.
   - La IA deberías ser capaz de extraer la idea principal de investigación y la pregunta de investigación. 

1. Desglose PICO desde la idea y la pregunta de investigación
   - El usuario también puede editar o escribir su idea general y su pregunta de investigación.
   - Con ayuda de IA, la página propone P, I, C y O, y el usuario puede editarlos.

2. Matriz de búsqueda con sinónimos en español e inglés
   - Tabla por componente PICO con términos en ambos idiomas.
   - También un espacio para términos de exclusión (palabras que quiero evitar).

3. Mini lección sobre operadores booleanos (OR, AND, NOT)
   - Explicación corta y visual de para qué sirve cada uno, con ejemplos simples.

4. Laboratorio interactivo de ecuaciones de búsqueda
   - Que arme las ecuaciones a partir de la matriz.
   - Que permita activar o desactivar P, I, C, O y exclusiones para ver cómo cambia la búsqueda.
   - Versiones para Google Scholar e IEEE Xplore, en español e inglés.
   - Botones para copiar la ecuación y probarla directamente en el buscador.

Quiero algo práctico, fácil de entender y listo para usar en clase o en una investigación. Gracias.

Práctica 6: Autenticador Web (PWA)

Diseñaremos un Autenticador 2FA interactivo de cuentas que guarde los datos localmente, funcione sin conexión (offline) y sea instalable en celulares.

Concepto

¿Para qué sirve este proyecto?

Construiremos un Autenticador 2FA Web similar a Google Authenticator. Los usuarios ingresan su llave/clave secreta y el sistema genera códigos dinámicos de 6 dígitos con cuenta regresiva.

Ventaja clave: No depende de un servidor externo, guarda todo de forma segura en el dispositivo local y, al guardarlo como PWA, se instala como app en el móvil y opera sin conexión a internet (offline).

Fase 2

Conversión a PWA (Móvil & Offline)

Una vez probada la versión base, copia este prompt secundario para optimizar la interfaz móvil y agregar soporte de instalación PWA offline:

Excelente, la aplicación funciona de forma local. Ahora, hazla completamente adaptable y cómoda para usarse desde el celular. Además, añade las configuraciones y los scripts necesarios para convertirla en una aplicación web progresiva (PWA). Para evitar errores de archivos faltantes, genera automáticamente las imágenes e iconos que hagan falta o dame instrucciones sencillas de cómo agregarlos. Esto debe permitir que cualquier usuario pueda abrir la página desde el navegador de su celular, instalarla en su pantalla de inicio como una aplicación nativa y utilizarla sin conexión a internet (offline) de forma 100% segura.

FASE 1: PROMPT PARA APLICACIÓN BASE (2FA):

Actúa como un programador experto y diseñador de herramientas educativas. Ayúdame a construir una página web interactiva que funcione como un Autenticador de códigos de seguridad 2FA (similar al autenticador de Google que usamos en el celular). La página debe ser moderna y estar diseñada para registrar mi cuenta. Debe tener:
1. Un formulario sencillo donde el usuario pueda guardar su clave secreta (que es una cadena de varias letras y números) junto con un nombre identificativo.
2. Un panel principal que muestre el código de seguridad actual de 6 dígitos (que cambia automáticamente cada 30 segundos), acompañado de un círculo visual con una cuenta regresiva que indique el tiempo restante antes de que expire el código.
3. Un botón para copiar el código de 6 dígitos generado con un solo clic, facilitando que el usuario lo pueda pegar en cualquier página de inicio de sesión.
El nombre de la cuenta y su clave secreta deben guardarse en la memoria del navegador para que no se borren al cerrar la pestaña. Escribe todo el código en un único archivo que pueda abrirse haciendo doble clic.

Práctica 6: Extensión Chrome 2FA

Fase 3: Crearemos una extensión para Chrome que coloca un botón interactivo dentro del campo de entrada para rellenar el código únicamente cuando hagas clic.

Fase 3

Autocompletado Controlado

Recomendación: Desarrolla esta extensión en una **nueva carpeta vacía** de tu computadora para no alterar el Autenticador Web de la fase anterior.

Funcionamiento (Click-to-Fill): En lugar de rellenar el campo de forma automática, la extensión detectará la casilla de 2FA e inyectará un pequeño candado o llave flotante en su interior. El token solo se generará y completará si el usuario hace clic voluntariamente en dicho candado, dándole control total sobre su acceso.

Instalación

Instalación en Google Chrome

Guarda los archivos generados en una carpeta nueva en tu computadora.
Abre Chrome e ingresa a chrome://extensions/.
Activa el Modo de desarrollador (arriba a la derecha).
Presiona Cargar descomprimida (arriba a la izquierda) y selecciona la carpeta de tu extensión.

Iconos de la extensión: Pídele al agente que dibuje y genere los iconos dinámicamente mediante un código Canvas de HTML para no necesitar archivos de imagen externos.

PROMPT PARA LA EXTENSIÓN CON CLICK-TO-FILL:

Ahora ayúdame a crear una extensión de Google Chrome en una carpeta nueva. El objetivo es añadir un botón interactivo dentro del campo de texto de verificación 2FA de la página de inicio de sesión. Si el usuario hace clic en este botón flotante, la extensión debe rellenar automáticamente la casilla, simulando la escritura del usuario.
Genera los archivos e íconos con breves explicaciones de cómo instalarlos.

Práctica 7: AhoritaRecibos con IA

Diseñaremos una aplicación web PWA móvil para escanear comprobantes de transferencia con la cámara del celular, procesando los datos con la API de Gemini.

Concepto

¿Para qué sirve este proyecto?

Esta práctica enseña a construir una **PWA móvil inteligente** de digitalización de recibos por visión artificial.

**Visión Artificial + Base de Datos:** Abre la cámara para fotografiar un comprobante (ej: Banco de Loja), y usa la API de Gemini de forma directa en el cliente para extraer montos, emisores y números de transacción, almacenándolos en la base de datos interna.

Ver Ejemplo de Resultado Obtenido 🔗

Tecnología

Foco de Aprendizaje

API de Gemini Multimodal: Integración directa con modelos de visión (`gemini-flash-lite`) en cliente-servidor seguro.
Redimensionamiento de Fotos: Reducción dinámica de escala por Canvas para evitar bloqueos por peso de imagen.
Acciones Compartir Nativa: Registro como receptor en el menú nativo "Compartir" de Android/iOS.
Resguardo y Exportación: Generación de archivos ZIP para imágenes y hojas Excel/CSV para auditoría.

PROMPT PARA AHORITARECIBOS:

Quiero crear una aplicación web para celulares (una PWA instalable) llamada "AhoritaRecibos". Su función principal es permitirme abrir la cámara o subir una foto de un comprobante de transferencia bancaria (específicamente del Banco de Loja), leer los datos automáticamente y registrarlos en una tabla para detectar fraudes.

Por favor, ayúdame a programarla guardando toda la información en la memoria del navegador del celular (IndexedDB, sin bases de datos externas ni servidores obligatorios). Toma en cuenta estos puntos clave:

   - Al escanear una imagen, la app debe intentar leer los datos primero con un script local en el celular (usando OCR y reglas para el Banco de Loja). Esto debe tomar menos de 1 segundo, ser gratuito y funcionar sin internet.
   - Si la foto está borrosa o el script local no logra leer todos los datos, la app debe pasar automáticamente y sin avisar al usuario a la API de Gemini IA para completar la lectura.
   - Conéctala a la API de Gemini usando por defecto el modelo "gemini-flash-lite-latest", y permite ingresar la Clave API y el modelo en una ventana de ajustes.
   - Debe identificar exactamente 6 datos: Monto transferido (en dólares), Fecha (DD/MM/AAAA), Concepto/motivo (debajo del monto), Nombre de quien envía ("Desde"), Nombre de quien recibe ("Para") y el Número de comprobante.
   - Si las fotos de celular son muy grandes o pesadas; reduce el tamaño de la imagen en un Canvas antes de procesarla.
   - En la ventana de ajustes, permíteme configurar mi nombre como receptor (para) autorizado.
   - La app debe alertar en rojo si el dinero fue enviado a otra persona (destinatario incorrecto), si el número de comprobante ya se registró antes en el sistema (duplicado), o si la fecha es de un día pasado.
   - Configura la app para aparecer en el menú "Compartir" de mi celular cuando seleccione una foto en WhatsApp o la Galería.
   - Al recibir la imagen enviada por el celular, asegúrate de procesar la foto en caché y redirigir a la pantalla principal usando una dirección completa y absoluta para evitar que errores.
   - Muestra un banner superior verde sugiriendo instalar la app en la pantalla de inicio, el cual debe ocultarse automáticamente cuando la app ya esté instalada.
   - Incluye un resumen de ingresos acumulados, un buscador/filtro por fechas en la tabla de registros, y botones para exportar todo a un archivo Excel/CSV y descargar un archivo ZIP con las fotos de respaldo.

Skills en la Nube: Descarga y Carga (Claude Cowork)

Las "Skills" o Habilidades son paquetes de herramientas e instrucciones especializadas. Aprenderemos a descargarlas y subirlas a la nube.

Descargar Habilidades (.zip)

Puedes descargar todos los paquetes de habilidades (en formato comprimido .zip) desde el enlace oficial de Google Drive del curso:

Abrir Carpeta Google Drive 🔗

Proceso de Carga Nube

¿Cómo subirlas a Claude Cowork?

En Claude Cowork, las habilidades se suben directamente como archivo comprimido .zip sin descomprimir. Pasa el cursor por encima para ampliar las capturas:

💡

Tip de Invocación Rápida con barra "/" : Sea cual sea el agente que utilicen (Claude, Cursor o Antigravity), pueden invocar directamente la habilidad que deseen escribiendo una barra diagonal / en la casilla de chat. Al escribir / y comenzar el nombre (ej: /citation...), la aplicación autocompletará el nombre de la skill automáticamente.

Skills Locales: Configuración de Carpetas (Antigravity / Cursor)

Para usar habilidades con agentes locales en tu computadora, debemos organizar carpetas con una estructura de configuración específica.

Estructura OBLIGATORIA

Pasos en tu Computadora

Descomprime las carpetas descargadas de Google Drive.
Crea una carpeta principal de trabajo (ej: habilidades).
Dentro de ella, crea la carpeta oculta **.agents** (con el punto al inicio).
Dentro de .agents, crea otra carpeta llamada **skills**.
Pega allí las carpetas descomprimidas de las habilidades.

                            habilidades / .agents / skills / [nombre_de_skill] /
                        

Organización en el Explorador de Windows y Cursor (Pasa el mouse):

💡

Invocación Rápida en el Chat: En Antigravity o Cursor, simplemente abre la carpeta del proyecto, escribe / en el chat y comenzará a mostrarse la lista de skills disponibles autocompletándose al instante.

Skill 1: Verificación de Citas y Bibliografía (citation-verification)

Audita la existencia real de las fuentes, la exactitud del formato APA 7 y detecta afirmaciones exageradas o sacadas de contexto.

¿Qué hace?

Auditoría Bibliográfica Estricta

Comprueba si las referencias al final del documento realmente existen en la literatura científica (Crossref, DOI, PubMed), corrige errores de formato APA 7 y verifica si el autor interpreta correctamente la cita.

Pasos de Uso en Clase:

Paso 1: Subir Archivo 📄
Adjunta el PDF de una tesis, artículo de revisión o manuscrito en español en el chat del agente.

Paso 2: Invocar la Skill con / ⚙️
En el chat escribe /citation-verification (el autocompletado la sugerirá de inmediato).

Paso 3: Obtener Reporte 🎯
Recibe una tabla con las fuentes válidas, las dudosas/ficticias y las correcciones de formato.

PROMPTS LISTOS PARA COPIAR (Puedes iniciar escribiendo /citation-verification):

Caso 1: Detectar fuentes inventadas o dudosas

/citation-verification Adjunto una tesis que me pidieron revisar para el congreso. Revísame la lista de referencias del final: quiero saber si todas existen de verdad, si hay alguna que parezca inventada, y si los datos (autores, año, revista) coinciden con la fuente real. Hazme un reporte con las que están bien y las que tienen problemas.

Caso 2: Revisión estricta de Formato APA 7

/citation-verification Este artículo de revisión me llegó como revisor de la revista. Necesito comprobar que la bibliografía está bien en formato APA 7. Márcame los errores de formato uno por uno con la corrección exacta, para poder devolvérselo al autor con comentarios concretos.

Caso 3: Contraste de afirmación del autor vs Cita

/citation-verification En la página 8 de este manuscrito el autor afirma que 'el método X mejora los resultados en un 40%' y cita a Pérez (2021). Quiero saber si esa fuente realmente dice eso o si el autor está exagerando o citando algo fuera de contexto. Revísame también otras dos o tres afirmaciones fuertes del texto donde pueda estar pasando lo mismo.

Skill 2: Auditoría Anti-Plagio y Señales IA (antiplagio-audit)

Analiza similitudes textuales con fuentes abiertas y evalúa heurísticamente si el texto tiene patrones de generación automática por IA.

¿Qué hace?

Detección de Similitud y Sintaxis IA

Extrae frases de prueba (sondas) del documento y busca fragmentos coincidentes en la web y repositorios abiertos. Detecta paráfrasis no atribuida (patchwriting) y evalúa patrones estructurales típicos de LLMs.

Pasos de Uso en Clase:

Paso 1: Cargar PDF 📄
Sube el archivo PDF de la tesis o manuscrito del estudiante al panel del agente.

Paso 2: Invocar la Skill con / ⚙️
En el chat escribe /antiplagio-audit (el autocompletado la sugerirá al instante).

Paso 3: Recibir Informe 🎯
Obtén un informe ejecutivo estructurado con mapa de riesgo por secciones y acciones prioritarias.

PROMPTS LISTOS PARA COPIAR (Puedes iniciar escribiendo /antiplagio-audit):

Caso 1: Auditoría completa de similitud textual en Tesis

/antiplagio-audit Adjunto el PDF de la tesis de maestría de mi estudiante. Realiza una auditoría antiplagio completa: extrae frases clave para buscar coincidencias no citadas en la web y repositorios abiertos, analiza si hay patchwriting y genera un mapa de riesgo por secciones.

Caso 2: Detección de patrones y señales de texto generado por IA

/antiplagio-audit Necesito auditar este manuscrito antes de enviarlo a la revista. Analiza si el texto presenta patrones o señales de haber sido redactado por IA (sintaxis repetitiva, muletillas, simetría estructural) y dame un informe detallado en español con las correcciones recomendadas.

Skill 3: Humanizador de Redacción Académica (humanizer)

Elimina patrones robóticos, frases cliché y muletillas de IA, ajustando la variabilidad de ritmo para que la prosa suene natural y fluida.

¿Qué hace?

Pulido Estilístico en 2 Capas

Capa 1: Elimina muletillas y palabras cliché ('crucial', 'tapestry', 'es importante destacar').
Capa 2: Ajusta la estructura variando la longitud de las oraciones sin alterar la precisión técnica de los términos científicos.

Pasos de Uso en Clase:

Paso 1: Copiar / Adjuntar Texto 📄
Pega el borrador o adjunta el documento en español que sientes robótico.

Paso 2: Invocar la Skill con / ⚙️
En el chat escribe /humanizer (el autocompletado la seleccionará al instante).

Paso 3: Prosa Pulida 🎯
Recibe una versión limpia con ritmo natural que suena redactada por un investigador experimentado.

PROMPTS LISTOS PARA COPIAR (Puedes iniciar escribiendo /humanizer):

Caso 1: Eliminar muletillas y tono robótico de un borrador

/humanizer Tengo este borrador de artículo en español pero suena demasiado acartonado y con muletillas típicas de inteligencia artificial (como 'es importante destacar', 'asimismo', 'de este modo'). Por favor, aplícale un pase de humanización para que la prosa suene natural, fluida y con variabilidad de ritmo sin alterar los términos técnicos.

Caso 2: Pulido de estilo en Discusión / Conclusiones de Tesis

/humanizer Adjunto la sección de Discusión de mi tesis. Haz un pase de estilo para eliminar redundancias semánticas, variar la longitud de las oraciones y quitar cualquier tono promocional o conclusiones vacías.

Skill 4: Traducción Académica ES ➔ EN (traductor-academico-esen)

Traduce manuscritos científicos al inglés de alto nivel estilo SCOPUS/Elsevier, calibrando el vocabulario con papers reales de referencia.

¿Qué hace?

Traducción Calibrada con Papers Reales

Lee artículos de referencia del área en inglés para adaptar la jerga específica del campo. Mantiene la consistencia de términos, preserva citas intactas y traduce las leyendas de gráficos y figuras.

Pasos de Uso en Clase:

Paso 1: Subir Manuscrito + Paper Referencia 📄
Adjunta tu borrador en español (PDF/DOCX) y un DOI o PDF de un paper en inglés de tu disciplina.

Paso 2: Invocar la Skill con / ⚙️
En el chat escribe /traductor-academico-esen (el autocompletado la mostrará al instante).

Paso 3: Manuscrito en Inglés 🎯
Obtén la versión traducida profesionalmente lista para envío a revistas indexadas.

PROMPTS LISTOS PARA COPIAR (Puedes iniciar escribiendo /traductor-academico-esen):

Caso 1: Traducir paper completo calibrando con DOI de referencia

/traductor-academico-esen Adjunto mi artículo en español (PDF) y este paper en inglés de referencia (DOI: 10.1016/j.chb.2023.107654) de mi área. Traduce mi manuscrito al inglés científico de nivel SCOPUS/Elsevier, calibrando el vocabulario con el paper de referencia. Además, traduce las etiquetas de los gráficos adjuntos.

Caso 2: Traducción de Abstract e Introducción con glosario

/traductor-academico-esen Traduce el Abstract e Introducción de mi tesis al inglés americano académico. Aplica un nivel de revisión 'Academic Polish' para mejorar la cohesión entre párrafos y genera el glosario de términos clave utilizado para mantener la consistencia en los siguientes capítulos.

Skill 5: Redacción de Secciones de Paper (research-paper-writing)

Estructura secciones clave de artículos científicos (IMRaD): Introducción con propuesta de valor clara, Resumen directo y Resultados respaldados.

¿Qué hace?

Optimización de Secciones Científicas

Ayuda a escribir la Introducción dejando clara la contribución desde el primer párrafo, elabora resúmenes sintéticos (Abstract) y asegura que cada afirmación en Resultados esté justificada con datos reales.

Pasos de Uso en Clase:

Paso 1: Adjuntar Borrador 📄
Sube el texto borrador de tu introducción, discusión o datos de resultados.

Paso 2: Invocar la Skill con / ⚙️
En el chat escribe /research-paper-writing (el autocompletado la autoseleccionará).

Paso 3: Sección Lista 🎯
Recibe una sección redactada con estándar de revista científica Q1/Q2.

PROMPTS LISTOS PARA COPIAR (Puedes iniciar escribiendo /research-paper-writing):

Caso 1: Reescribir Introducción para enganchar y definir la contribución

/research-paper-writing Escribí este borrador de introducción para mi artículo pero siento que no engancha y que doy muchas vueltas antes de decir qué aporto. ¿Puedes reescribírmela para que quede clara, con un mensaje por párrafo, y que se entienda desde el principio cuál es el problema y mi contribución?

Caso 2: Redacción estructurada del Resumen (Abstract)

/research-paper-writing Ya tengo terminado el artículo (lo adjunto). Ayúdame a escribir el resumen. Que tenga el problema, lo que falta en la literatura, lo que yo hago, cómo lo hago y por qué importa. Sin exagerar nada que el artículo no demuestre.

Caso 3: Comprobar si las afirmaciones de Resultados se sostienen con datos

/research-paper-writing Léete la sección de resultados de mi trabajo y dime dónde estoy afirmando cosas que en realidad no respaldo con datos. Quiero que cada afirmación fuerte esté justificada con un número o una tabla, y si algo no se sostiene, dímelo para suavizarlo o quitarlo.

Skill 6: Pipeline Académico Completo (academic-paper-pipeline)

Flujo de trabajo integral desde la concepción de la idea y búsqueda del estado del arte hasta la revisión final pre-envío a revista.

¿Qué hace?

Guía End-to-End de Investigación

Acompaña al investigador en las 3 grandes fases del proceso: identificación de vacíos en la literatura, estructuración del estado del arte y auditoría final antes del envío oficial.

Pasos de Uso en Clase:

Fase 1: Planificación e Idea 💡
Define el tema y pide identificar vacíos no explorados en la literatura actual.

Fase 2: Invocar la Skill con / ⚙️
En el chat escribe /academic-paper-pipeline para activar la guía completa.

Fase 3: Auditoría Pre-envío 🚀
Evalúa la coherencia global y calidad antes de mandar el manuscrito a revisión.

PROMPTS LISTOS PARA COPIAR (Puedes iniciar escribiendo /academic-paper-pipeline):

Caso 1: Planificar investigación desde cero e identificar vacío

/academic-paper-pipeline Quiero escribir un artículo sobre [tu tema]. Todavía no tengo nada, solo la idea. Ayúdame a planificarlo desde cero: dónde podría publicarlo, qué se ha investigado ya sobre esto, y sobre todo qué hueco o vacío hay que mi trabajo podría llenar.

Caso 2: Construir el Estado del Arte de la tesis

/academic-paper-pipeline Necesito hacer el estado del arte de mi tesis sobre [tu tema]. Búscame la literatura relevante, organízala por temas, y dime cuáles son los debates o las brechas principales que se ven en lo que hay publicado. Priorízame fuentes recientes y, si puedes, alguna de revistas latinoamericanas.

Caso 3: Revisión completa pre-envío a revista

/academic-paper-pipeline Adjunto un manuscrito ya terminado que quiero enviar a una revista. Antes de mandarlo, dale una revisión completa de principio a fin: coherencia del argumento, calidad de las citas, si suena demasiado a texto generado por IA, y qué me falta para dejarlo listo para envío.

Creación de Nuevas Habilidades y Despliegue

Aprende a transformar prompts largos, complejos o repetitivos en Skills automatizadas usando comandos slash nativos.

Paso 1: Creación

Comandos Slash según tu Entorno

Escribe estos comandos en la casilla de chat para iniciar el asistente interactivo de empaquetado de habilidades:

Cursor:
Asistente de habilidades nativo

/create-skill

Antigravity:
Creador de flujos y scripts

/workflow-skill-creator

Claude Cowork (Nube):
Creador de paquetes web

/skill-creator

Paso 2: Instalación

¿Qué hacer con la Habilidad Creada?

Una vez creada la carpeta de la habilidad (que contiene su SKILL.md, instrucciones y scripts), el método de instalación dependerá del entorno:

☁️ Para Claude Cowork (Nube):

Descarga la carpeta completa generada y empaquétala obligatoriamente en formato comprimido .zip. Súbela arrastrándola al panel de Claude.

💻 Para Cursor / Antigravity (Local):

Descomprime la carpeta y colócala intacta dentro del directorio local del proyecto:
.agents/skills/[nombre-de-tu-skill]/

Skill Avanzada 1: Tesis ➔ Artículo Científico Q1/Q2

Skill especializada para transformar tesis de grado o maestría (PDF) en artículos científicos estructurados bajo normativa editorial rigurosa.

Habilidad Avanzada A

research-thesis-to-paper

Rol: Editor Científico Senior y Revisor de Pares.
Entrada: Tesis en PDF + Nombre/Enlace de la revista objetivo.
Salida: Manuscrito IMRaD completo con tablas Markdown, diagramas Mermaid de metodología y sugerencias teóricas identificadas.

Exigencias de Estructura e IMRaD:

Introducción (mín. 1000 palabras): Contexto global a local, estado del arte, 5+ citas de la tesis.
Metodología (mín. 2000 palabras): Diseño reproducible, código Mermaid del flujo y fórmulas en Markdown.
Resultados (mín. 2000 palabras): Datos duros en tablas comparativas y marcadores [INSERTAR FIGURA X DE LA TESIS].
Discusión (mín. 1500 palabras): Interpretación profunda, contraste con 3+ autores e implicaciones [Propuesta de IA].
Conclusiones & Citas: 3 párrafos críticos directos + verificación bibliográfica estricta APA 7 / IEEE.

PROMPT COMPLETO OPTIMIZADO (Copiar e invocar con /research-thesis-to-paper):

Transformación Integral de Tesis a Paper Indexado Q1/Q2

/research-thesis-to-paper ROL: Actúa como Editor Científico Senior y Revisor de Pares de revistas indexadas (SCOPUS/Web of Science). Antes de iniciar, solicítame el nombre o enlace de la revista objetivo para calibrar las directrices editoriales.

OBJETIVO: Transformar la tesis de grado en PDF (proporcionada como insumo) en un Artículo Científico completo, riguroso y listo para sometimiento.

REGLAS DE ESTRUCTURA Y FORMATO OBLIGATORIO:
1. Título: En español e inglés, conciso, de alto impacto (máx. 15 palabras).
2. Resumen / Abstract: Máximo 250 palabras estructurado en Introducción, Objetivo, Metodología, Resultados y Conclusión. Incluye de 3 a 5 palabras clave usando tesauros UNESCO/IEEE.
3. Introducción (Mínimo 1000 palabras): No resumas la tesis; transfórmala. Comienza con la problemática global, desciende al contexto local y finaliza con la brecha de conocimiento y objetivo. Sintetiza el estado del arte citando al menos 5 fuentes clave de la tesis. Tono impersonal y directo ("Se analizó", "Se evalúa").
4. Materiales y Métodos (Mínimo 2000 palabras): Descripción detallada y reproducible del diseño, población, muestra e instrumentos. Convierte fórmulas a LaTeX/Markdown limpio y genera un diagrama de flujo en código MERMAID.js que esquematice el procedimiento metodológico paso a paso.
5. Resultados (Mínimo 2000 palabras): Presenta los hallazgos sin interpretarlos aún. Agrupa tablas pequeñas en Tablas Comparativas sintetizadas en Markdown. Donde corresponda una imagen o gráfico de la tesis, inserta el marcador: [INSERTAR FIGURA X DE LA TESIS: Título sugerido y descripción detallada de lo que debe mostrar].
6. Discusión (Mínimo 1500 palabras): Interpreta el porqué de los resultados y contrasta los hallazgos con al menos 3 autores citados en la tesis. Si la discusión original es débil, aporta implicaciones teóricas sólidas basadas en tu conocimiento científico marcándolas explícitamente como [Propuesta de IA: ...].
7. Conclusiones (Máximo 500 palabras): 3 párrafos numerados con profundidad crítica respondiendo directamente al objetivo. Elimina frases de relleno como "En conclusión".
8. Referencias Bibliográficas: Revisa la coherencia total (todas las citas in-text registradas y viceversa) en formato APA 7ma Edición o IEEE según la disciplina. Prioriza y sugiere fuentes recientes (últimos 5 años).

INSTRUCCIONES DE EJECUCIÓN SECUENCIAL (AUTO-DRIVE):
- Genera cada sección por separado aprovechando la ventana completa de tokens.
- Continúa automáticamente con la siguiente sección sin detenerte a preguntar ni requerir que escriba "continuar". Finaliza con una línea horizontal.

Skill Avanzada 2: Auditoría Anti-Fraude y Calificación

Evaluación masiva trifásica de tareas estudiantiles (PDFs, manuscritos, imágenes) con verificación de integridad y reporte CSV.

Habilidad Avanzada B

grading-antifraude-audit

Rol: Auditor Académico Senior y Calificador Técnico.
Entradas: Carpeta de archivos entregados + Lista oficial de estudiantes (CSV/PDF/Texto).
Salida: Matriz de calificación con alertas anti-copia + Archivo CSV descargable.

Fases de Auditoría Trifásica:

Fase 1 (Anti-Fraude): Detecta archivos vacíos/corruptos, discrepancias de nombre (archivo vs interior) y copias visuales/textuales (>90% de similitud).

Fase 2 (Calificación OCR): Usa OCR avanzado en manuscritos a mano, evalúa rigor en fórmulas/código y califica la presentación.

Fase 3 (Reconciliación): Cruza entregas con la lista oficial e identifica estudiantes en "NO PRESENTÓ".

PROMPT COMPLETO OPTIMIZADO (Copiar e invocar con /grading-antifraude-audit):

Auditoría Anti-Plagio y Calificación Masiva de Tareas

/grading-antifraude-audit ROL: Actúa como Auditor Académico Senior y Calificador Técnico de Alta Rigurosidad.

OBJETIVO: Auditar y calificar con máxima precisión un lote de tareas estudiantiles (PDFs, imágenes, manuscritos, código), identificando automáticamente fraudes, copias entre compañeros y entregas incompletas.

ENTRADAS REQUERIDAS:
- Lote de archivos de tareas en la carpeta indicada por el usuario.
- Lista oficial de estudiantes inscritos (en texto, CSV, Excel o PDF). Si el usuario no la proporciona al inicio, solicítala inmediatamente antes de calificar.

PROTOCOLO DE EJECUCIÓN EN 3 FASES:

FASE 1: VERIFICACIÓN DE INTEGRIDAD Y SEGURIDAD (ANTI-FRAUDE)
1. Archivos "Basura" o "Dummy": Identifica archivos vacíos, corruptos, fotos en negro o documentos pertenecientes a otras asignaturas. Asigna automáticamente calificación de 0 con estado "Archivo Inválido".
2. Verificación de Identidad Cruzada: Compara el nombre del archivo entregado con el nombre manuscrito/escrito en la primera página interior del documento. Si no coinciden (ej. archivo "Juan.pdf" pero la hoja dice "Pedro"), genera la alerta [ALERTA: Nombre no coincide (Posible suplantación)].
3. Escaneo de Plagio y Copias Inter-Estudiantiles: Examina patrones textuales y visuales entre todos los documentos del lote (misma caligrafía, mismos errores ortográficos/numéricos únicos o capturas de pantalla idénticas). Si detectas una similitud superior al 90%, agrúpalos en "POSIBLE COPIA", asigna calificación de 0 a los implicados y especifica en la alerta: [ALERTA: Copia detectada con [Nombre del otro estudiante]].

FASE 2: CALIFICACIÓN TÉCNICA Y EVALUACIÓN DE CONTENIDO
- Para trabajos manuscritos a mano, aplica visión OCR avanzada para interpretar la lógica y los pasos del estudiante.
- Evalúa bajo 3 criterios: Correctitud Técnica (solución a fórmulas/código/circuitos), Nivel de Profundidad (profundizó vs. hizo lo mínimo) y Presentación (orden vs. desorden/manchas).

FASE 3: RECONCILIACIÓN Y MATRIZ DE SALIDA
- Cruza todas las entregas contra la Lista Oficial y genera el registro de los estudiantes en estado "No Entregó".

FORMATO DE ENTREGA DE RESULTADOS:
Muestra una Tabla Markdown completa con las columnas: | Estudiante (Según Lista) | Estado | Nota Sugerida | Calidad | Integridad | Feedback Corto (1 frase) |.
Al finalizar la presentación en pantalla, genera y ofrece la descarga del archivo estructurado en formato CSV con todos los registros.

Skill Avanzada 3: Transcriptor Legal Forense y Audio

Transcripción Verbatim palabra por palabra de audios extensos procesada en bloques secuenciales continuos de 5 minutos.

Habilidad Avanzada C

verbatim-audio-transcriber

Rol: Estenógrafo Legal Forense Certificado.
Entrada: Archivo de audio/video o transcripción en bruto.
Salida: Transcripción literal sin omisiones en bloques ordenados de 5 minutos con timestamps.

Reglas Fundamentales Forenses:

Precisión Verbatim Total: Registra tartamudeos, vacilaciones, regionalismos y muletillas exactas.
Inaudibles y Silencios: Marca de tiempo exacta [inaudible MM:SS] y [Silencio] sin inventar texto.
Identificación de Hablantes: Nombres conocidos o etiquetas HABLANTE 1, JUEZ, TESTIGO.
Timestamps Obligatorios: Inserta marca [HH:MM:SS] en cada cambio de turno o cada 60 segundos.
Protocolo Auto-Drive: Avanza secuencialmente bloque por bloque de 5 min sin detenerse a preguntar.

PROMPT COMPLETO OPTIMIZADO (Copiar e invocar con /verbatim-audio-transcriber):

Transcripción Forense Verbatim Secuencial por Bloques

/verbatim-audio-transcriber ROL: Actúa como Estenógrafo Legal Forense Certificado y Experto en Procesamiento de Audio Secuencial.

OBJETIVO: Procesar y entregar una transcripción "Verbatim" (palabra por palabra) de alta fidelidad técnica y legal, organizada en bloques temporales estrictos sin omitir ni resumir contenido.

REGLAS FUNDAMENTALES (TOLERANCIA CERO A LA INVENTIVA):
1. Transcripción Literal Exacta: Transcribe exactamente lo que se escucha (incluyendo errores gramaticales del hablante, tartamudeos, muletillas y regionalismos). Jamás corrijas la sintaxis ni suavices el lenguaje.
2. Manejo de Inaudibles y Pausas: Si un fragmento es incomprensible, inserta la marca [inaudible MM:SS]. Si hay pausas prolongadas, registra [Silencio]. Jamás intentes adivinar o rellenar con texto plausible.
3. Marcas de Tiempo e Identificación: Asigna los nombres reales de los participantes si son conocidos, o utiliza HABLANTE 1, HABLANTE 2, JUEZ, FISCAL, TESTIGO. Inserta una marca de tiempo [HH:MM:SS] en cada cambio de interlocutor o como máximo cada 60 segundos.

PROTOCOLOS DE EJECUCIÓN CONTINUA (AUTO-DRIVE PROTOCOL):
- Procesa el audio y entrega la transcripción estructurada en bloques temporales de 5 minutos por sección.
- Formato del encabezado de bloque: --- BLOQUE [MM:SS] a [MM:SS] ---
- Continuidad Automática: Al finalizar un bloque de 5 minutos, NO te detengas ni preguntes "¿Desea continuar?". Inicia inmediatamente la transcripción del siguiente bloque en la misma respuesta o secuencia lógica.
- Gestión Eficiente de Tokens: Si te aproximas al límite de la ventana de salida, corta limpia y únicamente al final de la última oración completa. En el siguiente ciclo interno, retoma EXACTAMENTE en el carácter o segundo posterior.

EJEMPLO DE SALIDA ESPERADA:
— BLOQUE 00:00 a 05:00 —
[00:00:12] JUEZ: Damos inicio a la audiencia. Tome asiento.
[00:00:45] TESTIGO: Yo... este... no me encontraba ahí esa noche.
— BLOQUE 05:00 a 10:00 —
[00:05:02] FISCAL: Señor Juez, solicito ingresar la prueba documental...

Skill Avanzada 4: Creador de Cuestionarios Moodle XML

Generación automatizada e interactiva de exámenes completos formateados en código XML limpio para importar directamente a Moodle.

Habilidad Avanzada D

moodle-quiz-creator

Rol: Experto en Evaluación Educativa y Desarrollador Moodle XML.
Entradas: Documentos de estudio (PDF/Texto/Transcripción) + Configuración de examen.
Salida: Código XML estructurado envuelto en <quiz> listo para importar.

Flujo de Trabajo en 3 Fases:

Fase 1 (Entrevista Inicial): Al subir los materiales, NO genera el código de inmediato. Presenta un menú interactivo para definir cantidad de reactivos, desglose de tipos (Opción Múltiple, V/F, Emparejamiento, Cloze, Numéricas), dificultad (30/50/20%) y retroalimentación.

Fase 2 (Diseño Pedagógico): Diseña preguntas de comprensión profunda con distractores plausibles (errores comunes) y palabras clave unívocas.

Fase 3 (Generación XML): Códigos con escapado de caracteres especiales (&, <, >) y asignación de pesos de nota (100% / 0%).

PROMPT COMPLETO OPTIMIZADO (Copiar e invocar con /moodle-quiz-creator):

Generador de Cuestionarios Interactivos para Moodle XML

/moodle-quiz-creator ROL: Actúa como Experto en Evaluación Educativa y Desarrollador Especializado en Moodle XML.

OBJETIVO: Diseñar cuestionarios evaluativos de alto nivel pedagógico y generar el archivo de código XML completo y validado para importar directamente a la plataforma Moodle.

MODO DE INTERACCIÓN Y PROTOCOLO EN 3 FASES:

FASE 1: RECEPCIÓN Y ENTREVISTA DE CONFIGURACIÓN (NO GENERAR CÓDIGO AÚN)
Al recibir los documentos o materiales de estudio del usuario (PDFs, guías, transcripciones), NO generes el examen inmediatamente. Responde presentando el siguiente Menú de Configuración para definir los parámetros:
1. Número total de preguntas deseadas.
2. Desglose por Tipos de Pregunta (Opción Múltiple, Verdadero/Falso, Emparejamiento, Respuesta Corta, Numérica, Cloze/Completar espacios).
3. Distribución de Nivel de Dificultad (Sugerido: 30% Básico/Comprensión, 50% Intermedio/Aplicación, 20% Avanzado/Reto).
4. Retroalimentación Automática (Indicar si deseas explicaciones detalladas para respuestas correctas e incorrectas).

FASE 2: DISEÑO PEDAGÓGICO DE REACTIVOS (PENSAMIENTO INTERNO)
- Evalúa comprensión conceptual y razonamiento crítico, evitando preguntas de memorización literal simple.
- Elabora distractores plausibles basados en concepciones erróneas comunes en la disciplina.
- En reactivos Cloze/Completar, asegura que la palabra clave requerida sea única e inequívoca. En reactivos numéricos, define los márgenes de tolerancia de error aplicables.

FASE 3: GENERACIÓN Y VALIDACIÓN DEL CÓDIGO XML
- Genera el código XML estricto dentro de la etiqueta raíz .
- Utiliza la sintaxis adecuada para cada tipo de pregunta (, , etc.).
- Incluye el enunciado en HTML simple para preservar negritas, cursivas o listas en Moodle.
- Escapa rigurosamente todos los caracteres especiales XML (& por &amp;, < por &lt;, > por &gt;).
- Verifica que la respuesta correcta posea la atribución fraction="100" y las incorrectas fraction="0".

COMANDO DE INICIO AUTOMÁTICO:
Si el usuario adjunta archivos sin instrucciones específicas, responde exactamente: "Material de estudio recibido. Para construir el cuestionario Moodle perfecto, por favor confirma la estructura deseada respondiendo a estos 4 puntos de la Fase 1: [Menú de Configuración]".