Sigue a ZDNET: Agréganos como fuente preferida en Google.
Takeaways de llave de ZDNET
- Las construcciones paso a paso superan las instrucciones de especificación completa para la codificación de IA.
- AIS puede destruir el código tan rápido como lo crean.
- Use agentes.md, capturas de pantalla y refactorización para mantener los proyectos estables.
La semana pasada, puse en algún lugar entre 50 y 60 horas de programación de pares y saber, ChatGpt Codex.
La programación de pares es un término antiguo con un nuevo significado. La programación de pares es la práctica de dos o más programadores que escriben código juntos al mismo tiempo. Durante años, los dos programadores fueron dos humanos. Pero últimamente, con el advenimiento de codificar la IA, la programación de pares puede significar una emparejamiento humano con una IA para codificar juntos. Eso es lo que he estado haciendo.
Hice mis primeras 12 a 15 horas usándolo a través del $ 20 por mes chatgpt másy fue cortado tres veces en el proceso para el uso excesivo de recursos. Hice las aproximadamente 45 horas restantes usando el Programa ChatGPT Pro de $ 200 por mesy no se cerró una vez.
Cuando terminé, completé una actualización de características importantes para mi producto principal y creé cuatro productos adicionales adicionales para ese producto principal. Fue el período de desarrollo más productivo que he experimentado.
Pero no todo fue una navegación suave. Hubo baches y baches. Sí, lo sé. Las alucinaciones y los malapropismos de la IA me están rociando. Pero aprendí mucho. En este artículo, voy a compartir con ustedes las lecciones más valiosas que aprendí.
Antes de sumergirnos, te animo a que vuelvas y leas mis tres artículos anteriores sobre Codex. El primero discute cuán sin entusiasmo estaba cuando la única forma de usarlo era de Github. El segundo describe mi experiencia usándolo en el IDE VS Code, pero estar estrangulado con demasiada frecuencia. El último analiza cómo logré hacer cuatro años de desarrollo de productos en cuatro días usando Codex.
Ok, ahora que puedes ver qué es posible hacer con esta herramienta, veamos algunos consejos y técnicas. Si lees hasta el final del artículo, incluso obtienes un consejo de bonificación.
1. Evite los PRD y el desarrollo impulsado por las especificaciones
Esto será muy controvertido porque el uso de los documentos de requisitos de productos (PRD) y las especificaciones son más o menos la mejor práctica recomendada por el estándar de oro para la codificación basada en IA.
Pero, en mi experiencia, el uso de PRD y desarrollo impulsado por especificaciones causa muchos más problemas de los que resuelve. Mira, no digo que no construyan un PRD. Siempre es una buena idea tener una buena idea de lo que planea construir. Pero no lo alimentes todo a la IA a la vez.
También: Cómo la gente realmente usa chatgpt vs Claude, y qué nos dicen las diferencias
Fundamentalmente, la IA tomará lo que le pide que haga e intentará hacerlo. Pero si su PRD está incompleto, o si malinterpreta una pequeña instrucción, o si hay alguno de los otros posibles Gotchas que podrían resultar de usar un conjunto de instrucciones monolítico gigante, todo puede desviarse muy rápidamente.
También es muy difícil probar una creación gigante y asegurarse de que todo funcione juntos, especialmente si todo se manifiesta a la vez a la vez.
Entonces, ¿cómo deberías hacerlo? Eso es el siguiente …
2. Acumulación, paso a paso
Probé la técnica anterior tres o cuatro veces durante mi gran sprint de programación de pares, sin éxito. Entonces, decidí construir cosas paso a paso. Eso fue enormemente exitoso.
Mis proyectos recientes involucran una interfaz de usuario que forma parte del tablero de un sitio web, y luego la lógica comercial que hace cualquier valor de valor único que se supone que debe hacer mi nuevo programa.
Comencé describiendo los elementos de la interfaz de usuario que quería. Tuve mucho cuidado de decirle a la IA que no quería que esos elementos conecten o tener su funcionalidad habilitada. Lo que esto significa es que si tuviera una opción de casilla de verificación y un botón Guardar Configuración, no quería que la IA guarde o restaure la configuración de esa casilla de verificación. Tampoco quería que la IA usara el valor de la casilla de verificación para controlar lo que eventualmente controle.
Al principio, se agregaron los elementos de UI agregados por la IA, pero se colocaron muy mal. Eso está bien. Obtuve la IA para agregar todos los elementos que necesitaba, pero no me preocupé por el look. Si está realizando un seguimiento, eso significaba que no había trabajo en la apariencia, el guardado/restauración o la funcionalidad principal.
También: Cómo usar chatgpt para escribir código, y mi principal truco para depurar lo que genera
Una vez que la mayoría de los elementos que quería estaban en la pantalla, le ordené a la IA que los moviera, los diseñara y los colocara. Este es el mayor valor que obtuve de la IA, porque se trata principalmente de CSS. Realmente no me gusta CSS. A menudo tardaron cinco o diez intentos en escuchar la IA, pero finalmente todo llegó donde lo quería.
Entonces, y solo entonces, comencé a trabajar en la funcionalidad. Primero, este fue el código local JavaScript necesario para hacer que los elementos aparezcan o desaparezcan según la entrada del usuario. Por ejemplo, este conjunto de casillas de verificación subordinadas aparece en mi administrador de botas de AI solo si se verifica el botón «Agregar RSL a RSS Feeds».
Finalmente, una vez que la interfaz de usuario se presentó correctamente y las interacciones JavaScript funcionaron, solo entonces hice que la IA comenzó a trabajar en la funcionalidad central.
Este proceso hizo que toda la construcción fuera mucho más manejable, y los resultados fueron robustos, rápidos y muy viables.
3. AIS comete grandes errores rápidamente
Los AIS pueden lograr una increíble cantidad de trabajo muy rápidamente. I Destacé cómo obtuve Codex para ayudarme a colapsar cuatro años de desarrollo de productos en cuatro días.
Pero tan rápido como AIS puede crear, también pueden destruir. Un mensaje malformado (o malinterpretado) puede destruir toda su base de código. Esa es otra razón para pequeños cambios paso a paso, en lugar de pedirle a la IA que tome grandes columpios. Los grandes columpios pueden resultar en ponches muy rápidos.
También: La mejor IA para codificar en 2025 (incluido un nuevo ganador, y qué no usar)
Y, por supuesto, retroceda o verifique sus cambios regularmente para que pueda retroceder.
4. Use ese botón Deshacer
Codex tiene un botón Deshacer. Deshacerá todo el conjunto de acciones que la IA tomó para el aviso que acabas de dar. Ese botón de deshacer es tu amigo. Llámalo cuando lo necesite.
5. No dejes que la AI te culpa
Codex siempre parece molestarlo para agregar la lógica de negocios antes de que debería. No dejes que te culpe para que lo hagas.
Una vez que Codex cree que comprende lo que está construyendo, comenzará a hacer sugerencias sobre las características para agregar. No los agregue, aunque pueda ser tentador. La mayoría de las veces, Codex realmente no sabe cómo hacer que las nuevas características se ajusten bien a lo que esté construyendo.
Dicho esto, definitivamente tome notas de esas sugerencias. A medida que su producto construye madura, puede dirigir cuidadosamente a Codex cómo agregar algunos de ellos a su producto final.
6. Use agentes.md
Agentes.md es un archivo estándar que usan muchos AIS de codificación para instrucciones estandarizadas para cualquier proyecto determinado. Tengo el mío en la raíz de mi proyecto principal. Proporciona muchas pautas a la IA, por lo que no necesito instruir especialmente la IA cada vez que la ejecuto.
Aquí hay un ejemplo del tipo de cosas incluidas en las instrucciones estandarizadas: «Nunca modifique ningún archivo en los directorios de la biblioteca. Estas son bibliotecas de software creadas externamente y debe ser posible actualizarlas con nuevas versiones sin preocupación de que se sobrescribirá el código personalizado».
También: Cómo usé ChatGPT para analizar, depurar y reescribir un complemento roto desde cero, en una hora
Esto le dice a la IA que los archivos en los directorios de la biblioteca pueden cambiar, y debe evitar modificar el código en esos directorios, porque son esencialmente servicios del sistema. Por el hecho de que está en el archivo agente.md, no necesito decirlo al comienzo de cada sesión.
7. Use capturas de pantalla
No dudes en usar mucho capturas de pantalla. Tomo capturas de pantalla y señala áreas donde quiero que la IA preste atención con flechas. La IA a veces parece tener dificultades para imaginar una situación basada en una descripción, pero tan pronto como le doy una captura de pantalla, «lo entiende».
También: Bad Vibes: cómo un agente de IA codificó su camino hacia el desastre
A veces, si estamos en medio de una sesión y al IA parece estar perdiendo algo sobre lo que quiero que haga, todo lo que hago es tomar una captura de pantalla, pegarlo en el chat de Codex en el código y la información con «esto».
8. Alimente el AI HTML y CSS
Otra forma de ayudar a la IA es abrir una página web en el inspector del navegador, copiar el HTML del inspector y pegarla en la sesión de chat. Esto es particularmente útil si la IA tiene problemas para identificar los selectores CSS correctos para diseñar una página web.
9. Dígale a Codex que recuerde los datos de la sesión
Te quedará sin espacio de sesión, especialmente si le ha estado dando grandes volcados de error o código fuente. Cuando parece que ha estado yendo por un tiempo o ha realizado un volcado de diagnóstico bastante grande en la ventana de chat, dígale a la IA que le brinde suficiente información para que pueda pasarla a la próxima sesión.
También: Cómo funciona realmente Chatgpt (y por qué ha sido tan cambiante)
Aquí está el aviso que uso:
Quiero comenzar una nueva sesión para borrar la ventana de contexto. Pero me gustaría que pudieras recordar los aspectos de nuestra discusión aquí para que puedas hacer referencia a ella en la nueva sesión. ¿Puede proporcionarme algo que pueda cortar y pegar de esta sesión a la siguiente, que lo pondrá al día? Piense en ello como el informe de fin de cambio o la entrega del paciente cuando los cambios cambian en un hospital.
Cuando me da su resultado, lo copio. Luego, comienzo una nueva sesión y pego la información de entrega en la nueva sesión. Es una forma rápida de poner a la IA a la velocidad a través de las sesiones.
10. Dígale a Codex que refactorice sus archivos grandes
Codex realmente le gusta volcar todo su código en uno o dos archivos grandes. Sí, si ya tiene un montón de archivos y carpetas creadas, Codex los usará. Pero si crea un nuevo código, le gusta golpear todo en un solo lugar.
Pero puede decirle a Codex que refactorice su código. Por ejemplo, le gusta en línea a JavaScript y CSS en la mitad de los archivos PHP, a menudo hinchando esos archivos. Le digo a Codex que extraiga el JavaScript y lo ponga en un archivo .js en una carpeta JS. También le digo que haga lo mismo con su CSS. Como resultado, los tres idiomas se vuelven más mantenibles.
También puede hacer esto para agrupaciones lógicas de funciones. En lugar de colocar todas las funciones en un archivo grande, proporcione archivos de categoría Codex y dígale que coloque las funciones relacionadas con cada categoría en su archivo asociado.
Consejo de bonificación: código para la mantenibilidad
Codex no codifica naturalmente la mantenibilidad humana. Pero si le dice a la IA que la formatea y lo comente, o cómo estructurar el código, cumplirá. También escribirá buenas explicaciones del código y le dará información de resumen e referencia. Pero debes pedirlo.
¿Cuáles son tus consejos favoritos?
¿Qué pasa contigo? ¿Ha probado la programación de pares con una herramienta de IA como Codex u otro asistente? ¿Encontraste que el desarrollo paso a paso funcionó mejor que entregarle una especificación completa? ¿Cómo manejas los errores de IA o las explosiones de código en tu propio flujo de trabajo? ¿Crees que las características como los agentes.md o la guía de captura de pantalla podrían hacer que sus proyectos sean más manejables? Háganos saber en los comentarios a continuación.
Puede seguir mis actualizaciones de proyecto diarias en las redes sociales. Asegúrese de suscribirse a Mi boletín de actualización semanaly sígueme en Twitter/X en @Davidgewirtzen Facebook en Facebook.com/davidgewirtzen Instagram en Instagram.com/davidgewirtzen bluesky en @Davidgewirtz.comy en youtube en Youtube.com/davidgewirtztv.
