Lovable & Bolt Local Connect

Lovable & Bolt Local Connect

Este skill define los lineamientos y reglas para interactuar con bases de código generadas por plataformas AI/No-Code (como Lovable o Bolt) una vez han sido clonadas a tu entorno local.

1. Contexto del Proyecto

Cuando un código llega desde Lovable o Bolt, normalmente tiene:

• Uso intensivo de TailwindCSS.
• Estructuras muy planas de componentes.
• Un scaffolding que necesita ser enriquecido para escalar.

Tu trabajo como agente/coder: Ayudar a organizar, escalar y potenciar esta base utilizando MCPs (Model Context Protocol).

2. Flujo de Trabajo Local con GitHub

Una vez que el proyecto está local:

1. Nunca trabajes en la rama main directamente. Crea siempre una rama nueva:

   git checkout -b feature/mejora-arquitectura
   

2. Usa el GitHub MCP para:
   • Leer los PRs abiertos y entender en qué están trabajando otros.
   • Analizar el repositorio para entender la estructura base generada por Lovable/Bolt.
   • Hacer commits lógicos y crear Pull Requests una vez se finalicen los cambios.

3. Integración con Supabase MCP

La mayoría de plataformas generadas rápidamente requerirán un backend y una DB escalable por detrás. Aquí entra Supabase.

Instrucciones de uso:

1. Inicializa o vincula el proyecto a Supabase.
2. Utiliza herramientas de Supabase MCP para:
   • Ejecutar o aplicar migraciones (apply_migration).
   • Listar estructuras de tablas existentes para entender el modelo generado (list_tables).
   • Crear queries robustos guiándote por el schema real.

4. Mejores Prácticas (Antigravity Standards)

Al modificar este código generado automáticamente, sigue estas reglas:

• Refactorización Limpia: Mueve los componentes monolíticos generados hacia carpetas funcionales (components/ui, components/features).
• Data Fetching: Reemplaza los fetch estáticos crudos creados por la IA inicial por React Query (TanStack) apoyado en servicios estructurados.
• Tipado Fuerte: Asegura que todos los modelos que provienen de Supabase tengan su respectiva interfaz en TypeScript. Puedes sugerir usar supabase gen types.

5. Checklist de Verificación de Skill

Antes de terminar una modificación en el proyecto Lovable/Bolt local:

• ¿El código sigue subido en GitHub y sincronizado? (Usa GitHub MCP para validarlo)
• ¿Las bases de datos necesarias fueron migradas usando Supabase MCP?
• ¿Los componentes de UI tipo Lovable fueron separados lógicamente?
• ¿El entorno puede volver a desplegarse hacia la nube y funcionar con Auth/DB correctamente?