Hugging Face's logo

Buckets:
hf-doc-build
/
doc-dev

Files
xet
hf-doc-build/doc-dev / agents-course /pr_545 /es /unit1 /tutorial.html
rtrm's picture
rtrm
download
raw
31 kB
<meta charset="utf-8" /><meta name="hf:doc:metadata" content="{&quot;title&quot;:&quot;Vamos Crear Nuestro Primer Agente Usando smolagents&quot;,&quot;local&quot;:&quot;vamos-crear-nuestro-primer-agente-usando-smolagents&quot;,&quot;sections&quot;:[{&quot;title&quot;:&quot;¿Qué es smolagents?&quot;,&quot;local&quot;:&quot;qué-es-smolagents&quot;,&quot;sections&quot;:[],&quot;depth&quot;:2},{&quot;title&quot;:&quot;¡Construyamos nuestro Agente!&quot;,&quot;local&quot;:&quot;construyamos-nuestro-agente&quot;,&quot;sections&quot;:[{&quot;title&quot;:&quot;Las Herramientas&quot;,&quot;local&quot;:&quot;las-herramientas&quot;,&quot;sections&quot;:[],&quot;depth&quot;:3},{&quot;title&quot;:&quot;El Agente&quot;,&quot;local&quot;:&quot;el-agente&quot;,&quot;sections&quot;:[],&quot;depth&quot;:3}],&quot;depth&quot;:2}],&quot;depth&quot;:1}">
 <link href="/docs/agents-course/pr_545/es/_app/immutable/assets/0.e3b0c442.css" rel="modulepreload">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/entry/start.63ebcd5b.js">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/chunks/scheduler.37c15a92.js">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/chunks/singletons.4b25defb.js">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/chunks/index.18351ede.js">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/chunks/paths.6deaf1b7.js">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/entry/app.b37467ae.js">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/chunks/index.2bf4358c.js">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/nodes/0.147ec314.js">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/chunks/each.e59479a4.js">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/nodes/33.448b92f0.js">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/chunks/CodeBlock.4e987730.js">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/chunks/Heading.8ada512a.js">
 <link rel="modulepreload" href="/docs/agents-course/pr_545/es/_app/immutable/chunks/getInferenceSnippets.031140c2.js"><!-- HEAD_svelte-u9bgzb_START --><meta name="hf:doc:metadata" content="{&quot;title&quot;:&quot;Vamos Crear Nuestro Primer Agente Usando smolagents&quot;,&quot;local&quot;:&quot;vamos-crear-nuestro-primer-agente-usando-smolagents&quot;,&quot;sections&quot;:[{&quot;title&quot;:&quot;¿Qué es smolagents?&quot;,&quot;local&quot;:&quot;qué-es-smolagents&quot;,&quot;sections&quot;:[],&quot;depth&quot;:2},{&quot;title&quot;:&quot;¡Construyamos nuestro Agente!&quot;,&quot;local&quot;:&quot;construyamos-nuestro-agente&quot;,&quot;sections&quot;:[{&quot;title&quot;:&quot;Las Herramientas&quot;,&quot;local&quot;:&quot;las-herramientas&quot;,&quot;sections&quot;:[],&quot;depth&quot;:3},{&quot;title&quot;:&quot;El Agente&quot;,&quot;local&quot;:&quot;el-agente&quot;,&quot;sections&quot;:[],&quot;depth&quot;:3}],&quot;depth&quot;:2}],&quot;depth&quot;:1}"><!-- HEAD_svelte-u9bgzb_END --> <p></p> <h1 class="relative group"><a id="vamos-crear-nuestro-primer-agente-usando-smolagents" 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="#vamos-crear-nuestro-primer-agente-usando-smolagents"><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>Vamos Crear Nuestro Primer Agente Usando smolagents</span></h1> <p data-svelte-h="svelte-1k05pg6">En la última sección, aprendimos cómo podemos crear Agentes desde cero usando código Python, y <strong>vimos lo tedioso que puede ser ese proceso</strong>. Afortunadamente, muchas librerías de Agentes simplifican este trabajo <strong>manejando gran parte del trabajo pesado por ti</strong>.</p> <p data-svelte-h="svelte-tievl2">En este tutorial, <strong>crearás tu primer Agente</strong> capaz de realizar acciones como generación de imágenes, búsqueda web, verificación de zonas horarias y mucho más.</p> <p data-svelte-h="svelte-11b1hs9">También publicarás tu agente <strong>en un Space de Hugging Face para que puedas compartirlo con amigos y colegas</strong>.</p> <p data-svelte-h="svelte-z8wdc9">¡Comencemos!</p> <h2 class="relative group"><a id="qué-es-smolagents" 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="#qué-es-smolagents"><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>¿Qué es smolagents?</span></h2> <img src="https://huggingface.co/datasets/agents-course/course-images/resolve/main/en/unit1/smolagents.png" alt="smolagents"> <p data-svelte-h="svelte-zqt6ec">Para crear este Agente, vamos a usar <code>smolagents</code>, una librería que <strong>proporciona un marco para desarrollar tus agentes con facilidad</strong>.</p> <p data-svelte-h="svelte-ibz603">Esta librería ligera está diseñada para ser simple, pero abstrae gran parte de la complejidad de construir un Agente, permitiéndote enfocarte en diseño el comportamiento de tu agente.</p> <p data-svelte-h="svelte-1oz1fp9">Profundizaremos más en smolagents en la siguiente Unidad. Mientras tanto, también puedes consultar esta <a href="https://huggingface.co/blog/smolagents" target="_blank">publicación del blog</a> o el <a href="https://github.com/huggingface/smolagents" target="_blank">repositorio de la librería en GitHub</a>.</p> <p data-svelte-h="svelte-1971uy4">En resumen, <code>smolagents</code> es una librería que se enfoca en <strong>codeAgent</strong>, un tipo de agente que realiza <strong>“Acciones”</strong> a través de bloques de código, y luego <strong>“Observa”</strong> los resultados ejecutando el código.</p> <p data-svelte-h="svelte-1kjiebb">¡Aquí un ejemplo de lo que construiremos!</p> <p data-svelte-h="svelte-1pdukv3">Proporcionamos a nuestro agente una <strong>herramienta de generación de imágenes</strong> y le pedimos que genere una imagen de un gato.</p> <p data-svelte-h="svelte-1e49dxv">El agente dentro de <code>smolagents</code> va a tener los <strong>mismos comportamientos que el personalizado que construimos anteriormente</strong>: va a <strong>pensar, actuar y observar en ciclo</strong> hasta que llegue a una respuesta final:</p> <iframe width="560" height="315" src="https://www.youtube.com/embed/PQDKcWiuln4?si=ysSTDZoi8y55FVvA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe> <p data-svelte-h="svelte-160ich6">Emocionante, ¿cierto?</p> <h2 class="relative group"><a id="construyamos-nuestro-agente" 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="#construyamos-nuestro-agente"><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>¡Construyamos nuestro Agente!</span></h2> <p data-svelte-h="svelte-x24dt4">Para comenzar, duplica este Space: <a href="https://huggingface.co/spaces/agents-course/First_agent_template" target="_blank">https://huggingface.co/spaces/agents-course/First_agent_template</a></p> <blockquote data-svelte-h="svelte-1lt0ymi"><p>¡Gracias a <a href="https://huggingface.co/m-ric" target="_blank">Aymeric</a> por esta plantilla! 🙌</p></blockquote> <p data-svelte-h="svelte-976dli">Duplicar este space significa <strong>crear una copia local en tu propio perfil</strong>:</p> <img src="https://huggingface.co/datasets/agents-course/course-images/resolve/main/en/unit1/duplicate-space.gif" alt="Duplicate"> <p data-svelte-h="svelte-ahm5nq">A lo largo de esta lección, el único archivo que necesitarás modificar es el (actualmente incompleto) <strong>“app.py”</strong>. Puedes ver aquí el <a href="https://huggingface.co/spaces/agents-course/First_agent_template/blob/main/app.py" rel="nofollow">original en la plantilla</a>. Para encontrar el tuyo, ve a tu copia del space, luego haz clic en la pestaña <code>Files</code> y luego en <code>app.py</code> en el listado de directorios.</p> <p data-svelte-h="svelte-yy81s5">Analicemos el código juntos:</p> <ul data-svelte-h="svelte-119fxux"><li>El archivo comienza con algunas importaciones de bibliotecas simples pero necesarias</li></ul> <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-keyword">from</span> smolagents <span class="hljs-keyword">import</span> CodeAgent, DuckDuckGoSearchTool, InferenceClientModel, load_tool, tool
