A working map of how vibe-coding tools and agentic integration platforms are actually built — the layers, the protocols, and the open-source alternatives to every closed product on the market. Un mapa funcional de cómo están construidas por dentro las herramientas de vibe coding y las plataformas de integración agéntica — las capas, los protocolos, y las alternativas open source a cada producto cerrado del mercado.
Every "AI coding tool" and every "agent platform" on the market today is assembled from the same small set of parts: a model, a loop that lets the model call tools, an execution environment, and — increasingly — a shared protocol for connecting the two. The branding differs; the architecture underneath mostly doesn't. Toda "herramienta de código con IA" y toda "plataforma de agentes" en el mercado hoy está construida con el mismo pequeño conjunto de piezas: un modelo, un bucle que le permite al modelo llamar herramientas, un entorno de ejecución, y — cada vez más — un protocolo compartido que conecta ambos. La marca cambia; la arquitectura de fondo, casi nunca.
A reference view of the agentic coding stack in 2026, bottom-up: model access, the loop that turns a model into an agent, the protocol that connects it to tools, the environment it executes in, and the interface a human touches. Every layer has at least one open-source and one closed-source option in real production use. Una vista de referencia del stack de código agéntico en 2026, de abajo hacia arriba: acceso al modelo, el bucle que convierte un modelo en agente, el protocolo que lo conecta con herramientas, el entorno donde ejecuta, y la interfaz que toca un humano. Cada capa tiene al menos una opción open source y una cerrada en uso real de producción.
The unit every layer is built from is what Anthropic calls the augmented LLM — a model plus retrieval, tools, and memory — run inside a loop: plan, call a tool, observe the result, decide whether to continue. Nearly every vibe-coding product, from a browser-based builder to an autonomous cloud agent, is this same loop with a different execution environment wrapped around it. La unidad de la que está construida cada capa es lo que Anthropic llama el LLM aumentado — un modelo más retrieval, herramientas y memoria — corriendo dentro de un bucle: planear, llamar una herramienta, observar el resultado, decidir si continuar. Casi todo producto de vibe coding, desde un builder en el navegador hasta un agente autónomo en la nube, es este mismo bucle con un entorno de ejecución distinto envolviéndolo.
The one variable that explains most of the product landscape is where this loop executes and how reversible each action is. A browser-based builder runs it entirely inside the vendor's own sandbox. A CLI agent runs it against your real filesystem and credentials. An autonomous cloud agent runs it in a disposable VM and hands you a pull request instead of touching anything directly. La única variable que explica la mayor parte del panorama de productos es dónde ejecuta este bucle y qué tan reversible es cada acción. Un builder en el navegador lo corre completamente dentro del sandbox del proveedor. Un agente CLI lo corre contra tu sistema de archivos y credenciales reales. Un agente autónomo en la nube lo corre en una VM desechable y te entrega un pull request en vez de tocar algo directamente.
| CategoryCategoría | ProductProducto | Execution environmentEntorno de ejecución | LicenseLicencia |
|---|---|---|---|
| Cloud builderBuilder en la nube | Lovable, Bolt.new, v0 | Vendor-managed sandboxSandbox gestionado por el proveedor | closedcerrado |
| Cloud IDEIDE en la nube | Replit Agent | Vendor container (Nix)Contenedor del proveedor (Nix) | closedcerrado |
| Local IDE agentAgente IDE local | Cursor, Windsurf | Developer's machineMáquina del desarrollador | closedcerrado |
| CLI agentAgente CLI | Claude Code | Developer's terminal & credentialsTerminal y credenciales del desarrollador | closedcerrado |
| CLI agentAgente CLI | Codex CLI, OpenHands, Aider | Local or self-hosted sandbox, bring-your-own modelSandbox local o autoalojado, trae tu propio modelo | open sourceopen source |
| Autonomous cloud agentAgente autónomo en la nube | Devin, Google Antigravity | Disposable VM, ships a PRVM desechable, entrega un PR | closedcerrado |
Before the Model Context Protocol (Anthropic, Nov. 2024), every agent framework needed a bespoke connector for every tool — an N×M integration problem. MCP standardizes the interface instead: any compliant client can talk to any compliant server, and a server exposes three primitives — tools (actions), resources (data), and prompts (templates). Antes del Model Context Protocol (Anthropic, nov. 2024), cada framework de agentes necesitaba un conector a medida para cada herramienta — un problema de integración N×M. MCP estandariza la interfaz en su lugar: cualquier cliente compatible puede hablar con cualquier servidor compatible, y un servidor expone tres primitivas — tools (acciones), resources (datos) y prompts (plantillas).
Once an agent has to coordinate several sub-tasks — or several other agents — a second layer of architecture appears on top of the loop: orchestration. Anthropic's Building Effective Agents catalogs five composable workflow patterns: prompt chaining, routing, parallelization, orchestrator–workers, and evaluator–optimizer. Cuando un agente tiene que coordinar varias subtareas — u otros agentes — aparece una segunda capa de arquitectura encima del bucle: la orquestación. Building Effective Agents de Anthropic cataloga cinco patrones de workflow componibles: prompt chaining, routing, paralelización, orchestrator–workers, y evaluator–optimizer.
Ten projects account for nearly all real production adoption in 2026. Stars and downloads verified against each project's GitHub repository. Diez proyectos concentran casi toda la adopción real en producción en 2026. Estrellas y descargas verificadas contra el repositorio de GitHub de cada proyecto.
| FrameworkFramework | StarsEstrellas | Dominant patternPatrón dominante | Best fitMejor para |
|---|---|---|---|
| LangGraph | 33.9k | Stateful graph, orchestrator–workersGrafo con estado, orchestrator–workers | Enterprise multi-agent, human-in-the-loopMulti-agente empresarial, human-in-the-loop |
| Dify | 144k | Visual builder + RAG/ReActBuilder visual + RAG/ReAct | No-code / low-code, mixed teamsNo-code / low-code, equipos mixtos |
| AutoGen | 58.7k | Multi-agent conversationConversación multi-agente | Research; now merging into Microsoft Agent FrameworkInvestigación; fusionándose en Microsoft Agent Framework |
| CrewAI | 52.8k | Role-based orchestrator–workersOrchestrator–workers basado en roles | Fast multi-agent prototypesPrototipos multi-agente rápidos |
| Semantic Kernel | 28.1k | Skills + plannerSkills + planner | .NET / Azure enterpriseEmpresas .NET / Azure |
| Smolagents | 27.7k | Code-writing CodeAgentCodeAgent que escribe código | Fast single-agent prototypingPrototipado rápido de un solo agente |
| OpenAI Agents SDK | 26.9k | Agent handoffsHandoffs entre agentes | Lightweight prototyping on the OpenAI APIPrototipado ligero sobre la API de OpenAI |
| Mastra | 24.8k | Graph workflowsWorkflows en grafo | TypeScript / Next.js teamsEquipos TypeScript / Next.js |
| Haystack | 25.5k | RAG-first pipelinePipeline RAG-first | Document search, knowledge basesBúsqueda documental, bases de conocimiento |
| Google ADK | 20k | Hierarchical compositionComposición jerárquica | GCP / Vertex AI teamsEquipos GCP / Vertex AI |
One layer up from orchestration frameworks sits the tooling that connects agents to business processes rather than to files. Una capa arriba de los frameworks de orquestación está la herramienta que conecta agentes con procesos de negocio en lugar de con archivos.
| PlatformPlataforma | CategoryCategoría | LicenseLicencia | Reported strengthFortaleza reportada |
|---|---|---|---|
| n8n | Automation + agentsAutomatización + agentes | fair-code | Large community, native AI nodes, fully self-hostableComunidad grande, nodos de IA nativos, totalmente autoalojable |
| Make | Visual automationAutomatización visual | closed / SaaScerrado / SaaS | Polished scenario UX for non-engineersUX de escenarios muy pulida para no-ingenieros |
| Zapier | Visual automationAutomatización visual | closed / SaaScerrado / SaaS | Largest integration catalog on the marketEl catálogo de integraciones más grande del mercado |
| Dify | AI app builder + agentsApp builder de IA + agentes | open corenúcleo abierto | Only one here with both a flow GUI and native RAG agentsÚnico aquí con GUI de flujo y agentes RAG nativos a la vez |
| Vercel AI SDK / AI Gateway | Dev layer + multi-model gatewayCapa de desarrollo + gateway multi-modelo | Apache-2.0 | Model fallback, observability, no provider lock-inFallback entre modelos, observabilidad, sin lock-in de proveedor |
| Workato, Tray.io | Enterprise iPaaSiPaaS empresarial | closedcerrado | Governance and compliance at corporate scaleGobierno y cumplimiento a escala corporativa |
Most of what's covered so far describes autonomous, multi-step agents. It's worth being precise about what isn't one. AplicApp — a career-platform SaaS (ATS analysis, interview prep, salary negotiation) — sits at the bottom of the stack: a single LLM call per request, augmented with the user's CV and job description as context, not a planning loop. Not every product that calls an LLM API is an "agent," and the engineering discipline that makes a single-call architecture reliable in production is its own lesson. La mayor parte de lo cubierto hasta ahora describe agentes autónomos multi-paso. Vale la pena ser preciso sobre lo que no lo es. AplicApp — un SaaS de plataforma de carrera (análisis ATS, preparación de entrevistas, negociación salarial) — vive en el fondo del stack: una sola llamada LLM por request, aumentada con el CV y la descripción del puesto del usuario como contexto, no un bucle de planeación. No todo producto que llama a una API de LLM es un "agente," y la disciplina de ingeniería que hace confiable una arquitectura de una sola llamada en producción es su propia lección.
| LayerCapa | AplicApp's choiceElección de AplicApp | NotesNotas |
|---|---|---|
| Framework / hostingFramework / hosting | Next.js 16 (App Router, Turbopack) + Vercel | RSC + streaming; three-tier branch → environment mapping (main / dev / feat/*)RSC + streaming; mapeo de tres niveles rama → entorno (main / dev / feat/*) |
| Model accessAcceso al modelo | Anthropic Claude → Gemini → Ollama | Ordered fallback chain, not routing by task type — availability, not specializationCadena de fallback ordenada, no ruteo por tipo de tarea — disponibilidad, no especialización |
| AuthAutenticación | Clerk | "Mode B": service-role Supabase client + explicit .eq("user_id", …) filter, RLS kept only as defense-in-depth"Modo B": cliente Supabase con service-role + filtro explícito .eq("user_id", …), RLS solo como defensa en profundidad |
| DatabaseBase de datos | Supabase Postgres | 22 migrations, service-role key server-side only22 migraciones, clave service-role solo del lado del servidor |
| Cache / rate limitingCache / límite de tasa | Upstash Redis | 5-minute subscription cache + request rate limitingCache de suscripción de 5 minutos + límite de tasa de requests |
| PaymentsPagos | Stripe + Connect | Subscriptions (Pro/Agency) plus destination charges for a coach marketplaceSuscripciones (Pro/Agency) más cargos destination para un marketplace de coaches |
| ObservabilityObservabilidad | Sentry + PostHog | Error tracking and LLM cost/event trackingRastreo de errores y de costo/eventos de LLM |
| Mobile shellCapa móvil | Capacitor (iOS + Android) | WebView wrapper, custom aplicapp:// deep-link schemeWrapper WebView, esquema de deep-link propio aplicapp:// |
Two things worth pulling out for a class on integration platforms specifically. First, the "Mode B" auth pattern — a service-role database client plus an explicit ownership filter in application code, instead of JWT-based row-level security — is a real, defensible tradeoff: it removes a point of failure (Clerk-to-Supabase JWT exchange) at the cost of making row-level security a defense-in-depth layer rather than the source of truth. Second, the fallback chain is a miniature version of what a model gateway (Vercel AI Gateway, OpenRouter) does automatically — AplicApp built it by hand because the ordering logic (availability first, cost/quality second) was specific enough to be worth owning directly. Dos cosas vale la pena resaltar para una clase de plataformas de integración específicamente. Primero, el patrón de autenticación "Modo B" — un cliente de base de datos con service-role más un filtro explícito de propiedad en el código de aplicación, en vez de row-level security basada en JWT — es un tradeoff real y defendible: elimina un punto de falla (el intercambio de JWT entre Clerk y Supabase) al costo de convertir row-level security en una capa de defensa en profundidad en vez de la fuente de verdad. Segundo, la cadena de fallback es una versión en miniatura de lo que un gateway de modelos (Vercel AI Gateway, OpenRouter) hace automáticamente — AplicApp la construyó a mano porque la lógica de orden (disponibilidad primero, costo/calidad después) era lo bastante específica para valer la pena poseerla directamente.
Two things are converging faster than most surveys of this space capture. First, the line between "coding tool" and "integration platform" is dissolving: a CLI coding agent and an n8n workflow now speak the same MCP servers, and Google's ADK supports MCP, A2A, and OpenAPI in the same runtime. Second, the framework layer is consolidating — AutoGen and Semantic Kernel merging into one Microsoft SDK is the clearest signal. The stack in this document is a snapshot, not an endpoint; the parts most likely to change first are the protocol layer (as A2A matures alongside MCP) and the execution layer (as sandboxing becomes a commodity rather than a differentiator). Dos cosas están convergiendo más rápido de lo que capturan la mayoría de los análisis de este espacio. Primero, la línea entre "herramienta de código" y "plataforma de integración" se está disolviendo: un agente CLI de código y un workflow de n8n hoy hablan con los mismos servidores MCP, y el ADK de Google soporta MCP, A2A y OpenAPI en el mismo runtime. Segundo, la capa de frameworks se está consolidando — la fusión de AutoGen y Semantic Kernel en un solo SDK de Microsoft es la señal más clara. El stack de este documento es una fotografía, no un punto final; las partes con más probabilidad de cambiar primero son la capa de protocolo (a medida que A2A madura junto a MCP) y la capa de ejecución (a medida que el sandboxing se vuelve un commodity en vez de un diferenciador).