Proyectos de IA

1 / 3

Salida de presentación Session Slides mostrando turnos de conversación como diapositivas navegables

Session Slides - Convertidor de Sesiones Claude Code a Presentaciones Gallery

1 / 3

Salida de presentación Session Slides mostrando turnos de conversación como diapositivas navegables

Session Slides - Convertidor de Sesiones Claude Code a Presentaciones

Publicado

Herramienta CLI que transforma los registros de conversación de Claude Code en presentaciones HTML interactivas. Cada turno de conversación se convierte en una diapositiva individual... Herramienta CLI que transforma los registros de conversación de Claude Code en presentaciones HTML interactivas. Cada turno de conversación se convierte en una diapositiva individual con títulos extraídos automáticamente de los prompts, uso de herramientas destacado (operaciones de archivos, comandos bash) y bloques de código con resaltado de sintaxis. La salida es un archivo HTML independiente que no requiere dependencias externas, funcionando completamente offline con navegación por teclado y una diapositiva de resumen con estadísticas de la sesión.

Características Principales:

• Convierte transcripciones JSONL de Claude Code a presentaciones HTML
• Extracción automática de títulos desde prompts de conversación
• Bloques de código con resaltado de sintaxis

Tecnologías:

Node.js 14+ Python 3.8+ HTML/CSS/JavaScript CLI (Commander.js) Análisis JSONL

GitHub → Demo en Vivo

Última Actualización: 2025-02

1 / 11

Plataforma de capacitación de inglés laboral bilingüe

Roxana en Vuelo - Capacitación Bilingüe de Inglés Laboral Gallery

1 / 11

Plataforma de capacitación de inglés laboral bilingüe

Roxana en Vuelo - Capacitación Bilingüe de Inglés Laboral

Desarrollo Activo

Una plataforma de aprendizaje de idiomas especializada para comunicación en inglés en el lugar de trabajo con generación de audio bilingüe. Presenta 6 módulos de... Una plataforma de aprendizaje de idiomas especializada para comunicación en inglés en el lugar de trabajo con generación de audio bilingüe. Presenta 6 módulos de aprendizaje completos que cubren escenarios profesionales como conversaciones sobre el clima, interacciones con pantallas, recuperación elegante de errores, lectura de registros, comunicación de pasantes y construcción de relaciones. Utiliza voces neurales edge-tts para narraciones en inglés y español colombiano con detección automática de idioma y selección de voz contextual.

Características Principales:

• 6 módulos de aprendizaje con hojas de trabajo complementarias
• Generación de audio bilingüe (Inglés + Español Colombiano)
• 4 voces neurales (Jenny/Guy para inglés, Salome/Gonzalo para español)

Tecnologías:

Python edge-tts (TTS Neural de Microsoft) python-docx FFmpeg Metodología de planificación GOAP

GitHub → Demo en Vivo

Última Actualización: 2025-12

1 / 5

Documentación del viaje personal de reubicación a Austin, Texas

Brandon Se Muda a Austin Gallery

1 / 5

Documentación del viaje personal de reubicación a Austin, Texas

Brandon Se Muda a Austin

En Vivo

Un proyecto personal que documenta mi viaje de reubicación a Austin, Texas. Esta aplicación web narra la experiencia de mudanza con documentación de línea de... Un proyecto personal que documenta mi viaje de reubicación a Austin, Texas. Esta aplicación web narra la experiencia de mudanza con documentación de línea de tiempo, información de ubicaciones y contenido narrativo sobre la transición. Construido como una aplicación moderna de Next.js desplegada en Vercel, combinando narración con perspectivas prácticas de reubicación.

Características Principales:

• Documentación de línea de tiempo de mudanza
• Información de ubicación y destino
• Contenido narrativo personal

Tecnologías:

Next.js TypeScript React Tailwind CSS Vercel

Última Actualización: 2026-01

1 / 2

Recursos curados de aprendizaje de idiomas para 68 idiomas del mundo

Centro de Recursos para Aprender Idiomas Gallery

1 / 2

Recursos curados de aprendizaje de idiomas para 68 idiomas del mundo

Centro de Recursos para Aprender Idiomas

En Vivo

Un sitio web moderno y bellamente diseñado que recopila los mejores recursos de aprendizaje de idiomas de toda la web para políglotas y entusiastas de... Un sitio web moderno y bellamente diseñado que recopila los mejores recursos de aprendizaje de idiomas de toda la web para políglotas y entusiastas de los idiomas en todo el mundo. Presenta colecciones completas que abarcan 68 idiomas, desde idiomas ampliamente estudiados como español, francés, chino y alemán hasta idiomas indígenas como cree, navajo y quechua. Construido con Vite 7.1, JavaScript vanilla y Tailwind CSS, el sitio ofrece una experiencia rápida y responsiva con cumplimiento de accesibilidad WCAG 2.1 AA, diseño mobile-first y búsqueda de texto completo con filtrado por idioma y tipo de recurso.

Características Principales:

