Laboratorio Abierto · ixai.dev

El Laboratorio

Todo lo que hay en este sitio —herramientas, juegos, artículos, ejercicios de memoria— fue construido por una sola persona, con la ayuda de Inteligencia Artificial, como experimento en público.

5
Herramientas
12
Juegos
10
Ejercicios
6
Artículos
33
Total páginas
"No soy un estudio. No tengo financiación. Soy una persona con curiosidad, tiempo libre y acceso a las mismas herramientas de IA que cualquiera. Eso, resulta, es suficiente para construir algo real." — Lluís Ridao, Barcelona 2026
Cómo se construyó

Ninguna línea de código fue escrita manualmente. Todo el sitio fue generado en conversaciones con Claude AI usando Claude Code, la herramienta de desarrollo de Anthropic.

Claude Code como herramienta principal

Cada página, juego y herramienta fue generada en conversaciones con Claude (Sonnet 4.6) a través de Claude Code CLI. Desde el diseño hasta la lógica de cada juego.

HTML, CSS y JS vanilla

Sin frameworks, sin bundlers, sin dependencias de npm. Solo HTML semántico, CSS moderno con custom properties y JavaScript puro. Cada archivo es autosuficiente.

Sistema de diseño coherente

Un único conjunto de variables CSS —colores, tipografía, espaciado, bordes— compartido entre todas las páginas para que todo se sienta como un mismo producto.

Iteración rápida

La ventaja de trabajar con IA: una nueva herramienta o juego puede pasar de idea a página funcional en menos de una hora. Eso cambia completamente la ecuación.

Construido en público

Sin código privado, sin puertas de acceso. Todo lo que ves aquí es lo que hay. La transparencia sobre el proceso es parte del experimento.

El humano como director

La IA genera el código, pero las decisiones —qué construir, cómo diseñarlo, qué tiene sentido— siguen siendo humanas. La herramienta amplifica, no sustituye.

HTML5 CSS3 JavaScript ES6+ PHP 8 Claude Sonnet 4.6 Claude Code CLI Google Fonts Font Awesome 6 Three.js
Inventario completo

Cada proyecto que existe en ixai.dev, categorizado por tipo. Todos gratuitos, todos funcionales, todos construidos con IA.

