# Lovable & Bolt Local Connect

> Skill para enseñar a los coders cómo manipular proyectos generados en Lovable/Bolt una vez bajados a local y cómo conectarlos con MCPs.

- Skill: `riwi-io-medellin/lovable-bolt-local-connect` (Agent Skill)
- Install (CLI): `npx skillmds@latest add riwi-io-medellin/lovable-bolt-local-connect`
- Raw SKILL.md: https://api.skillmd.com/api/skills/riwi-io-medellin/lovable-bolt-local-connect/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Productivity
- Author: Riwi-io-Medellin (https://skillmd.com/u/riwi-io-medellin)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/riwi-io-medellin/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:
   ```bash
   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?