Aprender a gestionar scripts de entorno local, interrumpir a la IA en tiempo real para hacer cumplir las reglas del proyecto, solucionar problemas con dependencias externas y estructurar un Sistema de Diseño centralizado.
En fases avanzadas, se puede configurar ClaudeKit para que lea las tareas completadas del plan y avance automáticamente, ejecutando el código sin necesidad de preguntar paso a paso.
Es común encontrarse con conflictos cuando el puerto del servidor, como el 3000, ya está siendo usado por otro proceso.
En lugar de cerrar procesos manualmente, se puede indicar a la IA que cree un script de terminal, por ejemplo dev.sh, que libere el puerto ocupado y arranque el proyecto de forma limpia usando herramientas rápidas como bun dev.
A diferencia del prompting tradicional, este comando permite interrumpir a la IA mientras está escribiendo código para que lea instrucciones urgentes en tiempo real y aplique cambios de inmediato.
Esta interrupción también sirve para recordar reglas del proyecto, como la prohibición de usar useEffect directamente. En el caso práctico, la IA es capaz de auditar su propio código y justificar correctamente que sí está respetando la norma, porque useEffect se encuentra encapsulado dentro de un custom hook.
Al conectar APIs externas, como OpenRouter, los modelos hardcodeados pueden quedar deprecados y provocar fallos de conexión. También es importante actualizar dependencias específicas del framework, como las respuestas de streams en Vercel, para evitar bloqueos en la comunicación con la IA.
Durante el desarrollo, la IA debe adaptar el código a versiones modernas, por ejemplo sustituyendo el uso de middleware cuando está deprecado para ciertas funciones por proxy.ts, con el fin de abrir túneles de comunicación de manera correcta.
Para mejorar el SEO y la legibilidad, conviene refactorizar la aplicación para que las rutas usen slugs amigables en lugar de IDs de base de datos. Esto implica modificar la base de datos y ajustar promesas asíncronas para resolver correctamente los datos en la URL.
Se debe estructurar un panel administrativo completo que incluya KPIs, reportes y un sistema Kanban con funcionalidad de arrastrar y soltar para gestionar leads.
Para garantizar coherencia visual, se instruye a la IA a crear una página de Componentes UI y Configuración de Branding dentro del administrador.
Este Sistema de Diseño permite centralizar la paleta de colores, tipografías, botones y estilos corporativos. Al modificar un parámetro en ese punto central, los cambios se propagan de manera unificada tanto al panel de administración como al frontend público del proyecto.
Una vez consolidada la arquitectura interna, la base de datos, los flujos de commits y el sistema de diseño centralizado, el proyecto queda preparado para la siguiente fase: la construcción detallada de la landing page pública y la optimización SEO.
