I Can See You. (Abrir icanseeyou.dev en una pestaña nueva)

Una demo open source que muestra qué puede y qué no puede detectar una plataforma de exámenes desde el navegador durante una sesión de 60 segundos. Sin cámara, sin servidor y sin instalar nada: solo señales nativas del navegador, una estética de cuaderno y un par de ojos que siguen tu cursor.

Tech-stack que usé aquí

Origen y propósito

  • Una pregunta que valía la pena probar: ¿Las pruebas de inglés en línea detectan el uso de traductores o herramientas de apoyo? Quería comprobarlo desde el navegador.

  • Ninguna herramienta lo cubría: Nada reunía todas las señales en un solo lugar gratuito y divertido, así que lo construí.

  • Una demo cronometrada y honesta: I Can See You muestra en 60 segundos qué pueden y qué no pueden detectar las plataformas, con identidad doodle y una mascota que sigue tu cursor.

Decisiones

  • Solo señales del navegador: Sin promesas de vigilancia del sistema. La demo muestra lo que ve y lo que no.

  • Todo del lado del cliente: Sin backend ni base de datos. sessionStorage mueve los resultados de /demo a /results.

  • Astro + islas de React: Shell estático y SEO en Astro, interactividad solo donde hace falta en React, con TypeScript estricto en todo.

  • Una identidad divertida: Ojos que siguen el cursor y estética doodle monocroma mantienen cercano un concepto de vigilancia.

  • Una sesión de 60 segundos: Arranca sola y se puede detener antes, corta para sentirse real y rápida de demostrar.

Detección solo en el navegador

Pipeline de detección solo en el navegadorSeis señales del navegador se agrupan por confianza y pasan por un motor de detección en el cliente, un store de eventos y un constructor de resultados antes de que la sesión llegue a la página de resultados mediante sessionStorage, todo dentro del sandbox del navegador y sin backend, base de datos, cámara, micrófono ni acceso al sistema.Sandbox del navegador · solo en el clienteSeñales del navegadorAltavisibility · blur / focusMediafullscreen · mouseleave · pasteBajadevtools heuristicDetectionEnginenormalizaapertura / cierreEventStoreeventos abiertosy cerradosResultsBuildermétricasmuestras de atenciónResultadoshandoff porsessionStorageSin backend · sin base de datossin cámara · sin micrófonosin acceso al sistema

Resultados

  • Publicado, rápido y open source: En icanseeyou.dev, la auditoría móvil de Lighthouse obtiene 94 en rendimiento, 100 en accesibilidad, 100 en buenas prácticas y 100 en SEO, además de 2/2 en Agentic Browsing. El sitio está desplegado en Cloudflare Pages, tiene licencia MIT y es open source en GitHub.

  • Tráfico real, sin bots: Cloudflare Analytics registró 280 visitas entre el 19 de septiembre y el 19 de octubre de 2026: 140 desde Google, 40 desde Bing y 100 directas, con visitantes de 19 países.

  • El español es la principal puerta de entrada: La página de inicio en español recibió 190 visitas, por delante de la página en inglés con 80. La apuesta bilingüe funcionó.

  • Una sesión completa en 60 segundos: La demo arranca sola, registra incidentes en vivo y termina en un panel con cantidad de incidentes, tiempo distraído, puntuación de atención y línea de tiempo de la sesión. Los resultados se pueden compartir como un PNG de 1080x1920 mediante la Web Share API, con descarga como alternativa.

  • Privacidad por arquitectura: Sin backend, sin base de datos, sin cámara y sin micrófono. Los datos de la sesión se quedan en local y se borran al cargar los resultados o cerrar la pestaña; los permisos opcionales de portapapeles y multi-pantalla se piden solo cuando hacen falta y se degradan sin romper la experiencia si no están disponibles.