Buckets:

hf-doc-build
/

doc-dev

Files

xet

hf-doc-build/doc-dev / agents-course /pr_653 /es /unit1 /agent-steps-and-structure.html

rtrm

about 2 months ago

download

raw

28.6 kB

	<meta charset="utf-8" /><meta name="hf:doc:metadata" content="{"title":"Entendiendo los Agentes de IA a través del Ciclo Pensamiento-Acción-Observación","local":"entendiendo-los-agentes-de-ia-a-través-del-ciclo-pensamiento-acción-observación","sections":[{"title":"Los Componentes Principales","local":"los-componentes-principales","sections":[],"depth":2},{"title":"El Ciclo Pensamiento-Acción-Observación","local":"el-ciclo-pensamiento-acción-observación","sections":[],"depth":2},{"title":"Alfred, el Agente del clima","local":"alfred-el-agente-del-clima","sections":[{"title":"Pensamiento","local":"pensamiento","sections":[],"depth":3},{"title":"Acción","local":"acción","sections":[],"depth":3},{"title":"Observación","local":"observación","sections":[],"depth":3},{"title":"Pensamiento actualizado","local":"pensamiento-actualizado","sections":[],"depth":3},{"title":"Acción Final","local":"acción-final","sections":[],"depth":3}],"depth":2}],"depth":1}">
	<link href="/docs/agents-course/pr_653/es/_app/immutable/assets/0.e3b0c442.css" rel="modulepreload">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/entry/start.65cfe222.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/chunks/scheduler.505acc25.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/chunks/singletons.c6308284.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/chunks/index.001f95d5.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/chunks/paths.98d49c11.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/entry/app.53a3a936.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/chunks/preload-helper.e1d8c9d4.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/chunks/index.fbb49fb4.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/nodes/0.2d8b75b4.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/chunks/each.e59479a4.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/nodes/22.1b368bcd.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/chunks/CopyLLMTxtMenu.b688dc36.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/chunks/MermaidChart.svelte_svelte_type_style_lang.28d80027.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/chunks/CodeBlock.bfbd04a0.js">
	<link rel="modulepreload" href="/docs/agents-course/pr_653/es/_app/immutable/chunks/Heading.511e0027.js"><!-- HEAD_svelte-u9bgzb_START --><meta name="hf:doc:metadata" content="{"title":"Entendiendo los Agentes de IA a través del Ciclo Pensamiento-Acción-Observación","local":"entendiendo-los-agentes-de-ia-a-través-del-ciclo-pensamiento-acción-observación","sections":[{"title":"Los Componentes Principales","local":"los-componentes-principales","sections":[],"depth":2},{"title":"El Ciclo Pensamiento-Acción-Observación","local":"el-ciclo-pensamiento-acción-observación","sections":[],"depth":2},{"title":"Alfred, el Agente del clima","local":"alfred-el-agente-del-clima","sections":[{"title":"Pensamiento","local":"pensamiento","sections":[],"depth":3},{"title":"Acción","local":"acción","sections":[],"depth":3},{"title":"Observación","local":"observación","sections":[],"depth":3},{"title":"Pensamiento actualizado","local":"pensamiento-actualizado","sections":[],"depth":3},{"title":"Acción Final","local":"acción-final","sections":[],"depth":3}],"depth":2}],"depth":1}"><!-- HEAD_svelte-u9bgzb_END --> <p></p> <div class="items-center shrink-0 min-w-[100px] max-sm:min-w-[50px] justify-end ml-auto flex" style="float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"><div class="inline-flex rounded-md max-sm:rounded-sm"><button class="inline-flex items-center gap-1 h-7 max-sm:h-7 px-2 max-sm:px-1.5 text-sm font-medium text-gray-800 border border-r-0 rounded-l-md max-sm:rounded-l-sm border-gray-200 bg-white hover:shadow-inner dark:border-gray-850 dark:bg-gray-950 dark:text-gray-200 dark:hover:bg-gray-800" aria-live="polite"><span class="inline-flex items-center justify-center rounded-md p-0.5 max-sm:p-0 hover:text-gray-800 dark:hover:text-gray-200"><svg class="sm:size-3.5 size-3" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z" transform="translate(0)"></path><path d="M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z" transform="translate(0)"></path><rect fill="none" width="32" height="32"></rect></svg></span> <span>Copy page</span></button> <button class="inline-flex items-center justify-center w-6 max-sm:w-5 h-7 max-sm:h-7 disabled:pointer-events-none text-sm text-gray-500 hover:text-gray-700 dark:hover:text-white rounded-r-md max-sm:rounded-r-sm border border-l transition border-gray-200 bg-white hover:shadow-inner dark:border-gray-850 dark:bg-gray-950 dark:text-gray-200 dark:hover:bg-gray-800" aria-haspopup="menu" aria-expanded="false" aria-label="Open copy menu"><svg class="transition-transform text-gray-400 overflow-visible sm:size-3.5 size-3 rotate-0" width="1em" height="1em" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L6 6L11 1" stroke="currentColor"></path></svg></button></div> </div> <h1 class="relative group"><a id="entendiendo-los-agentes-de-ia-a-través-del-ciclo-pensamiento-acción-observación" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#entendiendo-los-agentes-de-ia-a-través-del-ciclo-pensamiento-acción-observación"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Entendiendo los Agentes de IA a través del Ciclo Pensamiento-Acción-Observación</span></h1> <img src="https://huggingface.co/datasets/agents-course/course-images/resolve/main/en/unit1/whiteboard-check-3.jpg" alt="Planificación de la Unidad 1"> <p data-svelte-h="svelte-shop9">En las secciones anteriores, aprendimos:</p> <ul data-svelte-h="svelte-1uijstq"><li><strong>Cómo las herramientas se ponen a disposición del agente en el prompt del sistema</strong>.</li> <li><strong>Cómo los agentes de IA son sistemas que pueden ‘razonar’, planificar e interactuar con su entorno</strong>.</li></ul> <p data-svelte-h="svelte-omakz3">En esta sección, <strong>exploraremos el Flujo de Trabajo completo del Agente de IA</strong>, un ciclo que definimos como Pensamiento-Acción-Observación.</p> <p data-svelte-h="svelte-16hrz8k">Y luego, profundizaremos en cada uno de estos pasos.</p> <h2 class="relative group"><a id="los-componentes-principales" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#los-componentes-principales"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Los Componentes Principales</span></h2> <p data-svelte-h="svelte-1rd5znf">Los agentes trabajan en un ciclo continuo de: <strong>pensar (Pensamiento) → actuar (Acción) y observar (Observación)</strong>.</p> <p data-svelte-h="svelte-19tzu76">Analicemos estas acciones juntos:</p> <ol data-svelte-h="svelte-201f9t"><li><strong>Pensamiento</strong>: La parte LLM del Agente decide cuál debe ser el siguiente paso.</li> <li><strong>Acción:</strong> El agente realiza una acción, llamando a las herramientas con los argumentos asociados.</li> <li><strong>Observación:</strong> El modelo reflexiona sobre la respuesta de la herramienta.</li></ol> <h2 class="relative group"><a id="el-ciclo-pensamiento-acción-observación" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#el-ciclo-pensamiento-acción-observación"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>El Ciclo Pensamiento-Acción-Observación</span></h2> <p data-svelte-h="svelte-12a9ze7">Los tres componentes trabajan juntos en un bucle continuo. Para usar una analogía de la programación, el agente utiliza un <strong>bucle while</strong>: el bucle continúa hasta que se cumple el objetivo del agente.</p> <p data-svelte-h="svelte-1vbxdjf">Visualmente, se ve así:</p> <img src="https://huggingface.co/datasets/agents-course/course-images/resolve/main/en/unit1/AgentCycle.gif" alt="Ciclo Pensar, Actuar, Observar"> <p data-svelte-h="svelte-ji3voc">En muchos frameworks de Agentes, <strong>las reglas y directrices están integradas directamente en el prompt del sistema</strong>, asegurando que cada ciclo se adhiera a una lógica definida.</p> <p data-svelte-h="svelte-1bkfs11">En una versión simplificada, nuestro prompt del sistema puede verse así:</p> <img src="https://huggingface.co/datasets/agents-course/course-images/resolve/main/en/unit1/system_prompt_cycle.png" alt="Ciclo Pensar, Actuar, Observar"> <p data-svelte-h="svelte-1sf0ycv">Vemos aquí que en el Mensaje del Sistema definimos:</p> <ul data-svelte-h="svelte-16aq58w"><li>El <em>comportamiento del Agente</em>.</li> <li>Las <em>Herramientas a las que nuestro Agente tiene acceso</em>, como describimos en la sección anterior.</li> <li>El <em>Ciclo Pensamiento-Acción-Observación</em>, que incorporamos en las instrucciones del LLM.</li></ul> <p data-svelte-h="svelte-vuxfyj">Tomemos un pequeño ejemplo para entender el proceso antes de profundizar en cada paso del proceso.</p> <h2 class="relative group"><a id="alfred-el-agente-del-clima" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#alfred-el-agente-del-clima"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Alfred, el Agente del clima</span></h2> <p data-svelte-h="svelte-96pgb3">Creamos a Alfred, el Agente del Clima.</p> <p data-svelte-h="svelte-1uwss1p">Un usuario le pregunta a Alfred: “¿Cómo está el clima en Nueva York hoy?”</p> <img src="https://huggingface.co/datasets/agents-course/course-images/resolve/main/en/unit1/alfred-agent.jpg" alt="Agente Alfred"> <p data-svelte-h="svelte-13parcj">El trabajo de Alfred es responder a esta consulta utilizando una herramienta de API del clima.</p> <p data-svelte-h="svelte-1d9mksz">Así es como se desarrolla el ciclo:</p> <h3 class="relative group"><a id="pensamiento" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#pensamiento"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Pensamiento</span></h3> <p data-svelte-h="svelte-uljzjt"><strong>Razonamiento Interno:</strong></p> <p data-svelte-h="svelte-14vppg2">Al recibir la consulta, el diálogo interno de Alfred podría ser:</p> <p data-svelte-h="svelte-1gkriwn"><em>“El usuario necesita información del clima actual para Nueva York. Tengo acceso a una herramienta que obtiene datos del clima. Primero, necesito llamar a la API del clima para obtener detalles actualizados.”</em></p> <p data-svelte-h="svelte-1uez89a">Este paso muestra al agente dividiendo el problema en pasos: primero, recopilando los datos necesarios.</p> <img src="https://huggingface.co/datasets/agents-course/course-images/resolve/main/en/unit1/alfred-agent-1.jpg" alt="Agente Alfred"> <h3 class="relative group"><a id="acción" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#acción"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Acción</span></h3> <p data-svelte-h="svelte-1wbtt9m"><strong>Uso de Herramientas:</strong></p> <p data-svelte-h="svelte-1sn2hst">Basado en su razonamiento y en el hecho de que Alfred conoce una herramienta <code>get_weather</code>, Alfred prepara un comando con formato JSON que llama a la herramienta de API del clima. Por ejemplo, su primera acción podría ser:</p> <p data-svelte-h="svelte-1c33ayl">Pensamiento: Necesito verificar el clima actual para Nueva York.</p> <div class="code-block relative "><div class="absolute top-2.5 right-4"><button class="inline-flex items-center relative text-sm focus:text-green-500 cursor-pointer focus:outline-none transition duration-200 ease-in-out opacity-0 mx-0.5 text-gray-600 " title="code excerpt" type="button"><svg class="" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z" transform="translate(0)"></path><path d="M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z" transform="translate(0)"></path><rect fill="none" width="32" height="32"></rect></svg> <div class="absolute pointer-events-none transition-opacity bg-black text-white py-1 px-2 leading-tight rounded font-normal shadow left-1/2 top-full transform -translate-x-1/2 translate-y-2 opacity-0"><div class="absolute bottom-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-black border-4 border-t-0" style="border-left-color: transparent; border-right-color: transparent; "></div> Copied</div></button></div> <pre class=""><!-- HTML_TAG_START --> <span class="hljs-punctuation">{</span>
	<span class="hljs-attr">"action"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"get_weather"</span><span class="hljs-punctuation">,</span>
	<span class="hljs-attr">"action_input"</span><span class="hljs-punctuation">:</span> <span class="hljs-punctuation">{</span>
	<span class="hljs-attr">"location"</span><span class="hljs-punctuation">:</span> <span class="hljs-string">"Nueva York"</span>
	<span class="hljs-punctuation">}</span>
	<span class="hljs-punctuation">}</span><!-- HTML_TAG_END --></pre></div> <p data-svelte-h="svelte-xcvcsw">Aquí, la acción especifica claramente qué herramienta llamar (por ejemplo, get_weather) y qué parámetro pasar (el “location”: “Nueva York”).</p> <img src="https://huggingface.co/datasets/agents-course/course-images/resolve/main/en/unit1/alfred-agent-2.jpg" alt="Agente Alfred"> <h3 class="relative group"><a id="observación" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#observación"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Observación</span></h3> <p data-svelte-h="svelte-9yrsjv"><strong>Retroalimentación del Entorno:</strong></p> <p data-svelte-h="svelte-qx60i3">Después de la llamada a la herramienta, Alfred recibe una observación. Esto podría ser los datos brutos del clima de la API, como:</p> <p data-svelte-h="svelte-d6wywa"><em>“Clima actual en Nueva York: parcialmente nublado, 15°C, 60% de humedad.”</em></p> <img src="https://huggingface.co/datasets/agents-course/course-images/resolve/main/en/unit1/alfred-agent-3.jpg" alt="Agente Alfred"> <p data-svelte-h="svelte-1ol6q1g">Esta observación se agrega luego al prompt como contexto adicional. Funciona como retroalimentación del mundo real, confirmando si la acción tuvo éxito y proporcionando los detalles necesarios.</p> <h3 class="relative group"><a id="pensamiento-actualizado" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#pensamiento-actualizado"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Pensamiento actualizado</span></h3> <p data-svelte-h="svelte-15n3n99"><strong>Reflexionando:</strong></p> <p data-svelte-h="svelte-1oi48e2">Con la observación en mano, Alfred actualiza su razonamiento interno:</p> <p data-svelte-h="svelte-1h93yly"><em>“Ahora que tengo los datos del clima para Nueva York, puedo compilar una respuesta para el usuario.”</em></p> <img src="https://huggingface.co/datasets/agents-course/course-images/resolve/main/en/unit1/alfred-agent-4.jpg" alt="Agente Alfred"> <h3 class="relative group"><a id="acción-final" class="header-link block pr-1.5 text-lg no-hover:hidden with-hover:absolute with-hover:p-1.5 with-hover:opacity-0 with-hover:group-hover:opacity-100 with-hover:right-full" href="#acción-final"><span><svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path d="M167.594 88.393a8.001 8.001 0 0 1 0 11.314l-67.882 67.882a8 8 0 1 1-11.314-11.315l67.882-67.881a8.003 8.003 0 0 1 11.314 0zm-28.287 84.86l-28.284 28.284a40 40 0 0 1-56.567-56.567l28.284-28.284a8 8 0 0 0-11.315-11.315l-28.284 28.284a56 56 0 0 0 79.196 79.197l28.285-28.285a8 8 0 1 0-11.315-11.314zM212.852 43.14a56.002 56.002 0 0 0-79.196 0l-28.284 28.284a8 8 0 1 0 11.314 11.314l28.284-28.284a40 40 0 0 1 56.568 56.567l-28.285 28.285a8 8 0 0 0 11.315 11.314l28.284-28.284a56.065 56.065 0 0 0 0-79.196z" fill="currentColor"></path></svg></span></a> <span>Acción Final</span></h3> <p data-svelte-h="svelte-v4wd1s">Alfred luego genera una respuesta final formateada como le indicamos:</p> <p data-svelte-h="svelte-pvhem5">Pensamiento: Ya tengo los datos del clima. El clima actual en Nueva York es parcialmente nublado con una temperatura de 15°C y 60% de humedad.</p> <p data-svelte-h="svelte-2doxyt">Respuesta final: El clima actual en Nueva York es parcialmente nublado con una temperatura de 15°C y 60% de humedad.</p> <p data-svelte-h="svelte-z2yhbl">Esta acción final envía la respuesta de vuelta al usuario, cerrando el bucle.</p> <img src="https://huggingface.co/datasets/agents-course/course-images/resolve/main/en/unit1/alfred-agent-5.jpg" alt="Agente Alfred"> <p data-svelte-h="svelte-rflqrw">Lo que vemos en este ejemplo:</p> <ul data-svelte-h="svelte-1opnpsm"><li><strong>Los agentes iteran a través de un bucle hasta que se cumple el objetivo:</strong></li></ul> <p data-svelte-h="svelte-1nwfic0"><strong>El proceso de Alfred es cíclico</strong>. Comienza con un pensamiento, luego actúa llamando a una herramienta, y finalmente observa el resultado. Si la observación hubiera indicado un error o datos incompletos, Alfred podría haber vuelto a entrar en el ciclo para corregir su enfoque.</p> <ul data-svelte-h="svelte-tedqnj"><li><strong>Integración de Herramientas:</strong></li></ul> <p data-svelte-h="svelte-10uq5g6">La capacidad de llamar a una herramienta (como una API del clima) permite a Alfred <strong>ir más allá del conocimiento estático y recuperar datos en tiempo real</strong>, un aspecto esencial de muchos Agentes de IA.</p> <ul data-svelte-h="svelte-1kehfjk"><li><strong>Adaptación Dinámica:</strong></li></ul> <p data-svelte-h="svelte-rr5x93">Cada ciclo permite al agente incorporar información nueva (observaciones) en su razonamiento (pensamiento), asegurando que la respuesta final esté bien informada y sea precisa.</p> <p data-svelte-h="svelte-1hn2fpa">Este ejemplo muestra el concepto central detrás del <em>ciclo ReAct</em> (un concepto que vamos a desarrollar en la siguiente sección): <strong>la interacción de Pensamiento, Acción y Observación empodera a los agentes de IA para resolver tareas complejas de manera iterativa</strong>.</p> <p data-svelte-h="svelte-1voupx5">Al entender y aplicar estos principios, puedes diseñar agentes que no solo razonan sobre sus tareas sino que también <strong>utilizan eficazmente herramientas externas para completarlas</strong>, todo mientras refinan continuamente su salida basándose en la retroalimentación del entorno.</p> <hr> <p data-svelte-h="svelte-mxfl5w">Ahora profundicemos en el Pensamiento, la Acción y la Observación como los pasos individuales del proceso.</p> <a class="!text-gray-400 !no-underline text-sm flex items-center not-prose mt-4" href="https://github.com/huggingface/agents-course/blob/main/units/es/unit1/agent-steps-and-structure.mdx" target="_blank"><svg class="mr-1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" fill="currentColor" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path d="M31,16l-7,7l-1.41-1.41L28.17,16l-5.58-5.59L24,9l7,7z"></path><path d="M1,16l7-7l1.41,1.41L3.83,16l5.58,5.59L8,23l-7-7z"></path><path d="M12.419,25.484L17.639,6.552l1.932,0.518L14.351,26.002z"></path></svg> <span data-svelte-h="svelte-zjs2n5"><span class="underline">Update</span> on GitHub</span></a> <p></p>

	<script>
	{
	__sveltekit_cm7tj0 = {
	assets: "/docs/agents-course/pr_653/es",
	base: "/docs/agents-course/pr_653/es",
	env: {}
	};

	const element = document.currentScript.parentElement;

	const data = [null,null];

	Promise.all([
	import("/docs/agents-course/pr_653/es/_app/immutable/entry/start.65cfe222.js"),
	import("/docs/agents-course/pr_653/es/_app/immutable/entry/app.53a3a936.js")
	]).then(([kit, app]) => {
	kit.start(app, element, {
	node_ids: [0, 22],
	data,
	form: null,
	error: null
	});
	});
	}
	</script>

Xet Storage Details

Size:: 28.6 kB
Xet hash:: 8139c8c3d312478aed66638df75b5402011b539ae9f556723fc568c5fd53bd43

Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.