⚡ Full-Stack AI Deploy Pipeline

ANTIGRAVITY
MCP · STITCH · GIT

// antigravity → mcp stitch → skills → github → vercel / cloudflare pages

FASE 01 — Antigravity Setup
🚀
Inicio — Configurar entorno Antigravity
START
  • ▸ Punto de entrada: construir un agente / app con Antigravity como base
🏗️
Instalar y configurar Antigravity
ANTIGRAVITY
  • 1
    Crear cuenta en antigravity.ai o instalar CLI
    npm install -g @antigravity/cli
  • 2
    Inicializar nuevo proyecto
    antigravity init mi-proyecto
  • 3
    Seleccionar plantilla: Agent / Workflow / App
  • 4
    Configurar variables de entorno base
    .env → ANTHROPIC_API_KEY=...
  • 5
    Explorar estructura generada
    /src · /skills · /mcp · /config
⚙️
Definir el Agente base
CONFIG
  • 1
    Editar antigravity.config.ts con nombre, modelo y comportamiento
  • 2
    Establecer system prompt del agente
  • 3
    Definir entradas/salidas esperadas del flujo
  • 4
    Probar agente localmente
    antigravity dev
FASE 02 — MCP con Stitch
🔌
¿Qué es MCP + Stitch?
MCP
  • ▸ MCP (Model Context Protocol) = protocolo para conectar herramientas externas al agente
  • ▸ Stitch = plataforma que provee servidores MCP listos para usar (Google Drive, Slack, DB, APIs...)
⚙️ Configurar MCP Server
🧩
Crear servidor MCP local
  • 1
    Instalar SDK MCP
    npm install @modelcontextprotocol/sdk
  • 2
    Definir herramientas (tools) con nombre, descripción y parámetros
  • 3
    Implementar handlers para cada tool
  • 4
    Registrar server en mcp.config.json
  • 5
    Levantar servidor
    node mcp-server.js
🪡 Conectar con Stitch
🪡
Usar Stitch como proveedor MCP
  • 1
    Registrarse en stitch.ai
  • 2
    Crear un nuevo Stitch → seleccionar conectores (Gmail, Drive, Notion, etc.)
  • 3
    Autorizar cada conector (OAuth / API Key)
  • 4
    Obtener URL del servidor MCP de Stitch
    https://mcp.stitch.ai/s/xxxx
  • 5
    Agregar al agente en Antigravity
    mcpServers: [{ url: stitch_url }]
🔗 MCP activo: el agente puede llamar herramientas externas via Stitch en tiempo real.
FASE 03 — Agregar Skills
🧠
¿Qué son las Skills en Antigravity?
SKILLS
  • ▸ Las skills son módulos de capacidad reutilizables que amplían lo que el agente puede hacer
  • ▸ Pueden ser: búsqueda web, procesamiento de documentos, generación de imágenes, etc.
📦 Skills Predefinidas
📦
Instalar skills del registry
  • 1
    Ver skills disponibles
    antigravity skills list
  • 2
    Instalar skill deseada
    antigravity skills add web-search
  • 3
    Configurar parámetros de la skill en skills.config.ts
  • 4
    Registrar en el agente con skills: [webSearch]
✏️ Skill Personalizada
✏️
Crear skill propia
  • 1
    Crear archivo /skills/mi-skill.ts
  • 2
    Definir nombre, descripción y schema de input
  • 3
    Implementar función execute(input)
  • 4
    Escribir SKILL.md con instrucciones para el LLM
  • 5
    Registrar y testear
    antigravity skills test mi-skill
🧠 Agente con MCP + Skills completo. Listo para versionar y deployar.
FASE 04 — GitHub
🐙
Inicializar repositorio Git
GIT INIT
  • 1
    Inicializar repo local
    git init
  • 2
    Crear .gitignore con .env · node_modules · .antigravity/cache
  • 3
    Primer commit
    git add . && git commit -m "init: antigravity project"
☁️
Subir a GitHub
REMOTE
  • 1
    Crear nuevo repositorio en github.com (público o privado)
  • 2
    Conectar remoto
    git remote add origin https://github.com/user/repo.git
  • 3
    Push inicial
    git push -u origin main
  • 4
    Configurar branch protection en Settings → Branches
  • 5
    Agregar secrets de entorno en Settings → Secrets → Actions
    ANTHROPIC_API_KEY · STITCH_URL
Decidir plataforma de deploy
FASE 05 — Deploy (Vercel ó Cloudflare Pages)
🔀
¿Dónde deployar?
DECISIÓN
  • ▸ Vercel — mejor para Next.js, SSR, serverless functions, Edge Runtime
  • ▸ Cloudflare Pages — mejor para sitios estáticos/JAMstack + Workers para lógica server
▲ Vercel
▲
Conectar GitHub con Vercel
  • 1
    Ir a vercel.com → New Project
  • 2
    Importar desde GitHub → seleccionar el repo
  • 3
    Configurar build settings:
    Build: npm run build
    Output: .next / dist
  • 4
    Agregar variables de entorno en Vercel Dashboard
  • 5
    Deploy automático en cada git push a main
  • 6
    Agregar dominio personalizado
    Settings → Domains → Add
  • 7
    Apuntar DNS a Vercel (CNAME o A record)
🔁
CI/CD con Vercel
  • 1
    Preview deploy en cada PR automáticamente
  • 2
    Production deploy en merge a main
  • 3
    Vercel Analytics integrado automáticamente
  • 4
    Edge Functions para llamadas al agente en /api
☁️ Cloudflare Pages
📄
Conectar GitHub con CF Pages
  • 1
    Ir a Cloudflare Dashboard → Workers & Pages
  • 2
    Clic en Create application → Pages
  • 3
    Conectar cuenta GitHub y seleccionar repo
  • 4
    Configurar build:
    Build: npm run build
    Output: dist / out
  • 5
    Agregar variables de entorno en Settings → Environment Variables
  • 6
    Deploy automático en cada push
  • 7
    Dominio automático: proyecto.pages.dev
    o conectar dominio propio de Cloudflare
👷
Lógica server con Workers
  • 1
    Crear Worker para endpoints del agente
    wrangler generate mi-worker
  • 2
    Configurar wrangler.toml con secrets
  • 3
    Definir rutas en _routes.json
  • 4
    Deploy Worker junto con Pages
    wrangler deploy
🎯 Ambas plataformas: deploy automático desde GitHub en cada push. SSL automático. CDN global.
✅ Pipeline completo
🌐
Agente en Producción
END
  • ▸ Agente Antigravity disponible públicamente con dominio propio
  • ▸ MCP + Stitch conectado: herramientas externas activas
  • ▸ Skills cargadas: capacidades ampliadas del agente
  • ▸ GitHub como fuente única de verdad + historial de versiones
  • ▸ CI/CD automático: cada commit a main = nuevo deploy
  • ▸ SSL · CDN · DDoS protection activos
Antigravity
MCP / Stitch
Skills
GitHub
Vercel
Cloudflare Pages
Deploy / Decisión