La inteligencia artificial generativa ha dejado de ser una simple curiosidad para convertirse en una herramienta indispensable en el entorno laboral. Sin embargo, el verdadero desafío para los profesionales de la tecnología es pasar de la teoría a la práctica y aplicar estas plataformas en tareas reales que optimicen los flujos de trabajo cotidianos.
En esta edición de Tinta Tech, exploramos dos de los asistentes más potentes del mercado. Te mostramos el paso a paso exacto para dominar la creación de interfaces de datos con Claude y la generación de pruebas de software automáticas con GitHub Copilot, elevando tu productividad al instante.
Caso de uso con Claude: Convertir datos estáticos de un archivo CSV en un dashboard interactivo utilizando Claude Artifacts.
Claude Artifacts permite generar herramientas visuales e interactivas sin salir del entorno de chat. Esto resuelve la necesidad de crear paneles de control o gráficos de manera rápida sin depender de herramientas externas complejas, reduciendo el tiempo de análisis drásticamente.
Lo que necesitas
- Cuenta en Claude.ai con la función 'Artifacts' habilitada desde la configuración.
- Un archivo CSV o tabla de Excel con datos limpios y organizados para analizar.
Paso a paso
- Inicia sesión en Claude.ai, haz clic en tu perfil en la esquina inferior izquierda, selecciona 'Settings' y asegúrate de activar la opción 'Artifacts'.
- Abre un nuevo chat y confirma que estás utilizando el modelo Claude 3.5 Sonnet, el cual ofrece el mejor rendimiento para interfaces y código.
- Haz clic en el ícono del clip de papel para adjuntar tu archivo CSV con los datos que deseas visualizar.
- Escribe el siguiente prompt: 'Actúa como analista de datos. Lee este CSV y crea un dashboard interactivo utilizando React y Recharts. Muestra los indicadores clave en tarjetas y al menos dos gráficos de tendencias'.
- Presiona Enter. Claude abrirá un panel lateral derecho con tu dashboard funcional, donde puedes interactuar visualmente con la información y examinar el código generado.
Puedes pedirle a Claude ajustes visuales dentro de la misma conversación, como solicitar un modo oscuro o incorporar filtros por fecha, y el panel lateral aplicará los cambios en tiempo real.
Caso de uso con Copilot: Generar automáticamente pruebas unitarias para código existente empleando GitHub Copilot en Visual Studio Code.
Escribir pruebas unitarias es una labor fundamental pero repetitiva que consume gran parte del ciclo de desarrollo. GitHub Copilot agiliza este proceso redactando casos de prueba completos, permitiéndote concentrar tu energía en la arquitectura y las reglas de negocio de tu aplicación.
Lo que necesitas
- Tener el editor Visual Studio Code instalado en tu computadora.
- Contar con una suscripción activa a GitHub Copilot y tener instalada la extensión 'GitHub Copilot Chat'.
- Un archivo de código fuente abierto con funciones ya escritas.
Paso a paso
- Abre tu proyecto en Visual Studio Code y navega hasta el archivo que contiene la función o clase que necesitas evaluar.
- Selecciona con el cursor todo el bloque de código correspondiente a esa función específica.
- Abre la ventana de GitHub Copilot Chat en la barra lateral o utiliza el atajo de teclado presionando Ctrl+Alt+I en Windows o Cmd+Alt+I en Mac.
- Escribe el comando '/tests' en el cuadro de texto seguido de instrucciones precisas, por ejemplo: '/tests genera pruebas unitarias para esta función, incluyendo casos extremos y validación de errores'.
- Revisa la propuesta de código en el chat y haz clic en el botón 'Insert at Cursor' o 'Insert into New File' para integrar de inmediato las pruebas a tu repositorio.
No asumas que el código generado es perfecto desde el primer momento. Siempre ejecuta el conjunto de pruebas en tu terminal para validar que pasen sin errores y confirma que los escenarios cubran adecuadamente tus requerimientos.
Claude vs Copilot para este tipo de tarea
| Aspecto | Claude | Copilot |
|---|---|---|
| Enfoque principal | Generación de interfaces interactivas, documentos visuales y análisis de datos rápidos. | Asistencia directa dentro del editor para acelerar la escritura y el mantenimiento de código. |
| Entorno de trabajo | Panel web con una ventana de previsualización lateral llamada Artifacts. | Integración nativa dentro del entorno de desarrollo (Visual Studio Code, JetBrains). |
| Curva de aprendizaje | Muy baja; utiliza comandos descriptivos en lenguaje natural sin requerir saber programar. | Media; requiere conocimientos sólidos de programación y familiaridad con entornos de desarrollo. |