---
title: Primeros pasos
---

import { Callout } from 'fumadocs-ui/components/callout'
import { Card, Cards } from 'fumadocs-ui/components/card'
import { File, Files, Folder } from 'fumadocs-ui/components/files'
import { Step, Steps } from 'fumadocs-ui/components/steps'
import { Tab, Tabs } from 'fumadocs-ui/components/tabs'
import {
  AgentIcon,
  ApiIcon,
  ChartBarIcon,
  CodeIcon,
  ConditionalIcon,
  ConnectIcon,
  ExaAIIcon,
  FirecrawlIcon,
  GmailIcon,
  NotionIcon,
  PerplexityIcon,
  SlackIcon,
} from '@/components/icons'
import { Video } from '@/components/ui/video'
import { Image } from '@/components/ui/image'

Construye tu primer flujo de trabajo de IA en 10 minutos. En este tutorial, crearás un agente de investigación de personas que utiliza herramientas de búsqueda avanzadas potenciadas por LLM para extraer y estructurar información sobre individuos.

<Callout type="info">
  Este tutorial cubre los conceptos esenciales para construir flujos de trabajo en Sim. Tiempo estimado de finalización: 10 minutos.
</Callout>

## Lo que vas a construir

Un agente de investigación de personas que:
1. Acepta la entrada del usuario a través de una interfaz de chat
2. Busca en la web utilizando herramientas potenciadas por IA (Exa y Linkup)
3. Extrae y estructura información sobre individuos
4. Devuelve datos JSON formateados con ubicación, profesión y educación

<Image
  src="/static/getting-started/started-1.png"
  alt="Ejemplo de primeros pasos"
  width={800}
  height={500}
/>

## Tutorial paso a paso

<Steps>
  <Step title="Crear un flujo de trabajo y añadir un agente de IA">
    Haz clic en **Nuevo flujo de trabajo** en el panel de control y nómbralo "Primeros pasos".
    
    Cada nuevo flujo de trabajo incluye un **bloque de Inicio** por defecto—este es el punto de entrada que recibe la entrada del usuario. Como activaremos este flujo de trabajo a través del chat, no se necesita configuración para el bloque de Inicio.
    
    Arrastra un **Bloque de Agente** al lienzo desde el panel izquierdo y configúralo:
    - **Modelo**: Selecciona "OpenAI GPT-4o"
    - **Prompt del sistema**: "Eres un agente de investigación de personas. Cuando se te proporcione el nombre de una persona, utiliza tus herramientas de búsqueda disponibles para encontrar información completa sobre ella, incluyendo su ubicación, profesión, formación académica y otros detalles relevantes."
    - **Prompt del usuario**: Arrastra la conexión desde la salida del bloque de Inicio a este campo para conectar `<start.input>` al prompt del usuario
    
    <div className="mx-auto w-full overflow-hidden rounded-lg">
      <Video src="getting-started/started-2.mp4" width={700} height={450} />
    </div>
  </Step>
  
  <Step title="Añadir herramientas de búsqueda al agente">
    Mejora tu agente con capacidades de búsqueda web. Haz clic en el bloque de Agente para seleccionarlo.
    
    En la sección de **Herramientas**:
    - Haz clic en **Añadir herramienta**
    - Selecciona **Exa** y **Linkup** de las herramientas disponibles
    - Proporciona tus claves API para ambas herramientas para habilitar la búsqueda web y el acceso a datos
    
    <div className="mx-auto w-3/5 overflow-hidden rounded-lg">
      <Video src="getting-started/started-3.mp4" width={700} height={450} />
    </div>
  </Step>
  
  <Step title="Probar tu flujo de trabajo">
    Prueba tu flujo de trabajo usando el **panel de Chat** en el lado derecho de la pantalla.
    
    En el panel de chat:
    - Haz clic en el menú desplegable y selecciona `agent1.content` para ver la salida del agente
    - Introduce un mensaje de prueba: "John es un ingeniero de software de San Francisco que estudió Ciencias de la Computación en la Universidad de Stanford."
    - Haz clic en **Enviar** para ejecutar el flujo de trabajo
    
    El agente analizará a la persona y devolverá información estructurada.
    
    <div className="mx-auto w-full overflow-hidden rounded-lg">
      <Video src="getting-started/started-4.mp4" width={700} height={450} />
    </div>
  </Step>
  
  <Step title="Configurar la salida estructurada">
    Configura tu agente para que devuelva datos JSON estructurados. Haz clic en el bloque de Agente para seleccionarlo.
    
    En la sección **Formato de respuesta**:
    - Haz clic en el **icono de varita mágica** (✨) junto al campo de esquema
    - Introduce el prompt: "crear un esquema llamado persona, que contenga ubicación, profesión y educación"
    - La IA generará automáticamente el esquema JSON
    
    <div className="mx-auto w-full overflow-hidden rounded-lg">
      <Video src="getting-started/started-5.mp4" width={700} height={450} />
    </div>
  </Step>
  
  <Step title="Probar con salida estructurada">
    Vuelve al **panel de Chat** para probar el formato de respuesta estructurada.
    
    Con el formato de respuesta configurado, ahora hay nuevas opciones de salida disponibles:
    - Haz clic en el menú desplegable y selecciona la opción de salida estructurada (el esquema que acabas de crear)
    - Introduce un mensaje de prueba: "Sarah es una gerente de marketing de Nueva York que tiene un MBA de Harvard Business School."
    - Haz clic en **Enviar** para ejecutar el flujo de trabajo
    
    El agente ahora devolverá una salida JSON estructurada con la información de la persona organizada en campos de ubicación, profesión y educación.
    
    <div className="mx-auto w-full overflow-hidden rounded-lg">
      <Video src="getting-started/started-6.mp4" width={700} height={450} />
    </div>
  </Step>
