AgentsKit

Cómo encaja AgentsKit en el panorama

Una mirada práctica — no es un benchmark de rendimiento. Elige lo que encaje con tu stack y el control que necesitas.

Esta tabla es ancha — desplázate horizontalmente en pantallas pequeñas para comparar todas las columnas.

Dimensión	SDKs de UI atados al proveedor o cerrados	Rutas de frameworks web opinados	AgentsKit
Propiedad	A menudo ligado a la consola de un proveedor, funciones solo alojadas o rutas de actualización opacas.	Código abierto con un «camino feliz» marcado para un ecosistema concreto (p. ej. patrones de streaming en React).	MIT, paquetes npm modulares — tú controlas el despliegue; cambia adaptadores sin reescribir la capa de UI.
Modelo de UI	Widgets prefabricados; poco tema o salidas limitadas.	Convenciones y ejemplos centrados en las formas de un solo stack.	Primitivas headless (`data-ak-*`) más tema opcional — usa MUI, shadcn o tu design system.
Superficies	Suele ser web primero; terminal o agentes sin cabeza son un añadido.	Web primero; la profundidad fuera del navegador varía.	Los mismos contratos para React, Ink (terminal), CLI y `runtime`.
Extensión	Niveles de plugins, APIs de extensión cerradas o esquemas de herramientas del proveedor.	Composable dentro del mundo del framework.	Tipos core compartidos — adaptadores, herramientas, memoria, RAG y skills se componen sobre `@agentskit/core`.

Encaja mejor si: un mismo stack en navegador, terminal y agentes sin cabeza, con control sobre adaptadores y herramientas. Omítelo si: un widget de un solo proveedor basta, o estás totalmente en la vía de IA de un solo framework.

Los SDK cerrados y los caminos opinados te frenan

Sigues siendo tú quien asume los casos límite del streaming — salvo que tu stack esté hecho para componer

Capas atadas al proveedor o cerradas — calendarios de actualización, funciones solo alojadas y límites opacos te encorsetan cuando necesitas herramientas propias o inferencia autoalojada.
Frameworks muy opinados — productivos en su camino feliz; dolorosos cuando tu producto cruza web, terminal y workers sin cabeza con un solo contrato.
Streams hechos a mano frágiles — trozos parciales, reintentos y abortos siguen filtrándose al UX («escribiendo» colgado, mensajes duplicados, resultados de herramientas perdidos) cuando el pegamento diverge por superficie.

AgentsKit es MIT y pensado para extender: adaptadores, herramientas, memoria y RAG descansan en primitivas compartidas para que mantengas el control y cambies piezas sin reescribir la narrativa del producto.

De ~50 líneas de pegamento a ~10 de producto

Menos código que revisar, probar y lamentar cuando la API cambie el mes que viene

Antes — ~50 líneas

const [messages, setMessages] = useState([])
const [input, setInput] = useState('')
const [streaming, setStreaming] = useState(false)
const abortRef = useRef(null)

const send = async () => {
  setStreaming(true)
  const userMsg = { role: 'user', content: input }
  setMessages(prev => [...prev, userMsg])
  const res = await fetch('/api/chat', {
    method: 'POST',
    body: JSON.stringify({ messages: [...messages, userMsg] }),
    signal: abortRef.current?.signal,
  })
  const reader = res.body.getReader()
  const decoder = new TextDecoder()
  let text = ''
  while (true) {
    const { done, value } = await reader.read()
    if (done) break
    text += decoder.decode(value)
    setMessages(prev => [...prev.slice(0,-1),
      { role: 'assistant', content: text }])
  }
  setStreaming(false)
}
// + error handling, auto-scroll, cleanup...

Después — 10 líneas con AgentsKit

import { useChat, ChatContainer, Message, InputBar }
  from '@agentskit/react'
import { anthropic } from '@agentskit/adapters'
import '@agentskit/react/theme'

function Chat() {
  const chat = useChat({
    adapter: anthropic({ model: 'claude-sonnet-4-6' })
  })
  return (
    <ChatContainer>
      {chat.messages.map(msg =>
        <Message key={msg.id} message={msg} />
      )}
      <InputBar chat={chat} />
    </ChatContainer>
  )
}

Una arquitectura, todas las superficies

Salta a la guía que necesites — cada enlace corresponde a un paquete @agentskit/* en npm.

React Ink CLI Runtime Adapters Memory RAG Tools Skills

Proveedores de modelos — cámbialos en una línea

AnthropicOpenAIVercel AI SDKAny ReadableStream