vibe coding
desarrollo-asistido-por-ia
estándares-de-codificación
arquitectura-de-software
mejores-prácticas-de-desarrollo
Este es el problema: Estás #vibecoding con IA, las cosas van viento en popa, y de repente ¡BUM! 💥 La IA escupe código que es totalmente diferente al que hizo ayer. O duplica cosas, o de repente decide probar un nuevo patrón de diseño sin preguntar. ¡Súper frustrante! 😡
🔥 Aquí tienes un truco genial que he descubierto para mantener las cosas en orden: tómate un poco de tiempo para que la IA te ayude a escribir algunas reglas para tus archivos más importantes.
Piensa en ello – probablemente tienes un puñado de archivos que son los verdaderos MVP de tu proyecto. Quizás los llames "Managers", "Controllers", "Coordinators", "Services" o incluso "Core Modules". Cualquiera que sea el nombre, estos son los archivos que mueven los hilos, conectan los puntos y se aseguran de que todo funcione sin problemas.
Para cada uno de estos archivos VIP, crearás un archivo de reglas. Este archivo de reglas detallará sus responsabilidades, los patrones de diseño que debe seguir, cómo se integra con otras partes de tu código, convenciones de nomenclatura y todas esas cosas buenas.
🤩 Y aquí está la mejor parte: ¡ni siquiera tienes que escribir estas reglas tú mismo! La IA puede hacer el trabajo pesado, o puedes tomar una plantilla que te guste. ¡Fácil!
Entonces, ¿cuándo deberías establecer estas reglas? Tienes un par de opciones:
Si recién estás comenzando con vibe-coding, te recomendaría totalmente la opción #2. ¿Por qué? Porque tener algo de código real ya escrito hace que sea MUCHO más fácil crear reglas inteligentes. Es como tratar de escribir una receta – es mucho más simple una vez que has cocinado el plato varias veces, ¿verdad?
Por ejemplo:
Digamos que estás construyendo una API en Python. Probablemente tendrás un archivo routes.py
. Puedes pedirle a la IA que elabore una regla que describa cómo está estructurado y escrito ese archivo routes.py
. La IA revisará tu archivo existente y lo describirá como una regla. De esa manera, cualquier código nuevo agregado a routes.py
mañana seguirá los mismos estándares geniales. ¡Consistencia para ganar! ✨
⚠️ Presta atención, porque esto es probablemente la segunda cosa más importante que puedes hacer al codificar con IA (¡justo después de planificar, por supuesto!).
¿Cuándo deberías detenerte y pensar en tus reglas? Presta atención a estos momentos – son tu señal para hacer una "auditoría de reglas":
/Generate Cursor Rules
, tómate un momento para verificar lo que la IA ideó.Bien, ¿listo para crear algunas reglas? Así es como se hace:
/Generate Cursor Rules
(¡Tu Ayudante de IA!):
/Generate Cursor Rules
para que la IA te ayude. Por ejemplo, podrías darle un prompt como: "Genera una regla sobre cómo manejamos los errores de WebSocket".websocket-handling.mdc
):
1## Manejo de WebSocket 2- Incluye siempre el manejo de errores y la lógica de reconexión. 3- Aquí tienes un ejemplo:
1const socket = new WebSocket('ws://example.com'); 2 3socket.onerror = (error) => { 4 console.error('Error de WebSocket:', error); 5 // ¡No olvides llamar realmente a tu función de reconexión! 6 attemptReconnect(); 7};
.cursor/rules/
en tu proyecto.convenciones-de-nomenclatura.mdc
, estructura-endpoint-api.mdc
).*.sql
) para que Cursor sepa automáticamente qué reglas se aplican a qué archivos. ¡Súper útil!.mdc
en git!README.md
dentro de tu directorio .cursor/rules/
que explique para qué sirve cada archivo de reglas..mdc
(por ejemplo, usando un linter de Markdown).README.md
de .cursor/rules/
. Incluye directrices sobre cómo actualizar las reglas y las mejores prácticas para usar /Generate Cursor Rules
.Imagina que estás agregando una nueva función de chat a tu aplicación que usa WebSockets. Así es como podrías usar las reglas:
/Generate Cursor Rules
con un prompt como: "Genera una regla para el manejo de errores de WebSocket en nuestra nueva función de chat"..cursor/rules/chat-websocket-handling.mdc
..mdc
en git. Asegúrate de que se revise en una solicitud de extracción, como cualquier otro código.README.md
principal de .cursor/rules/
para informar a todos sobre esta nueva regla y lo que hace.Solo recomiendo esto para situaciones muy específicas en las que estás construyendo algo que ya sabes exactamente cómo construir y lo has construido antes, por ejemplo: si estás construyendo una API REST simple de una manera muy similar a como lo hiciste ayer.
Aquí encontrarás un montón de reglas de cursor preescritas que pueden funcionar para ese propósito.
Si eres una agencia de software o marketing, probablemente reutilizarás muchas reglas prefabricadas, y te recomiendo encarecidamente que lo hagas.
/Generate Cursor Rules
de manera efectiva y comprendan por qué estas reglas son importantes./Generate Cursor Rules
y refines la salida, mejores serán tus prompts, ¡y mejor será la IA para ayudarte!¡Puedes hacerlo! Al establecer estas reglas, estás en camino hacia una codificación más fluida y consistente con tu socio de IA. ¡A por ello! 🚀