💻 Ejecución de Código: Tu IA que Programa y Calcula

¿Y si, en lugar de solo hablar sobre datos, YuIA pudiera calcular, analizar y visualizar todo para ti, ahí mismo, en el chat? Es exactamente eso lo que hace la Ejecución de Código.

Este recurso transforma a YuIA en mucho más que un asistente de texto. Se convierte en una verdadera plataforma de computación: escribe código, ejecuta programas, genera gráficos, crea visualizaciones interactivas e incluso arma páginas web completas. Todo dentro de la conversación, sin que necesites instalar nada ni saber programar.

🧮 Intérprete de Código: La IA que Calcula por Ti

El Intérprete de Código es como darle una calculadora superpotente a YuIA. Cuando está activado, la IA puede escribir y ejecutar código Python automáticamente durante la conversación, siempre que lo considere necesario.

En la práctica, esto significa que puedes pedir cosas como:

• "Calcula cuánto voy a pagar de interés compuesto en 12 meses sobre $5,000 al 1.5% mensual."
• "Analiza esta hoja de cálculo que envié y dime cuáles son los 5 productos más vendidos."
• "Crea un gráfico de barras mostrando las ventas por trimestre."

La IA escribe el código entre bastidores, lo ejecuta y te entrega el resultado (ya sea un número, una tabla o un gráfico visual) directamente en el chat. Tú ves el resultado final, no el código.

tip

💡 Para activar: Haz clic en el botón de integraciones (❖) y activa el Intérprete de código.

Ejemplos prácticos

Lo que pides	Lo que la IA hace
"Convierte 500 dólares a pesos usando la cotización de hoy"	Calcula y presenta el resultado
"Analiza el CSV que envié e identifica tendencias"	Procesa la hoja de cálculo y genera insights
"Genera un gráfico de pastel con los gastos mensuales"	Crea y muestra el gráfico en el chat
"Calcula la media, mediana y desviación estándar de estos números"	Ejecuta código estadístico y muestra los resultados

▶️ Ejecución Manual de Código

Además del intérprete automático, puedes ejecutar código manualmente. Cuando la IA genera un bloque de código en Python, aparece un botón Ejecutar en la esquina del bloque.

1. Pídele a la IA que escriba un script (ej: "Escribe un código Python que calcule los primeros 20 números de Fibonacci.").
2. La IA genera el código en un bloque formateado.
3. Haz clic en el botón Ejecutar para ejecutarlo directamente en el navegador.
4. El resultado aparece justo debajo del bloque de código.

Esto es perfecto para:

• Probar y validar scripts generados por la IA.
• Hacer experimentos rápidos sin salir del chat.
• Aprender programación de forma interactiva: pídele a la IA que explique cada línea mientras ejecutas el código.

🎨 Artefactos Interactivos

Los Artefactos son uno de los recursos más impresionantes de YuIA. Cuando la IA genera contenido visual (como una página HTML, un gráfico SVG o una visualización JavaScript), no aparece como código crudo en el chat. En su lugar, se renderiza en un panel interactivo al lado de la conversación.

¿Qué puede ser un Artefacto?

• Páginas web completas: Landing pages, formularios, dashboards, con HTML, CSS y JavaScript funcionando.
• Gráficos SVG: Íconos, ilustraciones vectoriales e infografías.
• Visualizaciones 3D: Escenas interactivas usando bibliotecas como Three.js.
• Gráficos de datos: Visualizaciones con D3.js y otras bibliotecas.

Cómo interactuar con Artefactos

• Versionado: Cada edición crea una nueva versión. Usa el selector de versiones en la esquina inferior izquierda para navegar entre ellas y comparar cambios.
• Pantalla completa: Expande el artefacto para visualización en pantalla completa mediante el botón en la esquina inferior derecha.
• Copiar código: Copia el código fuente del artefacto para usarlo en otros proyectos.
• Iterar con la IA: Pide cambios directamente en el chat. Ej: "Cambia el color de fondo a azul" o "Agrega un botón de contacto." La IA actualiza el artefacto y se crea una nueva versión.

info

Todo en el chat: No necesitas herramientas externas. Pide "Crea una landing page para mi producto" y YuIA te entrega una página funcional que puedes visualizar, iterar y copiar, todo sin salir de la conversación.

🗺️ Diagramas Mermaid

¿Necesitas visualizar un proceso, una estructura o un flujo de decisión? Pídele a YuIA que cree un diagrama Mermaid y será renderizado automáticamente como una imagen interactiva en el chat.

Lo que puedes crear

• Diagramas de flujo: Procesos de negocio, flujos de aprobación, árboles de decisión.
• Diagramas de secuencia: Interacciones entre sistemas o personas a lo largo del tiempo.
• Gráficos de Gantt: Cronogramas de proyectos con tareas y plazos.
• Mapas mentales: Organización visual de ideas y conceptos.
• Diagramas de clase: Estructuras de datos y relaciones.

Cómo usar

Simplemente pide de forma natural:

• "Crea un diagrama de flujo del proceso de onboarding de un nuevo empleado."
• "Haz un diagrama de secuencia mostrando cómo se procesa un pedido en el e-commerce."
• "Arma un cronograma de Gantt para el lanzamiento del producto en los próximos 3 meses."

YuIA genera el código Mermaid y la plataforma renderiza el diagrama visual automáticamente. Puedes hacer zoom y arrastrar (pan) para explorar diagramas grandes.

📌 Resumen

Recurso	Qué hace
Intérprete de Código	La IA escribe y ejecuta código automáticamente para cálculos, gráficos y análisis
Ejecución Manual	Botón Ejecutar en bloques de código para pruebas en el navegador
Artefactos	Panel interactivo que renderiza páginas HTML, SVGs y visualizaciones JavaScript
Diagramas Mermaid	Diagramas de flujo, cronogramas y diagramas renderizados visualmente

Pruébalo ahora: Abre YuIA con el Intérprete de Código activado y pide algo como "Crea un gráfico mostrando la evolución del dólar en los últimos 12 meses." Te sorprenderás con el resultado.