Claude Dev, un programador de IA de código abierto en VS Code

¿Recuerdas el publicitado programador autónomo de inteligencia artificial, Devin, anunciado hace tres meses?

Por desgracia, el vídeo de demostración resultó ser falso y Devin cayó rápidamente en el olvido.
Hoy se ha dado a conocer otro programador autónomo de inteligencia artificial que realmente merece que se le dé bombo y platillo. Basado en Claude 3.5 Sonnet de Anthropic, es de código abierto y está disponible en el mercado VS Code.

Este nuevo asistente de programación de IA se llama Claude Dev.

¿Qué es Claude Dev?

Claude Dev es una extensión de VS Code desarrollada por Saoud Rizwan como parte del hackathon Build with Claude June 2024 de Anthropic.

Aprovecha las capacidades de codificación de Claude 3.5 Sonnet para manejar tareas complejas de desarrollo de software paso a paso. Con herramientas que permiten a la IA leer y escribir archivos, crear proyectos completos desde cero, y ejecutar comandos de terminal (después de conceder el permiso), Claude Dev puede ayudarte en formas que van más allá de la simple finalización de código o soporte técnico.

El desarrollador de IA cuenta con las siguientes funciones:

Rastrea el total de tokens y el coste de uso de la API para el bucle de la tarea actual.
Muestra las diferencias de edición o los archivos nuevos en hermosas vistas previas con la sintaxis resaltada.
Transmite la salida de la ejecución de comandos al chat, para que nunca tenga que abrir un terminal.
Presenta botones de permiso (por ejemplo, «Aprobar comando CLI») antes de utilizar herramientas o enviar información a la API.
Establece un número máximo de solicitudes de API permitidas para una tarea antes de solicitar permiso para continuar.
Muestra el JSON de las solicitudes de API cuando se realizan y realiza un seguimiento de los costes individuales de las solicitudes de API.
Determina si puede presentar el resultado con un comando CLI como open -a «Google Chrome» index.html, que puede ejecutar pulsando un botón cuando se completa una tarea.

Cómo funciona

Claude Dev utiliza una implementación de estilo bucle agéntico con cadena de pensamiento y acceso a potentes herramientas, lo que le permite realizar casi cualquier tarea.

Desde la construcción de proyectos de software hasta la ejecución de operaciones del sistema, Claude Dev sólo está limitado por su imaginación.

Comience por proporcionar una tarea, y el bucle de agentic inicia, utilizando ciertas herramientas (con su permiso) para llevar a cabo cada paso en su proceso de pensamiento.

Primeros pasos con Claude Dev

Abre VS Code y busca «Claude Dev» en Marketplace.
Instala la extensión y debería añadirse en las pestañas verticales izquierdas del IDE.

A continuación, abre la extensión Claude Dev y observa que te pedirá que introduzcas una clave API. Sigue los siguientes pasos para obtener tu clave API:

Ir a https://console.anthropic.com/
Puede que necesites comprar algunos créditos (aunque Anthropic ofrece 5$ de crédito gratis para nuevos usuarios)
Haz clic en «Get API Keys» y crea una nueva clave para mí (puedes borrarla en cualquier momento)

Pegue la clave API en el Claude Dev y, por último, haga clic en el botón «¡Vamos!».

Es importante saber que necesitas tener créditos en tu cuenta Anthropic. Puedes elegir vincular tu tarjeta de crédito o reclamar los créditos gratuitos de 5 $ añadiendo tu número de teléfono.

Claude Dev en acción

Una vez que Claude Dev está configurado, vamos a intentar crear una aplicación con él.

Consigna: Haz un juego de Tetris con una vida y un sistema de puntuación. Usa colores llamativos

Para esta tarea, Claude necesita crear nuevos archivos en tu disco local. Te pedirá que permitas o rechaces que la IA haga cambios en tu sistema de archivos.

Después de unos segundos, Claude Dev fue capaz de generar los archivos, los guardó en mi escritorio, y el juego de Tetris ya está listo para ser jugado.

Según Sauod, los archivos se guardarán en el espacio de trabajo abierto en VS Code y por defecto en el escritorio si no hay ninguno.

Yo hago que el LLM sólo trabaje dentro del espacio de trabajo abierto en VSCode, o si no hay ningún espacio de trabajo abierto, por defecto lo hace en el Escritorio. Pero puedes intentar anular esto diciéndole que opere en una ruta específica.

Basta con hacer clic en el botón «Ejecutar comando» para iniciar el juego.

¡Impresionante! Con una sola instrucción, he sido capaz de crear un juego de Tetris completamente funcional.

Puedes hacer más modificaciones al juego. Por ejemplo, yo quería añadir una guía sobre cómo jugar.

Pregunta: Añade un tutorial en la parte izquierda del lienzo del juego para guiar al usuario sobre cómo jugar.

En total, este minijuego tardó dos minutos y un cuarto de dólar en hacerse.

Carga de fichas: 47,57
Fichas de descarga: 45,061
Coste API: 0,2186

Bastante barato, pero esto podría explotar fácilmente una vez que empiece a construir proyectos más grandes.

De todos modos, lo bueno de esto es que los archivos generados por Claude Dev se almacenan en tu máquina local para que puedas actualizarlos manualmente cuando quieras.

Si eres desarrollador

Si eres desarrollador y estás interesado en el código fuente, consulta el código abierto en el GitHub del creador.
Para instalar Claude Dev, sigue estos pasos:

Clona el repositorio

git clone https://github.com/saoudrizwan/claude-dev.git

Abra el proyecto en VSCode

code claude-dev

Instale las dependencias necesarias

npm run install:all

Inicie la extensión: Pulse F5 para abrir una nueva ventana VSCode con la extensión cargada.

Actualización 7/17/2024

Otro usuario, Pietro Schirano, ha publicado una herramienta similar llamada Claude Engineer.

Todavía tengo que explorar esta herramienta y ver cómo se compara con Claude Dev. Si hay diferencias significativas, lo trataré en un nuevo artículo.

Reflexiones finales

Claude Dev es una tecnología muy prometedora. Por fin estamos cerca de tener la capacidad de crear aplicaciones y sitios web completos utilizando sólo IA.

Una gran preocupación que tengo es que utiliza un gran número de tokens por ejecución, quemando tokens como un niño en una máquina recreativa.

Espero que más desarrolladores con talento propongan soluciones para arreglar el problema de los tokens, quizás a través de alternativas de código abierto.

Te animo a que pruebes Claude Dev y explores sus posibilidades. Cuéntame qué te parece.

Fuente