Constructor de Grafos

Dibuja los proyectos que tu espacio de trabajo necesita y las conexiones entre ellos, y el constructor genera los comandos que estructuran exactamente lo que dibujaste. Cópialos, ejecútalos y tendrás un espacio de trabajo funcional.

Arrastra componentes desde la paleta al lienzo, arrastra desde el borde derecho de un componente a otro para conectarlos, y edita las propiedades de cada componente a la derecha. Los comandos generados en la parte inferior se actualizan con cada cambio — presiona Copy para tomar el script completo.

Loading the graph builder…

Cómo funciona

Cada componente en el lienzo se mapea a un generador, y cada conexión al generador de conexiones. Los comandos se emiten en orden de dependencia: primero el espacio de trabajo, luego los proyectos, luego los componentes que alojan, luego las conexiones que los conectan.

Un sitio web siempre obtiene autenticación Cognito agregada inmediatamente después, ya que ts#website deja eso a un generador de seguimiento.

Se agrega un proyecto infra al final — ts#infra o terraform#project, coincidiendo con tu elección de IaC. Cada proyecto generado proporciona constructos para que este los instancie, así que esto es lo que despliegas. Debido a que posee ese nombre, ningún componente en el lienzo puede llamarse infra.

Usa Vertical / Horizontal en la barra de herramientas para cambiar la dirección en que fluye el grafo — los puntos de conexión se mueven a los bordes superior e inferior de cada componente, y el diseño se transpone para coincidir.

Arrastra el fondo del lienzo para desplazarte, y arrastra un componente para reposicionarlo. Shift-clic para seleccionar varios componentes y moverlos como un grupo. Haz clic en una conexión para seleccionarla, luego presiona Delete para eliminarla (o usa la ✕ en la conexión misma).

La paleta lista cada tipo de proyecto y componente que puede participar en una conexión, y solo puedes dibujar las conexiones que el plugin soporta — así que un grafo que valida es un grafo que se estructura.

Vale la pena conocer tres reglas:

Los componentes comparten un proyecto anfitrión. Un agente y un servidor MCP se agregan a un proyecto en lugar de ser proyectos por sí mismos. Dales el mismo nombre de proyecto anfitrión para ponerlos en un proyecto, o nombres diferentes para un proyecto cada uno.
Algunas conexiones restringen sus extremos. Conectar un agente a otro agente requiere que el objetivo use el protocolo a2a, por ejemplo. Donde una configuración de propiedad rompería una conexión que has dibujado, el constructor lo indica junto al componente y la conexión.
Dibujar una conexión puede ajustar el objetivo. Conectar un sitio web a un agente cambia ese agente al protocolo ag-ui, y conectar un agente a otro agente cambia el objetivo a a2a — los protocolos en los que se basan esas conexiones. Una propiedad que hayas establecido tú mismo nunca se cambia.