<span class="hljs-keyword">import</span> datetime
<span class="hljs-keyword">import</span> requests
<span class="hljs-keyword">import</span> pytz
<span class="hljs-keyword">import</span> yaml
<span class="hljs-keyword">from</span> tools.final_answer <span class="hljs-keyword">import</span> FinalAnswerTool<!-- HTML_TAG_END --></pre></div> <p data-svelte-h="svelte-mt70f8">Como se describió anteriormente, usaremos directamente la clase <strong>CodeAgent</strong> de <strong>smolagents</strong>.</p> <h3 class="relative group"><a id="las-herramientas" 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="#las-herramientas"><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>Las Herramientas</span></h3> <p data-svelte-h="svelte-1ou7f4u">¡Ahora vamos con las herramientas! Si quieres un repaso sobre las herramientas, no dudes en volver a la sección <a href="tools">Herramientas</a> del curso.</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-meta">@tool</span>
<span class="hljs-keyword">def</span> <span class="hljs-title function_">my_custom_tool</span>(<span class="hljs-params">arg1:<span class="hljs-built_in">str</span>, arg2:<span class="hljs-built_in">int</span></span>)-&gt; <span class="hljs-built_in">str</span>: <span class="hljs-comment"># es importante especificar el tipo que se regresara</span>
 <span class="hljs-comment"># Mantén este formato para la descripción de la herramienta / descripción de args pero siéntete libre de modificar la herramienta</span>
 <span class="hljs-string">&quot;&quot;&quot;Una herramienta que aun no hace nada
