Este repositorio contiene una colección de demos públicas de mini-aplicaciones web (HTML5, CSS3 y JavaScript) diseñadas para ser ejecutadas directamente en el navegador como una sola página.
Todas estas aplicaciones han sido desarrolladas utilizando vibe-coding con LLMs (Modelos de Lenguaje de Gran Tamaño), priorizando la rapidez de prototipado y la funcionalidad directa.
Puedes acceder a las demos directamente a través de GitHub Pages:
-
IPTC & FIBO Classifier/NER: Una herramienta para clasificación de textos bajo estándares IPTC y FIBO, incluyendo extracción de entidades (NER).
-
El Dado de la Innovación: Test de perfil de innovación basado en 15 preguntas distribuidas en 3 dimensiones. Inspirado en The Dice Man (Luke Rhinehart, 1971) y la tipología Tipo A/D de Friedman & Rosenman (1959), evalúa tu relación con el riesgo, la disrupción y la IA Generativa. Genera un perfil entre tres arquetipos: Follower Puro (Temperatura 0), Innovador Social (Temperatura 0.5) o Disruptor Radical (Temperatura 1.0), con recomendaciones de configuración de IA para cada perfil.
Si quieres publicar tus propias demos de vibe-coding de forma similar, aquí tienes una pequeña guía paso a paso:
Crea un nuevo repositorio en GitHub. Para que sea tu sitio principal, nómbralo siguiendo el patrón: tu-usuario.github.io. Si prefieres que sea un proyecto separado, puedes ponerle cualquier nombre (ej. mis-demos-llm).
Sube tus archivos .html directamente a la raíz (o en carpetas). Asegúrate de que sean "Single Page Apps" (todo el CSS y JS embebido o llamado desde CDNs) para que funcionen sin necesidad de un servidor de build (como Vite o Webpack).
- Ve a la pestaña Settings (Configuración) de tu repositorio.
- En la barra lateral izquierda, haz clic en Pages.
- En la sección Build and deployment, asegúrate de que Source esté en "Deploy from a branch".
- Selecciona la rama
main(omaster) y la carpeta/ (root). Haz clic en Save.
Una vez GitHub termine el despliegue, tus aplicaciones estarán disponibles en:
https://tu-usuario.github.io/nombre-del-archivo.html
Estas herramientas son el resultado de iteraciones rápidas con IA. No buscan ser productos finales perfectos, sino demostraciones de lo que se puede lograr comunicando la "vibración" y el objetivo de una idea a un LLM para obtener código funcional al instante.
Desarrollado por elyal2