• Recursos curados para 68 idiomas del mundo
• Apps, libros, podcasts, cursos y comunidades
• Búsqueda de texto y filtrado por idioma/tipo

Tecnologías:

Vite 7.1 JavaScript Vanilla (ES6+) Tailwind CSS Vitest 3.2 (73 pruebas) Aplicación Web Progresiva (PWA)

GitHub → Sitio en Vivo

Última Actualización: 2026-01

Plataforma de práctica de mecanografía para teclados en español latinoamericano

Teclado LATAM Gallery

Plataforma de práctica de mecanografía para teclados en español latinoamericano

Teclado LATAM

En Vivo

Una plataforma de práctica de mecanografía diseñada específicamente para usuarios que aprenden a escribir en teclados en español latinoamericano. Ayuda a los usuarios a mejorar... Una plataforma de práctica de mecanografía diseñada específicamente para usuarios que aprenden a escribir en teclados en español latinoamericano. Ayuda a los usuarios a mejorar su velocidad y precisión de escritura mientras dominan las características únicas de los diseños de teclado LATAM, incluyendo caracteres especiales y teclas muertas. Incluye métricas de rendimiento con retroalimentación PPM en tiempo real, currículo estructurado con niveles de dificultad progresivos, seguimiento de historial de escritura y configuraciones personalizables incluyendo soporte de tema oscuro/claro.

Características Principales:

• Entrenamiento de diseño de teclado LATAM con caracteres especiales
• Seguimiento de PPM y precisión en tiempo real
• Currículo estructurado con dificultad progresiva

Tecnologías:

Next.js TypeScript Vercel Tailwind CSS

GitHub → Sitio en Vivo

Última Actualización: 2026-01

Juego de rompecabezas interactivo para aprender los 58 condados de California

Juego de Rompecabezas de los Condados de California Gallery

Juego de rompecabezas interactivo para aprender los 58 condados de California

Juego de Rompecabezas de los Condados de California

En Vivo

Un juego educativo de rompecabezas para aprender los 58 condados de California mediante juego interactivo de arrastrar y soltar. Incluye mapas potenciados por D3.js, múltiples... Un juego educativo de rompecabezas para aprender los 58 condados de California mediante juego interactivo de arrastrar y soltar. Incluye mapas potenciados por D3.js, múltiples niveles de dificultad (Fácil a Experto), 7 desafíos regionales y un sistema completo de logros. Construido como Progressive Web App con juego offline, modo oscuro y optimización móvil completa. Incluye backend Supabase para perfiles de usuario, seguimiento de estadísticas y tablas de clasificación. Logró 100% de tasa de aprobación de pruebas (1,792/1,792 pruebas) con cumplimiento de accesibilidad WCAG AA.

Características Principales:

• Mapa D3.js de California con límites precisos de condados
• Juego de arrastrar y soltar con puntuación basada en precisión
• 4 niveles de dificultad (Fácil, Medio, Difícil, Experto)

Tecnologías:

React 18 con TypeScript 5.9 Vite 4.5 (herramienta de compilación) D3.js 7.8 (visualización de mapas) Zustand 5.0 (gestión de estado) Framer Motion 10.16 (animaciones)

GitHub → Sitio en Vivo

Última Actualización: 2025-11

Juego de rompecabezas interactivo para aprender los 33 departamentos de Colombia

Juego de Rompecabezas de los Departamentos de Colombia Gallery

Juego de rompecabezas interactivo para aprender los 33 departamentos de Colombia

Juego de Rompecabezas de los Departamentos de Colombia

En Vivo

Un rompecabezas educativo interactivo para aprender los 33 departamentos de Colombia (32 departamentos + Bogotá D.C.) mediante juego atractivo de arrastrar y soltar. Incluye datos... Un rompecabezas educativo interactivo para aprender los 33 departamentos de Colombia (32 departamentos + Bogotá D.C.) mediante juego atractivo de arrastrar y soltar. Incluye datos de mapas GeoJSON reales, múltiples modos de juego (Colombia completa, práctica regional, desafíos cronometrados) y sistema de pistas progresivo. Aprende capitales, regiones y datos culturales sobre cada departamento. Construido con React y TypeScript usando datos reales de límites geográficos colombianos. Logró 89.9% de tasa de aprobación de pruebas (895/996 pruebas) y cero errores ESLint con cumplimiento completo de accesibilidad WCAG AAA.

Características Principales:

• Arrastrar y soltar interactivo con mapa GeoJSON real
• Múltiples modos de juego (completo, regional, desafío cronometrado)
• Modo de estudio para aprender sin presión

Tecnologías:

React 18 con TypeScript Vite (herramienta de compilación) Tailwind CSS dnd-kit (arrastrar y soltar accesible) Zustand (gestión de estado)

GitHub → Sitio en Vivo

Última Actualización: 2025-11

Más Proyectos Próximamente

Estoy trabajando activamente en nuevas herramientas educativas impulsadas por IA y aplicaciones de aprendizaje de idiomas. ¡Vuelve pronto para ver actualizaciones!

Seguir en GitHub