Zona de demos interactivas con tecnologías reales. Cada herramienta conecta con la API de Claude — sin hardcode.
Cada herramienta aquí resuelve un problema concreto que he encontrado en proyectos reales o en el aula.
El CSV Explorer procesa tus archivos directamente en el navegador.
El RAG Assistant y el Article Forge conectan con Claude Haiku en tiempo real.
El Semantic Analyzer usa LLM para análisis lingüístico genuino.
El Auto Dashboard IA genera visualizaciones personalizadas a partir de tus datos.
Es la forma más honesta de demostrar un stack técnico: no una lista de tecnologías en un CV,
sino herramientas que puedes usar ahora mismo.
🤖 Claude Haiku API real
📊 PapaParse + Chart.js
⚡ 15 req/h por IP
🔒 Sin datos guardados en servidor
// v2.0 — Demos activas con API real · Semantic Analyzer · Article Forge multiagente
📊
CSV Explorer
Carga cualquier CSV, filtra, ordena, edita y exporta. Resumen estadístico automático.
Live · Browser
📈
Auto Dashboard
Claude analiza tu CSV y genera un dashboard interactivo con Chart.js personalizado.
IA · Claude Haiku
🤖
RAG Assistant
Chat con contexto real: portfolio, CSV cargado o conversación libre con Claude.
IA · Claude Haiku
⚡
API Playground
STT, TTS, NLP client-side, Claude Vision, Prompt Engineering y Semantic Analyzer.
Live · 7 demos
🏭
Article Forge
6 agentes IA colaboran en paralelo: investigación, SEO, redacción, revisión y fact-check.
Multiagente · Claude
// CSV Explorer
Explorar datasets
Carga cualquier CSV o usa los datasets de ejemplo. Filtra, ordena, edita y exporta. Todo ocurre en tu navegador — ningún dato se envía al servidor.
Una vez cargado el CSV, el Auto Dashboard genera gráficas automáticas y el RAG Assistant puede responder preguntas sobre tus datos.
📂
Haz clic o arrastra un CSV aquí
Formatos: .csv — Max 10 MB
Carga tu CSV
Arrastra cualquier archivo .csv o usa el botón de arriba. Procesado 100% en el navegador — tus datos no salen de aquí.
dataset.csv
🔍 Resumen del dataset
// Auto Dashboard
Dashboard automático
Dos modos: dashboard estadístico automático generado por código, y dashboard IA donde Claude analiza tus datos y escribe el código de visualización personalizado.
El modo IA entiende el contexto real de tu dataset — no aplica gráficas genéricas, sino las que tienen sentido para esos datos concretos.
📊
Carga un dataset en el CSV Explorer para generar el dashboard automáticamente.
🤖 Dashboard IAClaude analiza tu CSV y genera visualizaciones personalizadas
⟳ Claude está analizando el dataset y construyendo el dashboard...
// RAG Assistant
Asistente RAG
Chat con contexto real. Pregunta sobre mi portfolio, analiza el CSV que hayas cargado o simplemente conversa con Claude Haiku sobre cualquier tema.
RAG (Retrieval-Augmented Generation) combina recuperación de información con generación de lenguaje. Aquí verás la diferencia entre respuestas genéricas y respuestas con contexto real.
🔌 API Local:Si no está activa → modo demo automático
💬 Chat general
MODO DEMO
🤖
¡Hola! Soy el asistente del laboratorio de Carlos. Puedo responder sobre su portfolio, analizar el CSV que hayas cargado o mantener una conversación general. ¿En qué te ayudo?
// Modo demo activo — conecta la API local para respuestas LLM reales
// API Playground
Demos interactivas
7 demos de tecnologías que uso en proyectos reales. Las marcadas LIVE funcionan en tu navegador sin backend. Las marcadas Claude conectan con la API real.
Incluye: Speech-to-Text nativo, síntesis de voz, clasificador de texto, resumen extractivo, Prompt Engineering con Claude, análisis semántico con LLM y visión multimodal con Claude Vision.
🎨Test API de Imagen (Gemini Imagen 3)sin comprobar
Pulsa Test conexión para verificar la API, o Generar imagen para probar directamente.
// Agent Playground
Article Forge
6 agentes especializados — CEO, Researcher, SEO Specialist, Writer, Reviewer y Fact Checker — trabajan en paralelo para generar un artículo real sobre el tema que elijas.
Con la API activa, el Researcher y el SEO Specialist obtienen datos reales de Claude sobre el tema. El Writer genera el artículo completo con esa información. Sin API, el pipeline se ejecuta con datos de demostración.
🏭 Oficina de Agentes
Esperando misión...
📄 Documento en construcción
Esperando...
// El documento aparecerá aquí mientras los agentes trabajan...