🔧 Herramientas y Apps
✍️
Generador de Prompts
Constructor visual de prompts para IA con 6 plantillas, selectores de tono y exportación.
IA · Productividad
🎨
Extractor de Colores
Sube una imagen y extrae su paleta de colores dominantes con k-Means clustering.
Diseño · Canvas API
⏱️
Focus Station (Pomodoro)
Temporizador Pomodoro con lista de tareas, estadísticas de sesión y señal sonora.
Productividad · Web Audio
🔍
Analizador SEO
Analiza cualquier URL: meta tags, headings, densidad de palabras clave y puntuación SEO.
SEO · Marketing
📈
Calculadora de Interés Compuesto
Simula el crecimiento de inversiones con aportaciones periódicas, gráfico y tabla anual.
Finanzas · Canvas
🧪 Experimentos Visuales
🌍
Globo 3D Interactivo
Visualización del planeta Tierra en 3D con Three.js. Rotación suave y texturas realistas.
Three.js · WebGL
📖
Generador de Historias
Genera historias absurdas e inesperadas combinando palabras aleatorias. Narrativa generativa.
IA Generativa · Lenguaje
📷
Editor Fotográfico Online
Herramientas de edición de imagen con IA directamente en el navegador. Sin instalar nada.
Fotografía · IA
🎮 Juegos
♟️
Ajedrez
Juega contra la IA o en modo dos jugadores. Motor de ajedrez completo en el navegador.
Estrategia
🐍
Snake
El clásico juego de la serpiente con puntuación, velocidad progresiva y récord local.
Arcade
🟦
Tetris
Tetris completo con piezas de colores, puntuación por líneas y aumento de velocidad.
Arcade
💣
Buscaminas
Buscaminas clásico con tres niveles de dificultad y temporizador.
Estrategia
Piedra, Papel, Tijera
Contra la IA con registro de victorias, derrotas y empates.
Casual
Tres en Raya
El clásico juego de tres en raya contra la IA o en modo dos jugadores.
Estrategia · Casual
🐱
El Gato
Juego de lógica: intenta rodear al gato antes de que escape del tablero.
Lógica · Puzzle
🔢
2048
Combina fichas del mismo número deslizando en cuatro direcciones hasta alcanzar 2048.
Puzzle
🟢
Simon Says
Memoriza y repite la secuencia de colores. Velocidad creciente. Test de memoria visual.
Memoria · Arcade
🔤
Ahorcado
Adivina la palabra letra a letra. 80+ palabras en español con categorías y pistas.
Mental · Lenguaje
🧱
Breakout
Destruye todos los bloques con la pelota rebotante. Velocidad progresiva y niveles.
Arcade
🟩
Wordle ES
Adivina la palabra de 5 letras en 6 intentos. Verde, amarillo o gris indican pistas.
Mental · Lenguaje
🧠 Bienestar y Memoria
🃏
Juego de Parejas
Memory clásico. Encuentra parejas para entrenar la memoria visual y la concentración.
Memoria visual
🎨
Test de Stroop
Identifica el color de la tinta, no lo que dice la palabra. Test neuropsicológico clásico.
Atención · Inhibición
Test de Reacción
Mide tu velocidad de respuesta. 8 intentos, promedio y clasificación en milisegundos.
Velocidad de procesamiento
🧮
Calculadora Mental
3 niveles de dificultad, 60 segundos, récord personal. Suma, multiplica y divide mentalmente.
Agilidad matemática
🔢
Secuencia de Números
Memoriza y reproduce secuencias cada vez más largas. Entrena la memoria de trabajo.
Memoria de trabajo
📝
Juego de Palabras
Identifica las 4 palabras de la misma categoría entre 8 palabras mezcladas.
Memoria semántica
🎵
Adivina la Canción
Escucha fragmentos musicales e identifica el artista. Estimula la memoria auditiva y emocional.
Memoria auditiva
💬
Consejero de Salud Mental
Asistente conversacional para orientación en bienestar emocional y gestión del estrés.
Salud mental · IA
📰 Artículos del Blog
🤖
La IA que aprende contigo
Cómo los modelos de lenguaje evolucionan con el uso y qué significa para el futuro.
IA · 8 min
✍️
Prompt Engineering: guía práctica
Técnicas concretas para escribir prompts más efectivos, con ejemplos reales.
Prompts · 6 min
📷
Flujo de trabajo con IA y fotografía
Cómo integro herramientas de IA en mi proceso creativo fotográfico en 2026.
Fotografía · 5 min
🛠️
Herramientas de IA gratuitas 2026
Las herramientas de IA que han transformado mi productividad y creatividad.
Herramientas · 7 min
🌆
Barcelona y la IA
El ecosistema de inteligencia artificial en Barcelona que nadie está contando.
Reflexiones · 4 min
🏗️
Construir ixai.dev en público
La historia detrás del laboratorio y por qué decidí compartir el proceso abiertamente.
Reflexiones · 3 min
El proceso de trabajo

Cómo pasa una idea de cero a página publicada usando IA como copiloto de desarrollo.

Idea

Definir qué se quiere construir

Una frase basta: "quiero una herramienta que extraiga la paleta de colores de una imagen". La IA no necesita especificaciones detalladas; entiende el contexto y propone la arquitectura.

Diseño

Iterar sobre el diseño y la UX

Se describe la estética deseada (en este caso: "igual que index.html, fondo blanco, tipografía Playfair + Inter"). La IA aplica el sistema de diseño existente al nuevo proyecto automáticamente.

Código

Generación y revisión del código

El código se genera en una sola conversación. Si algo falla, se corrige en la misma sesión. La IA detecta bugs, lee los archivos existentes y mantiene coherencia entre páginas.

Prueba

Test en navegador y ajustes finales

Se prueba en el navegador, se detectan problemas de responsividad o lógica y se describe el problema. La IA edita el archivo correspondiente directamente.

Deploy

Publicación y enlazado

El archivo se sube al servidor. La IA actualiza el index.html, el sitemap.xml y añade el footer compartido. Todo enlazado y consistente.

¿Quieres explorar el lab?

Todas las herramientas son gratuitas. Sin registro, sin datos, sin trampa. Solo experimenta.

Ver todas las herramientas Leer el blog