</Steps>

## Lo que has construido

Has creado con éxito un flujo de trabajo de IA que:
- ✅ Acepta la entrada del usuario a través de una interfaz de chat
- ✅ Procesa texto no estructurado utilizando IA
- ✅ Integra herramientas de búsqueda externas (Exa y Linkup)
- ✅ Devuelve datos JSON estructurados con esquemas generados por IA
- ✅ Demuestra pruebas e iteración en tiempo real
- ✅ Muestra el poder del desarrollo visual sin código

## Conceptos clave que has aprendido

### Tipos de bloques utilizados

<Files>
  <File
    name="Bloque de inicio"
    icon={<ConnectIcon className="h-4 w-4" />}
    annotation="Punto de entrada para la entrada del usuario (incluido automáticamente)"
  />
  <File
    name="Bloque de agente"
    icon={<AgentIcon className="h-4 w-4" />}
    annotation="Modelo de IA para procesamiento y análisis de texto"
  />
</Files>

### Conceptos fundamentales del flujo de trabajo

**Flujo de datos**  
Conecta bloques arrastrando conexiones para pasar datos entre los pasos del flujo de trabajo

**Interfaz de chat**  
Prueba flujos de trabajo en tiempo real con el panel de chat y selecciona diferentes opciones de salida

**Integración de herramientas**  
Amplía las capacidades del agente integrando servicios externos como Exa y Linkup

**Referencias de variables**  
Accede a las salidas de los bloques utilizando la sintaxis `<blockName.output>`

**Salida estructurada**  
Define esquemas JSON para garantizar respuestas consistentes y formateadas desde la IA

**Esquemas generados por IA**  
Utiliza la varita mágica (✨) para generar esquemas a partir de indicaciones en lenguaje natural

**Desarrollo iterativo**  
Construye, prueba y refina flujos de trabajo rápidamente con retroalimentación inmediata

## Próximos pasos

<Cards>
  <Card title="Explorar bloques de flujo de trabajo" href="/blocks">
    Descubre bloques de flujo de trabajo de API, Función, Condición y otros
  </Card>
  <Card title="Explorar integraciones" href="/tools">
    Conecta más de 80 servicios incluyendo Gmail, Slack, Notion y más
  </Card>
  <Card title="Añadir lógica personalizada" href="/blocks/function">
    Escribe funciones personalizadas para procesamiento avanzado de datos
  </Card>
  <Card title="Implementar tu flujo de trabajo" href="/execution">
    Haz que tu flujo de trabajo sea accesible a través de API REST o webhooks
  </Card>
</Cards>

## Recursos

**¿Necesitas explicaciones detalladas?** Visita la [documentación de Bloques](/blocks) para guías completas sobre cada componente.

**¿Buscas integraciones?** Explora la [documentación de Herramientas](/tools) para ver las más de 80 integraciones disponibles.

**¿Listo para salir a producción?** Aprende sobre [Ejecución e Implementación](/execution) para hacer que tus flujos de trabajo estén listos para producción.