Args:
 arg1: el primer argumento
 arg2: el segundo argumento
 &quot;&quot;&quot;</span>
 <span class="hljs-keyword">return</span> <span class="hljs-string">&quot;¿Qué magia construirás?&quot;</span>
<span class="hljs-meta">@tool</span>
<span class="hljs-keyword">def</span> <span class="hljs-title function_">get_current_time_in_timezone</span>(<span class="hljs-params">timezone: <span class="hljs-built_in">str</span></span>) -&gt; <span class="hljs-built_in">str</span>:
 <span class="hljs-string">&quot;&quot;&quot;Una herramienta que obtiene la hora local actual en una zona horaria especificada.
 Args:
 timezone: Una cadena que representa una zona horaria válida (por ejemplo, &#x27;America/New_York&#x27;).
 &quot;&quot;&quot;</span>
 <span class="hljs-keyword">try</span>:
 <span class="hljs-comment"># Crear objeto de zona horaria</span>
 tz = pytz.timezone(timezone)
 <span class="hljs-comment"># Obtener la hora actual en esa zona horaria</span>
 local_time = datetime.datetime.now(tz).strftime(<span class="hljs-string">&quot;%Y-%m-%d %H:%M:%S&quot;</span>)
 <span class="hljs-keyword">return</span> <span class="hljs-string">f&quot;La hora local actual en <span class="hljs-subst">{timezone}</span> es: <span class="hljs-subst">{local_time}</span>&quot;</span>
 <span class="hljs-keyword">except</span> Exception <span class="hljs-keyword">as</span> e:
 <span class="hljs-keyword">return</span> <span class="hljs-string">f&quot;Error al obtener la hora para la zona horaria &#x27;<span class="hljs-subst">{timezone}</span>&#x27;: <span class="hljs-subst">{<span class="hljs-built_in">str</span>(e)}</span>&quot;</span><!-- HTML_TAG_END --></pre></div> <p data-svelte-h="svelte-1q83jk1">Las Herramientas son lo que te estamos animando a construir en esta sección. Te damos dos ejemplos:</p> <ol data-svelte-h="svelte-1xx1ttu"><li>Una <strong>Herramienta ficticia que no funciona</strong> que puedes modificar para hacer algo útil.</li> <li>Una <strong>Herramienta que realmente funciona</strong> que obtiene la hora actual en algún lugar del mundo.</li></ol> <p data-svelte-h="svelte-fltuof">Para definir tu herramienta es importante:</p> <ol data-svelte-h="svelte-1mxmbql"><li>Proporcionar tipos de entrada y salida para tu función, como en <code>get_current_time_in_timezone(timezone: str) -&gt; str:</code></li> <li><strong>Un docstring formateado</strong>. <code>smolagents</code> espera que todos los argumentos tengan una <strong>descripción textual en el docstring</strong>.</li></ol> <h3 class="relative group"><a id="el-agente" 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-agente"><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 Agente</span></h3> <p data-svelte-h="svelte-4qpjof">Utiliza <a href="https://huggingface.co/Qwen/Qwen2.5-Coder-32B-Instruct" rel="nofollow"><code>Qwen/Qwen2.5-Coder-32B-Instruct</code></a> como motor LLM. Este es un modelo muy capaz al que accederemos a través de la API sin servidor.</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 -->final_answer = FinalAnswerTool()
model = InferenceClientModel(
 max_tokens=<span class="hljs-number">2096</span>,
 temperature=<span class="hljs-number">0.5</span>,
 model_id=<span class="hljs-string">&#x27;Qwen/Qwen2.5-Coder-32B-Instruct&#x27;</span>,
 custom_role_conversions=<span class="hljs-literal">None</span>,
)
<span class="hljs-keyword">with</span> <span class="hljs-built_in">open</span>(<span class="hljs-string">&quot;prompts.yaml&quot;</span>, <span class="hljs-string">&#x27;r&#x27;</span>) <span class="hljs-keyword">as</span> stream:
 prompt_templates = yaml.safe_load(stream)
<span class="hljs-comment"># Estamos creando nuestro CodeAgent</span>
agent = CodeAgent(
 model=model,
 tools=[final_answer], <span class="hljs-comment"># añade tus herramientas aquí (no elimines final_answer)</span>
 max_steps=<span class="hljs-number">6</span>,
 verbosity_level=<span class="hljs-number">1</span>,
 grammar=<span class="hljs-literal">None</span>,
 planning_interval=<span class="hljs-literal">None</span>,
 name=<span class="hljs-literal">None</span>,
 description=<span class="hljs-literal">None</span>,
 prompt_templates=prompt_templates
)
GradioUI(agent).launch()<!-- HTML_TAG_END --></pre></div> <p data-svelte-h="svelte-noysk9">¡Este Agente todavía usa el <code>InferenceClient</code> que vimos en una sección anterior detrás de la clase <strong>InferenceClientModel</strong>!</p> <p data-svelte-h="svelte-10pkzke">Daremos ejemplos más detallados cuando presentemos el marco en la Unidad 2. Por ahora, debes enfocarte en <strong>agregar nuevas herramientas a la lista de herramientas</strong> usando el parámetro <code>tools</code> de tu Agente.</p> <p data-svelte-h="svelte-vla5kx">Por ejemplo, podrías usar el <code>DuckDuckGoSearchTool</code> que se importó en la primera línea del código, o puedes examinar el <code>image_generation_tool</code> que se carga desde el Hub más adelante en el código.</p> <p data-svelte-h="svelte-i0yzw0"><strong>Agregar herramientas le dará a tu agente nuevas capacidades</strong>, ¡intenta ser creativo aquí!</p> <p data-svelte-h="svelte-kgrbhd">El “app.py” completo:</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-keyword">from</span> smolagents <span class="hljs-keyword">import</span> CodeAgent, DuckDuckGoSearchTool, InferenceClientModel, load_tool, tool
<span class="hljs-keyword">import</span> datetime
<span class="hljs-keyword">import</span> requests
<span class="hljs-keyword">import</span> pytz
<span class="hljs-keyword">import</span> yaml
<span class="hljs-keyword">from</span> tools.final_answer <span class="hljs-keyword">import</span> FinalAnswerTool
<span class="hljs-keyword">from</span> Gradio_UI <span class="hljs-keyword">import</span> GradioUI
<span class="hljs-comment"># A continuación hay un ejemplo de una herramienta que no hace nada. ¡Sorpréndenos con tu creatividad!</span>
<span class="hljs-meta">@tool</span>
<span class="hljs-keyword">def</span> <span class="hljs-title function_">my_custom_tool</span>(<span class="hljs-params">arg1:<span class="hljs-built_in">str</span>, arg2:<span class="hljs-built_in">int</span></span>)-&gt; <span class="hljs-built_in">str</span>: <span class="hljs-comment"># es importante especificar el tipo de retorno</span>
 <span class="hljs-comment"># Mantén este formato para la descripción de la herramienta / descripción de args pero siéntete libre de modificar la herramienta</span>
 <span class="hljs-string">&quot;&quot;&quot;Una herramienta que aún no hace nada
Args:
 arg1: el primer argumento
 arg2: el segundo argumento
 &quot;&quot;&quot;</span>
 <span class="hljs-keyword">return</span> <span class="hljs-string">&quot;¿Qué magia construirás?&quot;</span>
<span class="hljs-meta">@tool</span>
<span class="hljs-keyword">def</span> <span class="hljs-title function_">get_current_time_in_timezone</span>(<span class="hljs-params">timezone: <span class="hljs-built_in">str</span></span>) -&gt; <span class="hljs-built_in">str</span>:
 <span class="hljs-string">&quot;&quot;&quot;Una herramienta que obtiene la hora local actual en una zona horaria especificada.
 Args:
 timezone: Una cadena que representa una zona horaria válida (por ejemplo, &#x27;America/New_York&#x27;).
 &quot;&quot;&quot;</span>
 <span class="hljs-keyword">try</span>:
 <span class="hljs-comment"># Crear objeto de zona horaria</span>
 tz = pytz.timezone(timezone)
 <span class="hljs-comment"># Obtener la hora actual en esa zona horaria</span>
 local_time = datetime.datetime.now(tz).strftime(<span class="hljs-string">&quot;%Y-%m-%d %H:%M:%S&quot;</span>)
 <span class="hljs-keyword">return</span> <span class="hljs-string">f&quot;La hora local actual en <span class="hljs-subst">{timezone}</span> es: <span class="hljs-subst">{local_time}</span>&quot;</span>
 <span class="hljs-keyword">except</span> Exception <span class="hljs-keyword">as</span> e:
 <span class="hljs-keyword">return</span> <span class="hljs-string">f&quot;Error al obtener la hora para la zona horaria &#x27;<span class="hljs-subst">{timezone}</span>&#x27;: <span class="hljs-subst">{<span class="hljs-built_in">str</span>(e)}</span>&quot;</span>
final_answer = FinalAnswerTool()
model = InferenceClientModel(
max_tokens=<span class="hljs-number">2096</span>,
temperature=<span class="hljs-number">0.5</span>,
model_id=<span class="hljs-string">&#x27;Qwen/Qwen2.5-Coder-32B-Instruct&#x27;</span>,
custom_role_conversions=<span class="hljs-literal">None</span>,
)
<span class="hljs-comment"># Importar herramienta desde Hub</span>
image_generation_tool = load_tool(<span class="hljs-string">&quot;agents-course/text-to-image&quot;</span>, trust_remote_code=<span class="hljs-literal">True</span>)
<span class="hljs-keyword">with</span> <span class="hljs-built_in">open</span>(<span class="hljs-string">&quot;prompts.yaml&quot;</span>, <span class="hljs-string">&#x27;r&#x27;</span>) <span class="hljs-keyword">as</span> stream:
 prompt_templates = yaml.safe_load(stream)
agent = CodeAgent(
 model=model,
 tools=[final_answer], <span class="hljs-comment"># añade tus herramientas aquí (no elimines final_answer)</span>
 max_steps=<span class="hljs-number">6</span>,
 verbosity_level=<span class="hljs-number">1</span>,
 grammar=<span class="hljs-literal">None</span>,
 planning_interval=<span class="hljs-literal">None</span>,
 name=<span class="hljs-literal">None</span>,
 description=<span class="hljs-literal">None</span>,
 prompt_templates=prompt_templates
)
GradioUI(agent).launch()<!-- HTML_TAG_END --></pre></div> <p data-svelte-h="svelte-s8ocjr">Tu <strong>Objetivo</strong> es familiarizarte con el Space y el Agente.</p> <p data-svelte-h="svelte-1mir7mg">Actualmente, el agente en la plantilla <strong>no utiliza ninguna herramienta, así que intenta proporcionarle algunas de las prefabricadas o incluso crear algunas herramientas nuevas tú mismo.</strong></p> <p data-svelte-h="svelte-f30lju">¡Estamos esperando ansiosamente tus increíbles resultados de agentes en el canal de Discord <strong>#agents-course-showcase</strong>!</p> <hr> <p data-svelte-h="svelte-bgfucn">¡Felicidades, has construido tu primer Agente! No dudes en compartirlo con tus amigos y colegas.</p> <p data-svelte-h="svelte-1amxj21">Como este es tu primer intento, es perfectamente normal si es un poco inestable o lento. En futuras unidades, aprenderemos cómo construir Agentes aún mejores.</p> <p data-svelte-h="svelte-nyg79v">La mejor manera de aprender es intentarlo, así que no dudes en actualizarlo, agregar más herramientas, probar con otro modelo, etc.</p> <p data-svelte-h="svelte-1dldop1">En la siguiente sección, completarás el Quiz final y obtendrás tu certificado.</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/tutorial.mdx" target="_blank"><span data-svelte-h="svelte-1kd6by1">&lt;</span> <span data-svelte-h="svelte-x0xyl0">&gt;</span> <span data-svelte-h="svelte-1dajgef"><span class="underline ml-1.5">Update</span> on GitHub</span></a> <p></p>
<script>
 {
 __sveltekit_1k0olmh = {
 assets: "/docs/agents-course/pr_545/es",
 base: "/docs/agents-course/pr_545/es",
 env: {}
 };
 const element = document.currentScript.parentElement;
 const data = [null,null];
 Promise.all([
 import("/docs/agents-course/pr_545/es/_app/immutable/entry/start.63ebcd5b.js"),
 import("/docs/agents-course/pr_545/es/_app/immutable/entry/app.b37467ae.js")
 ]).then(([kit, app]) => {
 kit.start(app, element, {
 node_ids: [0, 33],
 data,
 form: null,
 error: null
 });
 });
 }
 </script>

Xet Storage Details

Size:
31 kB
·
Xet hash:
ccf98eb6622ff0d5f984eb2d53ef43cc5b6baeaff01b0b9f3c30066c4b291e8a

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