Episodio #179

#179 CLAUDE CODE: APRENDE sin saber programar TUTORIAL para principiantes

Resumen del episodio

Resumen elaborado a partir de la conversación del episodio.

Lo que aprenderás

  • Dónde se puede usar Claude Code y qué significan las opciones local, nube, control remoto y SSH.
  • Para qué sirven GitHub, los repositorios, los commits y las ramas cuando trabajas con IA.
  • Por qué conviene empezar cualquier proyecto en modo plan y cómo elegir el nivel de autonomía de Claude.
  • Cómo administrar la ventana de contexto con /context, /compact, /autocompact, /clear y /simplify.
  • Qué hace el comando /init y para qué sirve el archivo CLAUDE.md.
  • Cómo usar skills dentro de un proyecto y qué precauciones tomar al instalarlas.

Capítulos

  1. 2:05 Qué agrega Claude Code y dónde se puede usar
  2. 6:53 Local, nube, control remoto y SSH
  3. 12:01 GitHub, repositorios, commits y ramas
  4. 21:13 Primer ejercicio: modo plan, modos de autonomía y permisos
  5. 30:22 Rutinas y modo despacho
  6. 34:31 La ventana de contexto y el comando /context
  7. 39:48 /compact, /autocompact, /clear y /simplify
  8. 49:57 /init, CLAUDE.md y otros archivos Markdown
  9. 55:55 Skills: aplicar un estilo de marca a una aplicación
  10. 1:03:25 Repositorios de skills, seguridad y proyectos para empezar

Claude Code para principiantes: dónde se usa y cómo se conecta con GitHub

Sebastián Cisterna recorre la interfaz de Claude Code junto a Felipe Alfaro, quien llevaba unas dos semanas en el equipo y nunca había usado esta herramienta. Sebastián explica que Claude Code se puede usar en tres lugares: la terminal o CLI, algunos IDE como Visual Studio Code mediante un complemento, y la pestaña Code de la aplicación de Claude, que es la que usan en el tutorial. Advierte que en entornos corporativos instalar la aplicación puede requerir permisos de administrador.

En la parte inferior aparecen botones nuevos. Con «local», Claude Code trabaja con los archivos de tu computador, aunque el modelo no se instala en él. La opción «nube» usa un entorno hospedado, útil para dejar algo corriendo y revisarlo desde el celular, pero implica alojar tu código en Anthropic. «SSH» permite conectarlo a un servidor que ya pagas, como Azure, Google o Amazon. Por defecto, la recomendación es trabajar en local.

Para trabajar desde varios computadores o en equipo, Sebastián recomienda GitHub. Un repositorio es como una carpeta que guarda la historia de cada cambio, lo que permite volver atrás si algo falla. No hace falta memorizar comandos: basta con pedirle a Claude que haga commit de los cambios. Las ramas permiten avanzar una funcionalidad nueva sin tocar la rama principal, llamada main, y unirla cuando esté lista, aunque pueden aparecer conflictos.

Modo plan y modos de autonomía en Claude Code

El primer ejercicio consiste en pedir una aplicación web sencilla para administrar tareas personales. Antes de presionar Enter, Sebastián cambia al modo plan, que solo redacta un documento con lo que se hará y explicita detalles que uno daría por obvios. Ese plan se puede revisar, rechazar o aceptar.

Mi recomendación siempre cuando usted esté empezando un proyecto de este estilo es apretar y cambiar a modo plan.

Sebastián Cisterna, EvoAcademy

Luego vienen los niveles de autonomía: manual, que pide permiso para todo; aceptar ediciones, que acepta todo salvo acciones críticas; automático, en el que Claude decide qué consultar; y omitir permisos, que no pregunta nada y no se recomienda. En licencias de equipo o de negocio, el administrador puede deshabilitar esta última opción. Durante el ejercicio, Claude usó el navegador para sacar capturas de la aplicación y revisar su propio trabajo.

Cómo administrar la ventana de contexto: /context, /compact, /clear y /simplify

La ventana de contexto es la cantidad máxima de tokens que maneja un modelo. En el episodio usan Sonnet 5, con un millón de tokens, y el código genera mucho texto: la aplicación de tareas ya tenía 325 líneas. El problema no aparece solo al llegar al límite.

En el intermedio, cuando ya está lleno al 50%, 60%, 80%, la conversación se empieza a degradar y empieza a alucinar más.

Sebastián Cisterna, EvoAcademy

El comando /context muestra qué ocupa la ventana: mensajes, configuración del sistema y conectores MCP. /compact resume la conversación y empieza otra; según Sebastián, suele dividir el uso por cinco, aunque se pierden detalles. /autocompact define cuándo compactar de forma automática y /clear borra la conversación. /simplify, en cambio, revisa el código para dejarlo más breve: compact trabaja sobre la investigación previa y simplify sobre el resultado final.

El archivo CLAUDE.md y las skills en un proyecto

Cuando recibes un proyecto que no conoces, el comando /init crea un archivo CLAUDE.md que explica qué es el proyecto, sus archivos principales, cómo se ejecuta y su arquitectura. Se carga siempre al trabajar en esa carpeta, por lo que debe ser breve. En Codex o Antigravity el equivalente se llama agents.md. Sebastián sugiere sumar otros archivos Markdown, como README para humanos, todo.md para ideas pendientes y design.md para colores, tipografías y tono.

En el último ejercicio usan una skill que aplica el estilo visual de Entel, tomado de su sitio público, a la aplicación de tareas. Se puede invocar con @ o dejar que Claude la elija. Las skills de un proyecto quedan en una carpeta oculta .claude. Sebastián recomienda el sitio de templates de Daniel Ávila, pero advierte sobre otras fuentes:

Al bajar skills hay skills que tienen código y al tener código puedo ejecutar código malicioso en mi computador también.

Sebastián Cisterna, EvoAcademy

Comandos como /code-review y /security-review ayudan, pero no son infalibles. Para empezar, propone proyectos simples, como pasar los datos de una boleta a un Excel, y revisar las políticas de ciberseguridad de la empresa antes de conectar sistemas.

Preguntas frecuentes

¿Se puede usar Claude Code sin saber programar?

Sí. Sebastián Cisterna muestra que basta con conocer algunos botones y conceptos, como el modo plan, los permisos y la ventana de contexto, y pedirle a Claude en lenguaje natural tareas como hacer un commit. Recomienda partir con proyectos sencillos.

¿Qué es el modo plan en Claude Code?

Es un modo en que Claude solo redacta un documento con lo que va a hacer, sin programar todavía. Permite revisar si entendió el pedido, corregirlo y luego aceptarlo en modo manual o automático.

¿Qué diferencia hay entre /compact, /clear y /simplify?

/compact resume la conversación y empieza una nueva con ese resumen, /clear borra la conversación por completo y /simplify revisa el código para hacerlo más breve, sin tocar la conversación.

¿Para qué sirve el archivo CLAUDE.md?

Le explica a Claude de qué trata un proyecto, sus archivos principales y cómo se ejecuta. Se crea con /init y se carga automáticamente en cada conversación dentro de esa carpeta.

Descripción

Este capítulo fue auspiciado por:

📌  Hostinger: www.hostinger.com/evo10 

Todo lo que necesitas para crear tu sitio web hoy mismo

Claude Code puede parecer una herramienta exclusiva para desarrolladores, pero en este capítulo Sebastián Cisterna demuestra cómo una persona sin experiencia profunda en programación puede comenzar a entenderla y utilizarla. Junto a Felipe Alfaro recorren la interfaz, GitHub, repositorios y ramas, los modos de autonomía, el modo Plan y la administración de permisos.

La conversación también entra en uno de los conceptos fundamentales para trabajar con IA: la ventana de contexto. Sebastián explica cómo utilizar comandos como /compact, /clear y /simplify, además de cómo funcionan CLAUDE.md y las Skills para entregar instrucciones y procedimientos reutilizables a los agentes.

El episodio termina con una mirada práctica a la seguridad y a los cuidados necesarios antes de llevar estos desarrollos a entornos empresariales.

⭐ Recuerda evaluarnos con 5 estrellas ⭐ así nos ayudas a llegar a más personas y seguir compartiendo conocimiento sobre IA y tecnología aplicada a los negocios.

—

📲 Sigue nuestra comunidad:

https://www.evoacademy.cl/comunidad

Redes sociales:

TikTok: https://www.tiktok.com/@evoacdm

Instagram: https://www.instagram.com/evoacdm/

LinkedIn: https://www.linkedin.com/company/evoacmd/

#ClaudeCode #IA #InteligenciaArtificial #EvoAcademy

Transcript

Este transcript fue generado automáticamente por lo que podría contener errores

Ver transcript detallado

0:00 Sebastián Cisterna: Si usted no es un programador de software, probablemente cuando abre esa pestaña de Claude que dice Code le da un poquito de miedo. Y vamos hoy día a tratar de resolver ese problema. Vamos a empezar a ver desde cero lo que es la interfaz de Claude Code. Y para ello, obviamente, qué mejor que traer una persona que no ha visto esa pestaña antes, pero que ustedes tampoco han visto en el podcast. Así que bienvenido, Felipe, al podcast. Felipe, para los que no lo conocen, es una persona que se incorporó al equipo ¿Cuánto será? ¿Como una semana?

0:27 Felipe Alfaro: 2 semanas más o menos aproximadamente.

0:29 Sebastián Cisterna: 2 semanas, o sea, lleva nada. Así que si no le ponen dedito hacia arriba, no puedo decir mucho de lo que va a pasar, pero pónganle like, suscríbase, aquí comentando por Felipe, ese tipo de cosas.

0:43 Felipe Alfaro: No, mentira.

0:49 Sebastián Cisterna: ¿Tú no habías hecho nada en Claude Code antes o no?

0:51 Felipe Alfaro: En Claude Code directamente no. Pero sí he hecho otras programaciones en otras inteligencias artificiales como lo que es Gemini.

0:58 Sebastián Cisterna: ¿Fuiste, viste Antigravity en su momento?

1:01 Felipe Alfaro: No, no llegué hasta Antigravity, pero sí a través de los chats y después crear algún HTML del cual después se pasaba o se vertía a Google Sites, por ejemplo.

1:09 Sebastián Cisterna: Ya, perfecto. Entonces vamos a ir contrarrestando esa experiencia que has tenido con algunas cosas respecto a lo que vamos a ver hoy día en Claude Code. Ahora, para la gente que está interesado en otros Y estos terrenos se le llaman IDEs, que como en el fondo interfaces de programación. Claude Code es una, Codex es otra, Antigravity es otra, Cursor también podría ser llamada otra. Lo que vamos a ver hoy día es cuál es representativo de lo que encontramos en las diversas familias, pero vamos a verlo hoy día con Claude Code. Para la gente que quiere seguir esto también en su propio computador, vamos a tener los archivos de esto en la comunidad de Skool. Por lo tanto, si usted quiere obtener los archivos que vamos a ver hoy día y los distintos ejercicios, tiene que ir a evoacademy.cl/comunidad y ahí, o en el enlace que encontrarán en la descripción de este video, donde podrá encontrar los archivos para poder descargarlos. Ya por ahora yo les voy a mostrar la estructura de archivos que ustedes también podrán acceder.

2:05 Felipe Alfaro: Ya, súper.

2:05 Sebastián Cisterna: Dicho eso, Claude Code, ustedes ya saben que es como en el fondo esta interfaz que te permite programar, ¿cierto? Ahora, uno cuando ocupa las otras cosas de Claude igual programa. O sea, si yo le paso un Excel igual programa. Si ocupo Cowork, que hay también un video entero de eso, también esto ocupa programación. Entonces ustedes dirán, pero ¿qué es lo que añade Claude Code? Hay una parte de esto que es visual, que básicamente los botoncitos que tú tienes en Claude Chat y que en Claude Cowork están optimizados para una experiencia de alguien que no hace programación. Por lo tanto, algunas interfaces que son como familiares para la gente que son programadores no están en estas dos, otras dos pestañas, en Chat y en Cowork. Pero mientras que Code sí. Pero además Code tiene algunas herramientas dentro de su ecosistema que además le permiten como hacer cosas de código. Entonces vamos a ocupar esa pestañita dentro de Claude. Lo que es Claude Code se puede utilizar hoy día en 3 lugares diferentes. Hay uno que parece Matrix que se llama la pantalla terminal o el CLI, Command Line Interface, que básicamente yo puedo como meterme a una cosa que de verdad parece la Matrix, como la típica pantalla negra con letras blancas que no tiene ni un botoncito ni nada por el estilo y hablarlo desde ahí. Tú decís como, ¿para qué sirve eso? Bueno, la gente que es más técnica está acostumbrado a hacer ese tipo de cosas. No sé si alguna vez te tocó trabajar con Linux o algo por el estilo.

3:39 Felipe Alfaro: Conozco lo que es Linux y conozco lo que es Linux y las consolas pero nunca he manipulado tanto ciertos comandos en el Mac, ciertos sudo nano pero hasta ahí nomás.

3:49 Sebastián Cisterna: Eso es, y uno como que siente que está como tocando algo delicado.

3:52 Felipe Alfaro: Hacker man.

3:53 Sebastián Cisterna: Claro.

3:54 Felipe Alfaro: Hacker man totalmente.

3:55 Sebastián Cisterna: Entonces esa parte es como poco amigable para el usuario no tan técnico.

4:01 Felipe Alfaro: Claro.

4:01 Sebastián Cisterna: Y también otro lugar que es un poquito más intermedio, que tiene un poco más de botoncitos y cosas amables, son los que se llaman los IDEs que decía antes. Claude Code también puede correr en algunos de los IDEs más populares. Por ejemplo, el más popular para los desarrolladores es uno que se llama VS Code. Entonces, si es que tú eres programador, seguramente has ocupado ese, que es Visual Studio Code, pero tú puedes instalarle como un complemento, va a poder ocupar Claude Code ahí, ya. Entonces también se puede ocupar ahí, pero nosotros vamos a ocupar el que se ocupa directamente desde la app de Claude. Entonces eso necesita que ustedes tengan instalada la aplicación de Claude, lo cual puede ser una desventaja para aquellos que estén en un entorno corporativo, puesto que en el entorno corporativo de repente uno quiere instalar cosas y te dice que no tenéis los permisos de administrador, claro, ya. Entonces estamos asumiendo que tú los tienes o que tienes una herramienta como de las que hablamos antes, Antigravity, Codex, etcétera, que tu organización también te está pasando y que puedes tomar, ya. Si no, en la casa, en el computador de la casa, ya. Y entonces vamos a tener que ocupar la aplicación de Claude. Entonces, para eso yo ahora voy a ir a mi aplicación de Claude. Entonces, ¿cómo llegamos acá? Abrimos nuestra aplicación de Claude y acá arriba en la esquina, en la barra izquierda superior, antes aquí habían 3 pestañas, ahora hay 2. Antes habían 2 que tenían un nombre, ahora lo han reducido bastante. Y tengo esta que son como unos iconos de chat y tengo esta que es como código, digamos, esos menores iguales con un slash. La gente lo asociaba a código generalmente.

5:38 Felipe Alfaro: Exacto.

5:38 Sebastián Cisterna: Entonces voy a pinchar aquí y al pinchar ahí la interfaz cambia un poco respecto a la interfaz del otro lado. Empiezan a aparecer cosas que quizá no nos suenan tan cercanas. Entonces voy a empezar a explicar algunas de esas. Para eso le voy a hacer un poco de zoom ahora. Para que se vea un poquito más en la pantalla. ¿Qué es lo primero que aparece que es quizás un poco menos familiar? Empieza a aparecer esto que está al medio, que es como un resumen de las cosas que uno ha ocupado en esta plataforma. Esta es una interfaz muy similar a la que aparece en otros entornos como relacionado a programación, que se llama, uno de los más populares de esos se llama GitHub, que ocupa esta visualización para decirte, oye, en estos últimos días tú has estado activo o más o menos activo. Por ejemplo, los azules más claritos como este que está aquí se fija que he estado menos activo en la, en el cuadrito que representa el 4 de julio. Ahí dice que solamente hice 96 movimientos, conversaciones, algo que es la unidad. En cambio, dice, por ejemplo, que el 28 de julio estuve más intenso con 1668. Yo por esto estoy asumiendo que quizás son las líneas de código generadas o los tokens gastados, ¿ya?

6:46 Felipe Alfaro: Y este tracking, Sebastián, ¿como para qué es? Como para mí, por ejemplo, como usuario, si yo lo veo es como Además de ver como la cantidad de uso que yo le da.

6:53 Sebastián Cisterna: Sí, como para tener una estadística. Sí, pero honestamente no es muy, en mi opinión, como que no es muy útil tampoco, ¿cachai? Especialmente porque un programador no solamente va a ocupar esta herramienta, generalmente tú ocupas un set más determinado, ¿ya? Pero si a alguien le interesa ver esas estadísticas, como por ejemplo que yo que ocupé aparentemente 12 veces más tokens que El Señor de los Anillos, supongo que eso, no sé, quizás lo va a tener en una fiesta así como, oh, El dato curioso. Pero lo más importante es que empezamos acá abajo a tener una interfaz que es un poquito más complicada que cuando estamos hablando normal, porque estamos hablando normal tenemos solamente esta barra de conversación y sería, y me empiezan a aparecer ciertos botoncitos. Vamos a hablar de 2 botoncitos ahora que yo creo que son súper importantes de entender. Primero, acá hay algo que dice local, que es donde voy a ejecutar Claude Code, y acá hay una pequeña distinción. Estos modelos yo nunca, a pesar que instalo la aplicación, nunca quedan instalados en mi computador porque son modelos muy fuertes, mi computador no lo podría correr o quizás lo podría correr explotando o demorándose muchos días, ¿ya? Entonces cuando lo coloco en local lo que hace es que toma mis archivos desde mi fuente local y va interactuando con el modelo solamente para mandarle cosas y que él conteste y de vuelta las traiga al computador. Entonces el centro de operaciones es mi computador, pero si yo pincho en ese botoncito, ahora dice nube, dice control remoto y dice SSH, que son cosas que quizás ya no nos suenan tan familiares a los que no somos técnicos. Ya, nube va a significar que yo puedo ocupar un entorno hospedado, en este caso por Claude, para en la nube. ¿Por qué me gustaría hacer eso? Porque hay veces que yo quiero, por ejemplo, ir con mi celular a otro lado Por ejemplo, no sé, quiero, quiero que se quede corriendo algo y quizá ir revisando lo que va haciendo en los turnos y dándole más instrucciones cuando estoy afuera. Pero para eso mi computador no lo va a poder hacer, ya voy a necesitar que esto esté hospedado en la nube. Hay un pero ahí de algo que vamos a hablar después, y que nos da el tiempo, que se llama el modo dispatch, en cual yo puedo una tarea efectivamente darle esa posibilidad de que corra acá y que vaya reportando mi celular, pero por default en general no lo puedo hacer. Otra cosa importante ahí es que las organizaciones, si yo hago eso, estoy mandando mi data directamente, mi código lo estoy hospedando en el sitio web de Anthropic. Entonces, si tengo miedo de que me vayan a robar la información o algo por el estilo, estoy exponiendo mi data un poquito más porque estoy exponiendo todo mi repositorio a que conviva en una estructura de otra persona, ¿ya? Entonces las organizaciones van acá y modifican lo que dice agregar entorno en la nube Y así pueden ellos establecerlo a que corran en los computadores que yo tengo de la empresa.

9:39 Felipe Alfaro: Súper, súper.

9:40 Sebastián Cisterna: Control remoto es un poco lo que te decía antes, que uno puede delegarle a la IA como el— puedo ejecutarlo y después puedo delegarlo a que se pueda controlar desde otra ubicación, pero va a seguir hospedado acá, pero lo puedo controlar desde afuera. Y SSH es cuando de repente yo estoy pagando con algún servicio, por ejemplo, típico que uno paga con una empresa de hosting como Hostinger, que es nuestro auspiciador, ¿Y si pudieras tener un asistente de inteligencia artificial que responda a tus mensajes de WhatsApp, genere reportes automáticos y trabaje por ti mientras duermes? OpenClaw es un asistente de inteligencia artificial que te permite conectarte con Telegram, WhatsApp, Gmail, Notion y muchas aplicaciones más, de modo que te ayuda a buscar información, trabajar con archivos y automatizar tareas. El problema es que obviamente configurarlo desde cero puede ser un problema técnico lento y que frena a muchos antes de siquiera empezar. Hasta ahora. Con Hostinger y sus apps administradas tienes funcionando esto en minutos. Solo eliges la opción de inteligencia artificial, OpenClaw o Hermes, y tu canal de comunicación, y Hostinger se encargará de toda la configuración adicional. Tu asistente corre en un entorno aislado y seguro. Puedes conectarlo con modelos como GPT, Gemini o Claude. Y como bonus también tiene acceso a Hermes Agent, otro asistente de inteligencia artificial incluido en esa misma suscripción. Si quieres a tu asistente de IA trabajando en minutos, escanea el QR que ahora está en pantalla y obtendrás 10% de descuento en tu plan utilizando el cupón EVO antes de finalizar tu compra. El link y el código lo encontrarás abajo en la descripción de este episodio. Hostinger te va a dar unos SSH que son las credenciales, que son una usuario y contraseña básicamente. Yo me puedo conectar ahí para poder, en vez de que corra acá, pueda correr en la estructura de la que estoy pagando fuera de aquí.

11:34 Felipe Alfaro: Ya, perfecto.

11:34 Sebastián Cisterna: Entonces, por ejemplo, yo puedo no solamente conectarlo con Hostinger, sino lo puedo conectar con Azure, con Google, con Amazon, con los proveedores típicos que tienen las empresas de, de, por así decirlo. Claro, ya. Entonces, por default, en general vamos a hacer que corra en nuestro computador, ya. ¿Por qué? Porque rara vez tenemos control sobre las otras cosas, y que no somos más ávidos a este tipo de cosas si no somos desarrolladores de software per se.

12:01 Felipe Alfaro: Oye, Seba, tengo una pregunta, porque tú, por ejemplo, aquí tú puedes correr las cosas desde, como dice aquí, local. Pero, ¿qué pasa, por ejemplo, si yo asocio archivos locales y yo tengo mi cuenta de Claude, por ejemplo, en otro computador que no está en la red local? Por ejemplo, yo tengo que trabajar con mi computador de escritorio de mi casa y yo después quiero continuar el trabajo, por ejemplo, en mi notebook en otro lado. ¿Qué pasa en ese caso con los archivos locales?

12:26 Sebastián Cisterna: Si tú no haces nada, no se van a traspasar, no son equivalentes. Pero tú podí' conectar algo que es como si fuera un Dropbox o un OneDrive o un Google Drive que son sincronizadores de archivos.

12:36 Felipe Alfaro: Perfecto.

12:37 Sebastián Cisterna: Y eso en este entorno, en programación generalmente se ocupa uno que se llama GitHub. En entornos corporativos ocupan otros más también. Hay uno que se llama muy similar que se llama GitLab, entonces la gente de repente se confunde. GitHub es el más popular. Es gratis, la gente puede tener su repositorio ahí, ¿verdad? La palabra repositorio básicamente es como si fuera una carpeta. Entonces yo cada vez que voy haciendo un cambio puedo eventualmente actualizar ese cambio en la carpeta, ¿ya?

13:08 Felipe Alfaro: Perfecto.

13:08 Sebastián Cisterna: Hay un video entero de Jonathan que tiene que ver con todo lo que se puede hacer en GitHub, pero básicamente quédense con la idea de que yo puedo, como cuando empiezo a hacer cambios, pedir que los sincronice.

13:17 Felipe Alfaro: Perfecto.

13:18 Sebastián Cisterna: ¿Por qué? Porque eso va a llevar un va a llevar un control de esos cambios, y cosa que si yo, por ejemplo, cambio una funcionalidad y después me equivoqué y quiero reversarla, tengo toda esa como historia y puedo volver en un punto del tiempo atrás y no haber perdido esa historia hacia adelante tampoco.

13:34 Felipe Alfaro: Si puedo venir a rescatar algo maravilloso, no, porque de repente uno quizás está haciendo algún, algún, alguna cosa y de repente error, claro.

13:41 Sebastián Cisterna: Entonces queréis volver a un estado anterior. Exacto. Ya, ahora, dado que GitHub es bastante popular Como que uno no tiene que aprenderse todos los comandos necesariamente, uno tiene que saber que existe esta habilidad para poder decirle. Pero ponte tú que, por ejemplo, tú acabas de aprender de que se llama commit el hecho de poder publicar una nueva versión. Y, Seba, pero no me voy a acordar nunca de cómo es el comando y porque me suena poco familiar. Ya, pero ¿te acordai' la palabra commit? Sí. Ya, entonces le podí' decir al mismo Claude como haz commit de esto, de los cambios que llevamos hasta ahora. Y te va a ayudar a poder llevar toda esa estructura técnica por detrás. Perfecto. Claude Code además tiene una conexión natural con GitHub, por lo tanto, tú la primera vez que quieras conectar tu cuenta de GitHub obviamente te va a preguntar, te va a hacer la típica lata de conectar tu usuario y contraseña y cuando de nuevo tengas que renovar esas contraseñas te va a sacar, pero fuera de esa complejidad normal de administrar una cuenta va a quedar conectado. Súper, tanto tú vas a poder decirle cosas. Yo, por ejemplo, lo ocupo mucho cuando hago un proyecto, le digo oye, manda esto a mi repositorio personal o manda esto a mi repositorio de la empresa. ¿Por qué? Porque el caso que tú decías de tú trabajando en 2 computadores también se puede llevar a un paralelo a como varias personas trabajando sobre el mismo proyecto. Claro, ya, por ejemplo, nosotros nos pasa harto con los proyectos de consultoría que habemos más de una persona acá trabajando sobre distintas cosas. Entonces, como si estuviéramos haciendo todos una casa Pero hay gente que está haciendo las cañerías y hay otra gente que está preparando las puertas que vamos a instalar después. Perfecto. Entonces, para que estemos trabajando en el mismo archivo, ocupamos un centralizador de repositorios que en nuestro caso es GitHub, pero hay organizaciones que tienen otros productos diferentes.

15:24 Felipe Alfaro: Claro, no, súper, súper bueno, porque finalmente de esa forma no te frena el avance de un proyecto. Digamos que cada persona puede estar trabajando en una parte y digamos que no es necesario como que uno termine su parte para que pase al otro, para que pase al otro, digamos que hace que todo fluya, por lo que tú me describías, todo fluyó mucho más fácil.

15:42 Sebastián Cisterna: Todo fluye más fácil, efectivamente, igual hay algunos topes que de repente, por ejemplo, si yo quiero publicar una actualización y la otra persona no sabe que puse esa actualización tengo que resolver eso porque quizás le topé algo, por ejemplo oye, yo justo quería colocar una cañería acá al mismo tiempo que otra persona decidió que ahí iba a ir una puerta. Ah, chuta, ya, ahí hay algo que se llama un conflicto. Y ahí es donde, por ejemplo, en el video de Jonathan elaboran un poco más cómo se resuelven y ese tipo de cosas. Entonces no todos son como sunshine and puppies, pero básicamente ayuda mucho mejor a hacer el trabajo. Ahora, ¿cómo yo selecciono ese repositorio acá para decirle hoy estamos trabajando en este repositorio y no en otro? Porque puede ser que tú queráis trabajar, no sé, en un proyecto que tenemos nosotros dos juntos, pero después quieres trabajar en otro proyecto donde estás haciendo algo con Jonathan y te tienes que cambiar. Bueno, al lado del local hay un botoncito que sale la carpeta, ¿cierto? Ahora en mi pantalla dice Transcriptor Assembly, que es un proyecto que yo tengo para transcribir cosas con una herramienta que se llama Assembly. Pero yo puedo pinchar y fíjate, cuando me pongo encima incluso sale mi carpeta de GitHub, ¿ya?

16:47 Felipe Alfaro: Claro.

16:48 Sebastián Cisterna: Pero yo puedo como apretar acá, yo eventualmente yo aquí podría cambiarme y por ejemplo voy a seleccionar este que dice Podcast Analytics, que es otro proyecto mío pero claramente diferente al anterior. Ya, entonces, y acá al lado hay una cosita que te va a sonar no tan conocida que dice main, que es la, tiene que ver con esto de GitHub, ya. ¿Por qué? Porque GitHub te dice, oye, si quieres trabajar en más de una rama puedes hacerlo, ya. La rama principal en la que tienen todos los proyectos se llama main, que por eso sale ahí. Pero si tú eventualmente, por ejemplo, quieres dejar hoy la versión que está estable hoy día publicada del proyecto, se llama main. Pero vamos a hacer una rama de algo que estamos creando y lo vamos a avanzar hasta aquí hoy día y mañana hasta acá, y después sigues como construyendo un poco más. Tú podrías tener otra rama que sean solamente esos cambios y después eventualmente cuando lo tengas listo unirla con la rama principal.

17:43 Felipe Alfaro: Perfecto.

17:44 Sebastián Cisterna: Ya, y yo aquí aparte de la carpeta puedo apretar acá al lado donde dice main. En este caso mi proyecto solamente tiene una rama, claro, pero si tuviera más de una rama podría seleccionar cuál es esa esa rama para la que estoy trabajando ahora.

17:57 Felipe Alfaro: Donde irían como todas las modificaciones o todos los desarrollos que se comenzarían a hacer, perfecto.

18:02 Sebastián Cisterna: Claro, y ahí también eso generalmente se hace para no pisarse tanto con otros equipos, cuando es especialmente en proyectos grandes. Imagínate, por ejemplo, un Uber que probablemente hay muchos desarrolladores tratando de hacer mejor la aplicación, pero hay algunos que se enfocan, ponte tú, en cómo se hace el pago, hay otros cómo se hace el match con los conductores, el otro es cómo la experiencia del usuario cuando se registra. Y tú no quieres que los cambios de uno impidan que el otro pueda trabajar. Entonces generalmente tú creas tu rama de quizás nueva funcionalidad de registro y haces todos tus cambios ahí, y después cuando estén listos los tratas de mezclar en la rama principal. Pero de nuevo, no todo son sunshine and puppies, no es todo bonito cuando uno hace eso porque existen conflictos, pero estas herramientas tienen la manera de poder ayudarte a resolverlo.

18:50 Felipe Alfaro: Fantástico, porque claro, de hecho me hiciste pensar justamente, si es que se está desarrollando algo y por ejemplo, tal cual como tú decías, por ejemplo, si estamos en el proceso de, se está desarrollando algo para el proceso de pago, y qué pasa si un cambio que tú haces ahí pasa a llevar quizás, o cuando tú lo implementes en el main, puede pasar a llevar otra parte, otra cosa. Entonces claro, quizás iban a decir, ah, perfecto, lo publiqué, está todo perfecto, pero después el usuario, error, error, error. O algún troubleshooting le aparecerá.

19:18 Sebastián Cisterna: Sí, hay veces que los cambios son obvios que pisan cosas porque hay líneas de código y tú reemplazaste líneas de código que el otro depende, entonces generalmente estas herramientas detectan esos cambios que son obvios. Pero hay veces que no los pisas, por ejemplo, ponte tú que creaste una nueva funcionalidad y esa funcionalidad fue hecha a punta de puros nuevos archivos, no editó ninguno de los existentes, ahí no hay un conflicto, ¿cachai? Evidente, al menos, ¿me estáis? Entonces, como no existe un conflicto evidente, no te hace esos mismos problemas que en el otro caso. Entonces, claro, se resuelven, pero estas herramientas te ayudan a resolverlo. Lo importante para nosotros es que aquí tenemos dos botoncitos que son el de la carpeta y el de la rama, que nos permiten seleccionar estos cambios que le vamos a pedir a Git donde son. Y además, acá abajo hay uno que dice auto. Ya, y fíjate que yo no he seleccionado nada aún, no he apretado ese botón nunca antes, y ya está puesto en auto. Entonces ese es el que viene predeterminadamente, el que viene por default. Ya, entonces para el primer ejercicio que vamos a hacer, vamos a empezar a tratar de pedirle algunas cosas con estos modos. Ya, entonces vamos a seleccionar una nueva carpeta. Voy a pinchar ahí, pero voy a ir acá donde dice abrir carpeta, y voy a ir a esta carpeta que dice Claude Code. Voy a ir a la ejercicio 1 y la voy a abrir. Ya acá me pregunta si quiero confiar en el espacio de trabajo, pues especialmente las cosas que descargué de internet siempre pueden tener su riesgo. Obviamente que le voy a decir que sí. Y ya estamos en la carpeta del ejercicio 1, ya. Y yo el ejercicio 1, ¿qué es lo que nos dice? Nos dice que vamos a ocupar este prompt, ya. Lo voy a copiar y lo vamos a discutir en un ratito, ya. Fíjate que aquí le puse crea una aplicación web sencilla para administrar tareas personales. Si usted tiene una idea de cualquier otro sitio web, también lo pueden hacer si quieren cambiar el ejemplo, pero este es un ejemplo bastante acotado que nos va a permitir ir viendo las cosas, ¿ya?

21:12 Felipe Alfaro: Súper.

21:13 Sebastián Cisterna: Y acá le estoy diciendo qué es lo que debe permitir hacer, ¿ya? Pero lo que voy a hacer es cambiar acá abajo. En vez de pedirle que lo cree de una sola vez, porque yo le aprieto ahora Enter, va a empezar a programar el sitio, claro, ya. Pero, ¿qué pasa cuando yo tengo un pedido? Especialmente siendo persona no técnica, de pronto se me pasaron cosas que son obvias, ya. Entonces tengo que ir acá abajo, y mi recomendación siempre cuando usted esté empezando un proyecto de este estilo es apretar y cambiar a modo plan, ya. Solo voy a correr, y lo que en modo plan, y lo que hace el modo plan es que solamente redacta un documento de cómo va a ser las cosas después. Entonces vamos a verlo un instante cómo queda. Fue un documento bastante completo donde las cosas que quizás podrían ser como obvias no las considera obvias, trata de expandirlas. Por ejemplo, acá dice, oye, voy a crear el archivo index.html. Yo no le pedí eso, pero es obvio que si quiere crear un sitio web va a tener que hacer eso, exacto. Entonces lo empieza a decir y trata de ser súper específico con las cosas que va a hacer. De repente menciona herramientas y cosas de ese estilo, porque esto es el plan que después va a seguir.

22:30 Felipe Alfaro: Perfecto.

22:31 Sebastián Cisterna: Ya, entonces acá me dice te propuso un plan y me da la opción. Acá voy a ver si lo puedo cerrar un poquito. Me dice puedo abrir el plan y puedo rechazarlo o revisar, es decir, si me pareció algo de ese plan que no tiene tanto sentido o que le faltan detalles, es bueno que haga sus comentarios ahora. Y después, cuando le pongo aceptar, me da dos opciones: aceptar o aceptar en modo automático. Ya, por ahora, para que veamos qué significan los otros modos, le voy a poner solamente aceptar. Pero no es raro que uno apriete aceptar y modo automático, ya. Pero solamente por fines de aprendizaje le voy a poner aceptar, ya. Y al ponerle aceptar en manual Vamos a ver que en algún momento, cuando empieza a crear código y empieza a tener algunas cosas como intervenir en algunas cosas, en este caso no sé si lo va a hacer de hecho porque es una aplicación sencilla, claro, pero ponte tú que le estás pidiendo que analice algo donde tiene que mover archivos o donde tiene que borrar archivos para poder hacerlo posible, ahí, o instalar cosas, que hay veces que necesita hacer eso, ahí te va a preguntar. Mira, fíjate que ahora me acaba de preguntar algo: ¿quieres que cree este archivo? Que es index.html, y me despliega acá que sí. Ya le voy a permitir una vez, y esto vas a notar que rápidamente cada vez que empieza a crear alguna cosa me va a ir preguntando más cosas aún. Entonces es medio molesto, ya, si es que yo le tengo que andar dando permiso a cada rato, claro, ya. Entonces ahí es donde entran los otros modos. Si yo pincho acá abajo, tengo el modo manual que me va a preguntar cualquier cosa, tengo el modo aceptar ediciones, en el cual acepta cualquier cosa, pero con cualquier cosa menos las que son críticas, como borrar y editar.

24:15 Felipe Alfaro: Súper.

24:16 Sebastián Cisterna: Y el modo automático, donde básicamente va decidiendo si te pega a preguntar algo que Claude estima que es crítico, lo va a dejar así, ya. Y el omitir permisos, que no se le recomienda mucho a la gente pero se puede hacer, que es que no te voy a preguntar, ni siquiera lo critico, ya. O sea, cuando quiera borrar un archivo o cuando quiera instalar algo que pueda ser sensible, igual lo voy a hacer, ya.

24:39 Felipe Alfaro: Entonces ahora sí es riesgoso porque finalmente quizás se pueda perder algún avance. Imagínate, por ejemplo, estás desarrollando algo y de repente la máquina determina, no, esto no me sirve, adiós.

24:51 Sebastián Cisterna: Entonces hay varias experiencias negativas al respecto. Entonces si uno lo está haciendo con cosas de alto riesgo, por ejemplo trabajando en archivos actuales o que no están respaldados, en general la recomendación es que uno lo haga. Claro, para la gente que quizás como que está pensando esto en términos de que le va a dar la herramienta a otra persona dentro de su organización, la parte de omitir permisos se puede cambiar. Nosotros acá obviamente lo tenemos habilitado, pero yo como administrador de la empresa podría quitar ese permiso para todos.

25:19 Felipe Alfaro: Ah, súper.

25:19 Sebastián Cisterna: O sea de que si tú vas a ocupar Claude Code no puedas seleccionar en ningún caso ese, ese, esa opción.

25:25 Felipe Alfaro: Claro, como para evitar cualquier cosa.

25:26 Sebastián Cisterna: Claro, pero estos son licencias de equipo o de negocio, no pueden ser en las licencias personales de cada uno de $20, tienen que ser en las licencias que la organización le paga a otros individuos.

25:36 Felipe Alfaro: Te entiendo, porque en la cuenta personal de uno siempre va a estar disponible ahí la opción de omitir.

25:40 Sebastián Cisterna: Sí, yo lo puedo ignorar nomás. Claro. Pero hay gente, por ejemplo, en otras organizaciones que pa' no complicarse la vida le dicen a la persona Felipe, tú paga tu cuenta y reembólsalo, ¿cachai'? Y si pasa eso yo como administrador no tengo ningún control porque es tu cuenta.

25:54 Felipe Alfaro: Claro.

25:55 Sebastián Cisterna: Entonces en ese caso no, lo voy a poner en auto ahora. Y esto que es la última vez que me preguntó va a seguir ahí hasta cuando yo le diga que sí. Entonces le voy a decir que sí. Y qué ha pasado hasta el momento, el robot empieza, fíjate que escribió en inglés en algún momento y después volvió a español. Eso es normal en estos modelos, ya. Alguien piensa que es porque piensan mejor así. No, no, no es, no le den tanta inteligencia. Hay muchas veces porque las instrucciones que está ocupando por detrás son en inglés. Claro, entonces yo le puedo estar escribiendo en español pero lo que tiene el modelo está viendo cosas que quizás tú no estás viendo que son en inglés, ¿cachai? Entonces tiende a pensar, comillas, comillas, en inglés y anunciarlo acá pero no es porque inglés sea más eficiente o algo por el estilo, es porque está más cercano también a su entorno.

26:47 Felipe Alfaro: Claro, y es porque también estas herramientas también fueron desarrolladas por angloparlantes, entonces me imagino que también estás esa conexión también.

26:54 Sebastián Cisterna: Bueno, más de la mitad de los datos de entrenamiento del mundo probablemente son en inglés.

26:58 Felipe Alfaro: Claro.

26:58 Sebastián Cisterna: Y te va diciendo qué cosas va cambiando, eventualmente aquí ocupó una cosa bastante interesante que se llama el modo navegador, entonces me está mostrando de que oye, yo me metí al navegador, le saqué captura de pantalla a lo que estoy haciendo para poder entender un poquito más. Ya, esto es una característica, comillas, agéntica, que en el fondo es un poquito más sofisticado que, por ejemplo, el caso que describías tú que quizás lo estabas haciendo en tu computador y después lo pegabas en otro lado y volvías y lo pegabas y volvías ahí. Acá como tiene posibilidades pa' auditarse a sí mismo, la gente lo considera más sofisticado y por ese tipo de cositas es donde la gente dice oh, es que Claude es realmente inteligente, ¿cachai'? Porque, por ejemplo, un Gemini no tiene la capacidad de levantar el servidor y sacarle fotos a lo que levantó pero no porque Gemini sea peor modelo, es porque la herramienta no está. Si yo ahora agarrara esto y le pudiera cambiar el modelo a Gemini probablemente resolvería el problema de una manera bastante similar. Entonces bueno, sacamos esto acá al lado. Incluso me abrió el sitio web. Entonces yo, por ejemplo, aquí ya puedo interactuar con el sitio web, puedo decir hola como una tarea, hola, y agregarla, ya. Y veo que en las pendientes se añadió, así que está bien, ya. Y después sigue mostrándome cuál es el avance. Pasó mucho tiempo en esto, en tanto estábamos hablando. Va auditándose a sí mismo.

28:16 Felipe Alfaro: Uy, y súper, y te muestra todo, todos los pasos, cada uno. Incluso sabe que tienes que pagar cuentas, Sebastián.

28:22 Sebastián Cisterna: Eso dije.

28:23 Felipe Alfaro: Ah, verdad, sabes que tienes que pagar tus cuentas. De hecho, tengo que pagar en él, así que te lo recordó para que vean lo inteligente que te escaneó.

28:34 Sebastián Cisterna: No, para que la gente realmente sepa, y puse un caso genérico, ya, o sea, es coincidente que efectivamente tengo que pagar cuentas, pero no, no lo vio desde mi cuenta de Claude ni nada por el estilo, ya. Entonces, ya acá creo el primer tema. Entonces entendimos un poco lo de los modos. Que en el fondo tenemos diferentes niveles de autonomía que le podemos dar. Claro. Y cuando uno está haciendo un proyecto complejo, ¿cuál es el consejo? Partir ojalá con—

28:58 Felipe Alfaro: Lo ideal siempre es partir, o sea, yo partiría con manual.

29:01 Sebastián Cisterna: Ya, pero en términos, ¿con manual o con plan?

29:04 Felipe Alfaro: Con plan realmente, ahora que lo mencionas, sí, por supuesto, porque finalmente te expone un poco lo que él va a hacer y de esa forma uno por lo menos también como la persona que está creando este proyecto uno también se lo puede como un poco cómo dimensionar, por así decirlo. Entonces, de esa forma uno puede como adelantarse y quizás no pillarse con tantas sorpresas.

29:22 Sebastián Cisterna: No, y lo otro es que también uno tiene supuesto sobre lo que le está explicando.

29:25 Felipe Alfaro: Claro.

29:25 Sebastián Cisterna: Que de repente cuando uno les explica piensa que lo está haciendo bien, pero de repente se le pasan cosas.

29:30 Felipe Alfaro: Por supuesto.

29:30 Sebastián Cisterna: Y esto te permite auditar si el modelo entendió de la misma manera lo que tú le estabas diciendo o no. Claro.

29:37 Locutor: ¿Sientes que todos hablan de inteligencia artificial pero tu empresa aún no la aprovecha? En EvoAcademy te ayudamos a llevar la IA a resultados reales con nuestros cursos para empresas. Estos cursos son actualizados, personalizables y aplicados a tu trabajo. Por ejemplo, nuestro curso IA para los negocios es ideal para equipos que están explorando el potencial de esta tecnología, mientras que nuestros cursos de Claude, Gemini, ChatGPT y Copilot están pensados para quienes quieren aprovechar al máximo estas herramientas. Revisa nuestro catálogo completo en evoacademy.cl/cursos-corporativos o en el enlace que encontrarás en la descripción de este video.

30:22 Sebastián Cisterna: Antes de pasar al siguiente ejercicio, quiero volver nuestra atención a la ventana que estamos viendo ahora en pantalla, ¿ya? Hay un par de cositas que no te comenté. Primero, acá al lado en la parte izquierda hay, bueno, aparte del nuevo que es bastante obvio, Hay dos botoncitos más que logramos ver, uno que dice rutinas y otro que dice personalizar. Ya personalizar lo vamos a ocupar en unos momentitos más, pero nos permiten añadir algunas como procedimientos, en el fondo guías de cómo actuar en algunos casos. Y las rutinas son cosas que yo quiero que se ejecuten solas cada cierta frecuencia de tiempo o ante un evento. Por ejemplo, hablamos de GitHub antes, claro. ¿Qué pasaría, por ejemplo, si otro desarrollador se mete a mi GitHub autorizado, obviamente tenemos, estamos trabajando en equipo, y coloca un nuevo cambio. Quizás de pronto yo quiero que se gatille un auditor de ese cambio, cosa que le diga oye, el cambio que acaba de publicar esta persona es seguro, podéis chequearlo contra A, B, C, D criterios, ya. Pero no sé cuándo va a ocurrir porque en el fondo no es como que a los cambios todos se pasan a las 7 de la tarde, no. Puede ocurrir en cualquier momento. Entonces yo las rutinas, en esa pestaña que está acá, puedo configurar cosas como eso. Ya, perfecto. Nos dice nueva rutina. Fíjate que hay una pequeña opción acá que vamos a ver en un instante, pero por ahora le voy a poner local. Yo acá, por ejemplo, puedo gatillar que se coloque por programación. En el fondo, programación no se refiere a código, en este caso programación se refiere al hecho de que ocurra en un intervalo, cuando, cuando se va a ejecutar la tarea. Claro, o sea, por alguna hora específico, en cada semana, o de alguna manera distinta, pero en una fecha, ¿ya? Y hay otras rutinas que yo puedo hacer en base a que se gatillan en función de cuando ocurra un evento de GitHub, por ejemplo, ¿ya?

32:13 Felipe Alfaro: Súper.

32:14 Sebastián Cisterna: Acá, por ejemplo, horario por API, que no vamos a entrar en detalle qué significa eso en este capítulo, pero básicamente son cosas que actúan entre sistemas. Entonces, por ejemplo, cuando te llegue un correo de Gmail, haz algo, claro, ya, cuando venga de un sistema diferente. Y webhook, de modo similar, algo que ocurre en otro sistema y que le avisa a este, ya. Entonces yo puedo, por ejemplo, hacerlo cuando, oye, cuando en GitHub, que es otro sistema, pase esto, gatilla una rutina, es decir, un evento que solamente, o un prompt, o lo como tú lo quieras ver, que solamente se gatilla o se dispara cuando ocurre alguna otra intención, ¿ya? No es, no tengo que yo tener que andar esperando como, ah, ocurrió, entonces voy a tirar el prompt.

32:56 Felipe Alfaro: Claro.

32:56 Sebastián Cisterna: Ya lo tengo hecho y va a ocurrir cuando suceda aquel evento o fecha. Perfecto. ¿Ya? Y tiene acá lo del modo despacho que hablábamos antes, que es que yo puedo agarrar alguna de estas conversaciones y decirle, ok, está en mi computador pero administra la del celular por ahora, ¿ya? Eso está en modo beta. Ya, y tengo que vincular mi teléfono, tengo que tener la aplicación en los dos lados. Entonces, si por algún motivo no puedo ocupar el teléfono de la empresa para la, y tengo la cuenta de empresa de Claude, va a ser un poquito más complicado, ya, probablemente no lo voy a poder hacer. Pero en general, la gente que tiene menos restricciones lo puede hacer perfecto. Pero en general, con estas, con todos los modos despacho, incluso porque existe este modo también en Claude Cowork, el modo despacho es solamente en una conversación.

33:47 Felipe Alfaro: Entonces no podéis despachar más de un proyecto, solo una.

33:50 Sebastián Cisterna: Claro, como que se enfoca solamente en, claro, por ejemplo, estoy trabajando contigo en el cliente A y decido mandarlo en modo despacho cuando me vaya al gimnasio con YouTube, y estoy en el gimnasio y se me ocurre una idea del proyecto B, soné porque solamente me despaché el proyecto A. Claro, ya, entonces solamente sirve para eso. Entonces por ahora eso es lo que necesitamos entender de esta barra lateral pero lo que estábamos viendo recién acá abajo fíjate que hay una ruedita, ¿ya? Y si yo me pongo encima me dice, bueno, primero me dice algo de mi límite de 5 horas que mi límite de 5 horas ha ocupado el 49% pero eso se va a restablecer precisamente en 10 minutos así que de aquí que terminemos el podcast voy a tener de nuevo el—

34:30 Felipe Alfaro: lo vas a recuperar.

34:31 Sebastián Cisterna: Pero acá hay otra cosita importante, dice contexto, ¿cierto? Aquí dice 99, 99,000.7 de un millón.

34:39 Felipe Alfaro: Un millón, claro.

34:41 Sebastián Cisterna: Ya, el contexto para la gente que no lo ha escuchado hasta esta altura, si han visto varios de estos capítulos probablemente lo han escuchado mucho, pero hay una cosa que se llama ventana de contexto, que son la capacidad máxima de tokens que puede administrar un modelo lenguaje. En este caso el modelo lenguaje que estoy eligiendo es Sonnet 5, que es el botoncito de acá. Si yo aprieto ahí tengo la opción de cambiar el modelo y eventualmente elegir otro modelo. Ya, no, por ahora no vamos a tocar esto, vamos a quedarnos con Sonnet. Pero si yo vuelvo aquí, véase que dice que estoy ocupando el 10% de la ventana de contexto de Sonnet. Ya, ¿qué pasa con el código? Si te diste cuenta, el código igual genera harta información, harto bla bla, ¿cierto? Claro, ya los tokens de alguna manera se aumentan en la medida que yo hago más bla bla. Ese bla bla incluye el código. Ya, entonces, por ejemplo, voy a abrir el código que generamos recién. Para eso, acá en las pestañas de aquí voy a tener que ir a la que dice archivos, y acá están los archivos que acabo de crear. Está el index.html y voy a apretar aquí ver fuente, ya, y me muestra el código de lo que acabo de crear, ya. Y este código, mira, fíjate, tiene 325 líneas y es algo súper sencillo, claro. Imagínate cuántos tienen los sistemas complejos, un sitio web cualquiera, ¿cachai? Miles. Cientos de miles, millones de líneas de código, o sea, estamos hablando de magnitudes muy fuertes y obviamente eso no cabe dentro de la ventana de contexto del modelo. Entonces, en la medida que va generando cosas, este modelo se empieza a llenar y no es raro que para sesiones normales de código, ni siquiera estoy hablando de sesiones intensivas, sino que sesiones normales cuando tú quieres hacer una funcionalidad nueva pero bien hecha, probablemente se te va a ir agotando ese espacio y vas a llegar al tope porque tu problema es más grande que un millón de tokens.

36:33 Felipe Alfaro: Suena divertido eso, tu problema es más grande que un millón de tokens.

36:36 Sebastián Cisterna: Sí, vamos a colocarlo en una— vamos a pedirle a Lelia detrás de cámara que lo ponga en una merch. El siguiente sticker, tu problema es más grande que un millón de tokens. Que es como cuando, creo que era en Estación Central que estaba el letrero que decía tu problema no es más grande que Jesús o una cosa por el estilo. Vamos a hacer eso, la iglesia no nos fune, es solamente una broma, ¿ya? Entonces acá tengo 10% y eventualmente si yo sigo haciendo esto se me va a llenar igual, ¿ya? Entonces yo tengo que saber cómo administrar esa complejidad que está pasando siempre, que se te empieza a llenar. ¿Por qué? Porque la mala noticia es que la ventana de contexto, uno pensará, si uno la piensa como un Excel, el Excel falla cuando yo me excedo sus capacidades. Por ejemplo, si yo tengo 1 millón de filas y quiero pasar a 1,100,000, ya no se puede porque Excel tiene un límite más o menos en torno al 1,050,000.

37:31 Felipe Alfaro: Claro.

37:31 Sebastián Cisterna: Ya, entonces va a fallar, no va a poder continuar. En este caso también pasa cuando llegas al final que no puedes continuar, pero en el intermedio, cuando ya está lleno al 50%, 60%, 80%, la conversación se empieza a degradar y empieza a alucinar más.

37:47 Felipe Alfaro: Perfecto.

37:48 Sebastián Cisterna: No vamos a elaborar en las razones de alucinaciones y esas cosas porque lo hemos hecho en otros miles de capítulos, pero por lo menos, pero quédense con la idea para la gente que no le suena esto de que los modelos de lenguaje tienden a equivocarse más, ¿ya? Y eso no pasa cuando está al 100%, pasa en la medida que se va llenando, ¿ya? Entonces ahora que estamos en 10% lleno estamos bien, no va a pasar mucho, ¿ya? Pero cuando estemos cercanos al 60%, al 80%, estamos en un escenario crítico. Entonces nosotros tenemos que empezar a administrar este llenado, ya. Y para eso Claude Code, a diferencia de los otros modos, nos da algunas varias maneras de gestionar el contexto, ya. Uno es algo que se llama /context. Y acá donde empiezan los slash, los slash son comandos que yo le puedo escribir a Claude para que haga algunas acciones que tiene como guardadas por detrás, ya. O sea, en el fondo, maneras de actuar. Entonces, por ejemplo, ahora en la conversación linda que teníamos aquí voy a poner slash y acá me empiezan a aparecer todos estos comandos. Exacto. Context, que lo que va a hacer es explicarme qué es lo que está llenando mi ventana de contexto ahora.

38:58 Felipe Alfaro: Ya, perfecto.

38:59 Sebastián Cisterna: Porque parte de esta ventana de contexto que se llenó por la conversación que tuvimos, pero también por las configuraciones que yo pude haber hecho, y quizás tengo algo aprendido que está llenando mucha ventana de contexto y lo quiero apagar. Por ejemplo, no sé, tú alguna vez le has conectado algo a Claude, por ejemplo, tu Notion o Gmail o Calendar, todas esas conexiones te gastan ventana de contexto. Entonces, por ejemplo, si tú le conectaste Canva porque contaste que era chori y algún día lo voy a ocupar, eso está gastando tu ventana de contexto. Y yo puedo saber qué es lo que está gastando porque ahora le aprieto /context, aprieto aquí y me dice mira, los mensajes que hemos tenido en esta conversación han gastado 4,5. La configuración por defecto del sistema, 2,4, pero tus MCP, que son estos conectores, 1,7, y así sucesivamente.

39:47 Felipe Alfaro: Ya, perfecto.

39:48 Sebastián Cisterna: Entonces me está diciendo en qué estoy gastando, y en una de esas yo quiero administrar esto de alguna manera. Por ejemplo, oye, quizás 1,3 MCP a mí me parece ok, pero quizás a otra persona le parece que es mucho. Entonces vaya a desactivar algunas cosas de tu MCP. Vamos de nuevo y vamos a ver otro slash, que es, por ejemplo, esto dice compact. Ya acá, y más de ese me dice, oye, puedes escribir algo como opcional. Compact es que yo puedo decirle, oye, de lo que vamos hablando haz un resumen y empieza otra nueva conversación. ¿Por qué? Porque cuando yo vengo iterando muchas cosas, supongamos que esto fuera una conversación de cualquier otra cosa, por ejemplo, estoy haciendo una investigación, donde tú, que vamos a investigar sobre un cliente de telecomunicaciones Entonces quiero investigar sobre el mercado general de las telecomunicaciones, después competidor 1, competidor 2, competidor 3. Tengo mucha información y ahora le quiero hacer una propuesta comercial. Ya no necesito toda la información de la investigación, entonces yo podría hacer un resumen ahora y empezar una nueva conversación.

40:48 Felipe Alfaro: Perfecto.

40:48 Sebastián Cisterna: ¿Por qué lo quiero hacer? Porque estaríamos acá en la parte investigativa, tenemos una ventana de contexto bastante llena, 60%.

40:56 Felipe Alfaro: Claro.

40:57 Sebastián Cisterna: Y la siguiente, si no hago este reparo, voy a partir mi siguiente etapa del proyecto, que es más importante, que es la propuesta, con un 60% lleno y una muy buena probabilidad de que la conversación se vaya a degradar y se vaya a equivocar.

41:11 Felipe Alfaro: Claro.

41:11 Sebastián Cisterna: ¿Cómo prevengo eso? La compacto, hago un resumen y comienzo otra conversación. Y acá, como es código, y esto pasa siempre en código, hay comandos para hacerlo rápido, que es este que es /compact.

41:24 Felipe Alfaro: Y Sebastián, esta alucinación ocurre, ¿será porque uno va iterando tanto con el chat que llega a un punto que uno le pide muchas cosas, mucha información, y eso es lo que hace que se sature, por así decirlo, y comience a llenarse este contexto? ¿Cierto?

41:37 Sebastián Cisterna: El contexto se empieza a llenar por las cosas que están ahora precisamente en pantalla, como las configuraciones, los mensajes. Entonces yo, mientras más le hablo, más lleno estoy teniendo. Pero hay otra parte de tu pregunta que tiene que ver de por qué eso pasa. Y la verdad es que podríamos especular pero nadie sabe a ciencia cierta por qué las alucinaciones siempre ocurren, ya. La teoría como más vigente, por decirlo de alguna manera, es que estas cosas, bueno, son— siempre se va contestando en base a probabilidades y muchas veces lo que es probable no es cierto. Por ejemplo, si yo te dijera qué es Aguas Andinas, para la gente que está en Chile me iba a decir ah, es una empresa de agua, ya, pero para la gente que está en otros lugares de Latinoamérica dice ¿Qué estáis hablando? Es agua de los Andes. Entonces, ¿una embotelladora? Ya, y no po', es una empresa sanitaria. ¿Por qué? Porque era probable que con el nombre Aguas Andinas algo fuera, probablemente fuera una empresa de embotellamiento de agua. Entonces lo que los modelos creen que es probable a veces no coincide con lo que es cierto y te terminan escribiendo algo que es probable. Y lo otro es que estos modelos no están optimizados para cuestionarse, están optimizados para darte en el gusto. Y por lo tanto no vas a ver nunca un modelo como autoflagelándose antes de tiempo. Cuando tú le dices, oye, te equivocaste, dice, ah, sí, soy idiota, perdóname. Pero antes de tiempo no dicen, oh, ups, me equivoqué. No tienen esa conciencia de su error. Claro. Entonces esas son algunas de las cosas que se especulan por qué, pero sucede. Lo importante de saber de esto es que en la medida que está más lleno ese porcentaje, así que ahora vemos en la pantalla que dice 13, si está en 30 es más probable que se equivoque que los que estaban en 13. Y si ya está ahí en 80, está ahí en territorio peligroso. Y ahí, ¿qué es lo que vas a hacer según lo que acabamos de aprender? /compact.

43:18 Felipe Alfaro: Con /compact, exacto.

43:19 Sebastián Cisterna: Ahora lo podríamos hacer por fines recreativos. Entonces voy a decirle /compact, no le voy a poner ningún mensaje. Yo podría decirle, por ejemplo, oye, quiero que lo compactes, pero por favor preserva esta parte de la información. Va a compactar, pero obviamente de 13 lo va a compactar, no sé, a 8. O sea, no esperemos que que compacte tanto si acabo de partir la conversación. Pero ahora lo voy a ejecutar y lo está empezando a hacer.

43:43 Felipe Alfaro: Y por ejemplo, Seba, como ejemplo, no sé si te ha tocado llegar a ese nivel de contexto que tú me estás comentando, por ejemplo este 60%, y si te ha tocado compactar, ¿cómo cuánto en promedio, cómo cuánto pasaría de si estamos en un 60%, cuánto pasaría si es que entramos a compactar más o menos? Un promedio, si es que.

44:00 Sebastián Cisterna: Probablemente tenés que pensar que lo voy a reducir, lo voy a dividir por 5. En el fondo, si está lleno 80, va a quedar en 20.

44:06 Felipe Alfaro: Ah, o sea, igual compacta bastante, o sea, ayuda bastante.

44:09 Sebastián Cisterna: Sí, hay veces que incluso voy a ser más duro con eso. Y lo otro es que hay un comando que es /autocompact, que tú puedes definir cuándo quieres que se gatille la compactación sin que tú lo tengas que hacer. Por ejemplo, oye, cada vez que pasemos el 40%, autocompáctate.

44:27 Felipe Alfaro: Ah, perfecto.

44:28 Sebastián Cisterna: Ahora piensa que siempre estás partiendo una nueva conversación con el resumen. Entonces, en los resúmenes, como cualquier otro resumen, tú pierdes detalle. Entonces, si se te perdió alguna pieza de información, la siguiente conversación ya no la tiene. Claro. Entonces, ese es el riesgo de la compactación, de que si tú me estás diciendo algo como general, yo probablemente lo voy a captar con el resumen, pero si es un detalle muy chico, probablemente no me lo voy a llevar en la siguiente parte de la compactación.

44:55 Felipe Alfaro: Entiendo.

44:56 Sebastián Cisterna: Pero hay veces que no puedo continuar. Imagínate estos proyectos grandes de código que hablábamos, claro, voy a saturar esa ventana muy rápido y ahí sí tengo que gatillar la compactación porque si no, no tengo manera de seguir hablando con el robot.

45:08 Felipe Alfaro: Claro.

45:09 Sebastián Cisterna: Entonces acá me dice sesión compactada, me ahorré una cantidad menor de tokens, ya. Entonces ahora me pongo encima en el mouse, dice que tengo un 1% de que compactó, compactó. Sí, ya. Entonces de hecho voy a tirarle /context para ver si la ventanita que vimos recién luce diferente. No, esta no luce diferente. Creo que fue un tema visual, pero al menos ese número de ahí pasó de 4,5 a 3. De nuevo, en la— yo no puedo compactar el prompt de sistema, eso no se puede compactar, claro, ya. Los MCP tampoco se pueden compactar. Entonces lo único elegible para compactar en la iteración anterior era este 4,5 que terminó pasando a 3%.

45:52 Felipe Alfaro: Perfecto.

45:53 Sebastián Cisterna: Entonces, bueno, y lo que te decía antes, que yo pongo /autocompact y acá puedo decir cuánto, en cuántos tokens quiero que se genere la autocompactación. A la vez, por ejemplo, yo tengo otros comandos que son, por ejemplo, este /clear, que lo que hace es que me limpie la ventana. Aquí ya tengo una ventana nueva y aquí no tengo los tokens de los mensajes. Y limpié todos los mensajes porque perdí esa conversación.

46:23 Felipe Alfaro: Ah, ok. Y todo el trabajo que se hizo, todo en esta conversación.

46:27 Sebastián Cisterna: Sí, ya. ¿Por qué? ¿Por qué lo querría hacer? No sé, hay gente que quizás de pronto dijo, ah, nuestra conversación va mal, empecemos de cero. Perfecto, ya. Pero pasa, ya. Y es lo mismo, reset y new fueron nombres que tuvieron estos comandos antes, ya. Y otro que es simplify, de que Si bien no es directamente a la ventana de contexto que estamos ocupando ahora, si yo hago /simplify, lo que va a hacer es nuestro, va a ver nuestro código que tenemos hecho y va a decir cómo podría hacerlo mejor, ya, cómo podría eventualmente reducir lo que acabo de escribir. Por ejemplo, ¿se te ha pasado que de repente uno escribe un correo como persona natural y le dais n vueltas para decir algo que en realidad pudiste haber dicho en un párrafo? Ya, ese es el /simplify. Como tratar de—

47:12 Felipe Alfaro: La historia de mi vida.

47:14 Sebastián Cisterna: Claro, como le diste n color pa' poder llegar al punto como cualquier político y en realidad no dijiste nada. Entonces /simplify, ojalá pudiera hacer eso con el congreso, /simplify sería—

47:24 Felipe Alfaro: Puro humo, que te saca todo el humo, toda esa chaya.

47:27 Sebastián Cisterna: Claro, entonces trata de— el /simplify va a reducir el código pero no va a reducir tu conversación con Claude pero va a reducir el código y como el código después tú lo sigues ocupando para iterar sobre él estás iterando sobre una base que ya es más chica. Chica. Perfecto. Es como que en este discurso del político que tenía 8 párrafos lo redujiste a 1, entonces después trabajar sobre un párrafo es más fácil que trabajar sobre 8.

47:49 Felipe Alfaro: Claro.

47:49 Sebastián Cisterna: Entonces ese es el rol del slash simplify.

47:52 Felipe Alfaro: Simplify, ya, perfecto, perfecto. Pero por ejemplo, Seba, yo te pregunto, ¿cómo qué diferencia habría entre compact, por ejemplo, y simplify?

48:01 Sebastián Cisterna: Ya, compact es sobre los mensajes que vimos antes, ya, entonces, y es toda la conversación, incluso lo que no quedó escrito en el código. El código es la conclusión. Entonces, ponte tú que estamos haciendo un ensayo sobre alguna ciencia, ya, y yo tengo que hacer mucha investigación de esa ciencia, ya. Entonces hacemos de biología, empiezo a investigar de muchos temas de biología que no sé, pero no he hecho aún nada de mi ensayo, ¿cachai? Porque no he hecho nada en el documento, ya. Y supongamos que ya yo hice toda esa comprensión y dije, ya, ok, en base a lo que investigamos, ahora haz la O el primer párrafo, ya, y ahí dejé algo plasmado en el ensayo, ¿cierto? Y ahí tengo dos cosas, tengo todo el bla bla que hice de investigación, en el fondo todas las hojas que dejé encima de bibliografía, pero tengo una que son las sagradas que voy a ir a ocupar, ¿cierto?

48:48 Felipe Alfaro: Claro.

48:49 Sebastián Cisterna: Ya, el Compact trabaja sobre la bibliografía, sobre todas las otras que tú, toda la comprensión que tú has hecho, mientras que el Simplify solamente trabaja sobre el ensayo. Perfecto. En el caso va a ir a simplificar las líneas de código, ya. Entonces, si en las líneas de, en el proceso, por ejemplo, hizo líneas de código que se equivocó y detectó que se equivocó y las borró y las tanto, eso va a quedar en la ventana contexto. Por lo tanto, cuando tú apliques /compact, eso se va a reducir. Pero cuando apliques /simplify, lo que va a ir a reducir es solamente el final, y en el final solamente está la última versión.

49:25 Felipe Alfaro: Claro, o sea, solamente se va a enfocar en el producto que tú estás creando, no como en el producto y todo el desarrollo. Claro, claro.

49:32 Sebastián Cisterna: Van a lugares diferentes, ¿cachai?

49:34 Felipe Alfaro: Perfecto.

49:34 Sebastián Cisterna: Y la conversación que tú tienes con Claude se va saturando en base a lo que el Compact hace. El Simplify tení' que pensar que son como para las siguientes iteraciones que van a ir a agarrar ese trabajo y lo van a, por ejemplo, mañana tú tienes otra conversación y va a ir a trabajar sobre el ensayo que está abierto, ¿ya?

49:52 Felipe Alfaro: Claro.

49:52 Sebastián Cisterna: Y ahí es donde el Simplify actúa, ¿cachai?

49:54 Felipe Alfaro: Súper.

49:55 Sebastián Cisterna: ¿Se entiende?

49:56 Felipe Alfaro: Clarísimo.

49:57 Sebastián Cisterna: Bacán, te estamos pagando para que digas que está todo bien. Entonces supongamos que me pasaron un proyecto que ya estaba hecho, ya. Entonces para eso yo voy a ir y voy a cambiar la pestaña, y ustedes también en casa si es que lo quieren seguir haciendo conmigo. Voy a ir a la carpeta ejercicio 2, donde el ejercicio 2 lo único que tiene es la carpeta con el ejercicio como lo corrí yo la primera vez. ¿Ya? Entonces me llegó esto y yo no tengo idea de lo que hay aquí, pero sé que lo voy a trabajar con Claude. ¿Cómo puedo hacer que Claude entienda esto para que sea más fácil trabajar con este archivo? Existe un comando que dice /init, que es como medio british.

50:39 Felipe Alfaro: Eso mismo estaba pensando, ¿y ya? ¿Init?

50:42 Sebastián Cisterna: Entonces aprieto /init y lo que hace es empezar a crear archivos, especialmente uno que se llama claude.md. Que lo que trata de explicarle a Claude en las siguientes iteraciones, desde ahora en adelante, es que sepa qué es lo que va a tratar, ¿ya? O sea, en el fondo yo cuando le paso una carpeta no sabe de qué demonios es esa carpeta, ¿ya? Entonces está creando ahora en la pantalla, precisamente me preguntó porque lo tengo en modo manual, de que quiere crear ese archivo, ¿ya? Que es este CLAUDE.md. Yo lo voy a abrir para que lo empecemos a ver. De partida está en inglés porque no está hecho para mí, está hecho para Claude. Ya, a pesar que yo le pedí la cosa en español, y lo que dice es que qué es este proyecto, cuáles son sus principales archivos, cómo se corre, cuál es la arquitectura. O sea, básicamente me está diciendo qué demonios es lo que está contenido aquí.

51:31 Felipe Alfaro: Súper, porque finalmente te ahorra bastante tiempo de trabajo, te ahorra todo este paso como de tú tener que estarle explicando uno como persona, sino que simplemente él escanea y enter, encárguese usted mismo.

51:44 Sebastián Cisterna: Claro, y qué cosas podrían ir aquí también de que hoy día, hoy día este proyecto es sencillo, pero cosas que podrían servir para que Claude lo entienda mejor. Eventualmente tenía alguna limitación o por ejemplo le querés dar alguna instrucción que querés que se aplique para todo el documento. Todo ese tipo de cosas pueden ir perfectamente en este CLAUDE.md. El CLAUDE.md es un archivo que tiene, que tiene que ser leído por Claude cuando esté haciendo lo que se está haciendo. Entonces cuando estés trabajando en esta carpeta, si hay un CLAUDE.md presente, se va a cargar siempre en la conversación. Aunque tú no lo estés adjuntando, va a venir adjunto. Entonces tiene que tener ojalá la mínima expresión de lo que necesita para entender el proyecto, pero ojalá no mucho detalle porque no quieres saturar esa ventana de contexto a punta de tonteras que no va a necesitar, claro. Ya, esas tonteras que puede no necesitar pero que las puede necesitar de repente, por ejemplo, cuando tú quieres hacer una parte específica de tu proyecto, pueden quedar en otros archivos que tengan esta misma estructura. Ya, y en ese sentido yo tengo unas recomendaciones para la gente que nos está viendo en casa, que son este tipo de proyectos. Ya, ojalá sería bueno también tener documentos para cosas que son habituales de crear un software, ya, que, pero que el CLAUDE.md es para explicarte lo que es, pero no es, por ejemplo, para llevar un proyecto, una explicación del proyecto para humanos. Ya, porque el CLAUDE.md es para Claude, claro. Ya, ojo que el CLAUDE.md en otros entornos obviamente no se va a llamar Claude porque se llama el competidor, pero en Codex o en Antigravity se llama agents.md.

53:21 Felipe Alfaro: Perfecto. Ya, pero existe y todos son con la extensión .md.

53:24 Sebastián Cisterna: Sí, .md, buen detalle. .md es una extensión de, se escribe Markdown, ya, y Markdown es simplemente una, es cómo se escribe en texto plano Por ejemplo, ahora voy a mostrar un poco ese, ese MD que estamos viendo de Claude. Si te das cuenta acá, esto yo lo puedo ver como, oye, este título es más grande, este título es más chico, esto está con puntitos, ¿cierto? Pero si yo voy a ver el código de esto, esto tiene una nomenclatura súper específica. Los títulos más grandes parten con el hashtag o almohadilla o gato, y los puntos, por ejemplo, es con esas líneas, o los links son de esta estructura. Ya, entonces esa estructura por detrás se le llama Markdown.

54:05 Felipe Alfaro: Perfecto.

54:05 Sebastián Cisterna: Y los agentes la entienden súper bien porque fueron entrenados con eso también. Y la Wikipedia, por ejemplo, que es una gran fuente de información, es en base a Markdown. Entonces tiene una versión así como media código y tiene una versión visual. Y yo puedo escribir documentación sobre otros procesos que son generalmente técnicos en esa visual, como por ejemplo el README, que es para humanos. ¿Por qué digo para humanos? Porque hay cosas que de repente a Claude no le interesan, por ejemplo, los autores, el tipo de licencia, dónde puedes encontrar las redes sociales del autor, que no le interesan a Claude pero sí le interesan a un humano, entonces va generalmente al ReadMe. También el ReadMe va a estar en el idioma de donde lo va a consumir la persona. Claro. También, por ejemplo, uno que yo ocupo harto es este de todo.md que básicamente cuando yo estoy creando algo generalmente no me alcanza el tiempo para en una sesión de trabajo hacer todo lo que quiero hacer, entonces en el todo.md están todas mis ideas de lo que quiero seguir haciendo, ¿cachai? Entonces hay una bitácora de lo que yo sé que voy a construir en el futuro, ¿cachai? Otra cosa es este archivo que se llama design.md, que está cada vez más de moda, que habla de los códigos visuales como colores, tipografías, cómo te gusta el espaciado, cómo te gusta que se digan las cosas, tono y estilo, que ayuda como a que este proceso se haga más, como más rápido. Ya, entonces puedo escribir más documentación respecto a esto.

55:29 Felipe Alfaro: Y Claude puede leer varios de estos a la vez, puede tener como varios, puede ver los otros archivos.

55:35 Sebastián Cisterna: Y cuando tú haces el /init, si estos archivos estaban, va a reconocerlos y te va a decir, por ejemplo, oye, si algún día tú quieres ver qué es lo que ha pasado con este archivo, anda a changelog.md. O sea, va a describir que existen esas instancias, pero las va a ir, como es agéntico, va a ir llamándolas condicionalmente.

55:54 Felipe Alfaro: Perfecto.

55:55 Sebastián Cisterna: Y un último detalle que quiero como contarle a la audiencia, y para eso vamos a ir al ejercicio 4. Ustedes van a decir, quiero, ¿qué pasó con el ejercicio 3? Lo va a tener que descubrir en la comunidad cuando bajen los archivos, lo siento. Ya, entonces vamos a ir al ejercicio 3, y para eso voy a cargar esa carpeta de nuevo. Acá voy a ir a mi carpeta de descargas, voy a abrir el ejercicio 4, ya. Y en el ejercicio 4 va a pasar algo muy interesante. Ya en el ejercicio 4 vamos a ocupar algo que se llaman las skills, que hay un capítulo entero de eso, pero básicamente son habilidades. Piénsalo que son como procedimientos. Yo le cuento a Claude cómo hacer algo y ese algo puede ser de distintos niveles de complejidad. Entonces nuestra aplicación de tareas la vimos hace un ratito. De hecho le voy a decir muéstrame, o sea, corre en un servidor local esta app, ya solamente para mostrarle a la gente cómo luce la aplicación que está ahora cargada en el ejercicio 4, ya. Entonces está haciendo esto, puerto libre, sí, córrelo. Me va a dar una URL ahora que vamos a poder observar. Sí, se me olvidó cambiar la manual, por eso está preguntando todo, ya abriendo la página. Ok, ya, entonces el servidor local de esta cuestión luce así, ya, bastante sencillo. Entonces vamos a ocupar un skill, ya, que en este caso vamos a simular ser la marca de comunicaciones Entel acá en Chile, que uno va a entel.cl, ya, para que no digan después, ah, es que están ocupando información privada. No estoy ocupando información privada, está aquí en la web disponible para todos. Si yo voy a entel.cl puedo entender bien que hay un estilo visual bastante consistente, ¿cierto? Hay cierto azul, hay cierto naranja, Hay ciertos botones, ya. Entonces yo puedo, y eso es lo que hicimos detrás de escena, copiarle este estilo, ya, decirle estas son las tipografías, estos son los azules, etcétera. Pero yo no quiero estar haciendo esto cada vez que se me ocurra hacer una aplicación, ¿cachai? Como cuando ya tengo una aplicación quiero poder ojalá llevar lo más rápido posible a este código de estilo. Entonces para eso creamos un skill que lo que hace es poder entender el código de frontend, de cómo lucen las cosas. Ya, pero dice, Seba, pero ¿cómo la invoco? Ok, voy a abrir una nueva conversación con esta carpeta. Estoy en ejercicio 4 y voy a decir transforma, transforma esto al estilo visual de Entel. Y acá hay dos opciones, podría dejarlo así y que el mismo Claude defina en base a las habilidades que tiene disponibles si tiene una que coincida con esto, ya, porque las skills funcionan en base a eso según lo que vimos en ese capítulo en detalle. Pero también voy a poder hacer esto que estoy haciendo ahora, @frontend_entel, ya, y ahí estoy llamando una carpeta que está metida acá en el proyecto que tiene esa habilidad, ya, en la cual yo ya describí este tipo de cosas. O sea, fue un procedimiento que ya creé y que eventualmente, por ejemplo, si yo fuera un desarrollador de Entel, podría haber una oficial para todos los que estamos haciendo esto mismo dentro de ese ecosistema. Entonces aprieto Enter y lo que va a hacer es llamar esa skill. Ya, perfecto. Cosa importante de las habilidades es que las habilidades se ejecutan dentro generalmente de una carpeta que se llama .claude o .cursor o .codex, etcétera. Que si yo voy a ver la carpeta en sí mismo, entonces ahora voy a ir a la carpeta en mi computadora de ejercicio 4 Tú no veis nada que aquí dice punto claude. Está el CLAUDE.md que hablamos antes y ahora está creando las cosas que estábamos viendo ahora, pero no hay un punto claude en ninguna parte. Y eso es porque el punto hace que quede oculto. Ya, perfecto. Entonces eso que está cargado acá como contexto, ahí por detrás de cámaras, por decirlo así, hay una skill que se llama frontend. Yo la pude invocar, pero no está visible al usuario. A menos que yo le active esto de que poder ver cosas en modo incógnito.

1:00:01 Felipe Alfaro: Exacto.

1:00:01 Sebastián Cisterna: Ya, entonces vamos a hacer, yo aquí tengo en la, justo en la presentación tengo una captura de pantalla para esto. Fíjate que en mi computador no se ve el .claude, pero si yo lo hubiera subido a Google Drive, que es donde eventualmente compartimos los archivos, ahí está el .claude porque ahí no me está ocultando nada.

1:00:17 Felipe Alfaro: Ya, claro.

1:00:18 Sebastián Cisterna: Entonces eso sí está en mi carpeta y yo eventualmente, por ejemplo, cuando trabajo con otra gente, si tengo habilidades que vamos a seguir ocupando, por ejemplo, nuestra relación con donde yo despliego la tecnología, la puedo escribir así, puedo hacer varias habilidades que este software tenga disponible pero en el contexto de este proyecto en particular. Por ejemplo, estoy haciendo un procedimiento pero ese procedimiento es específico del problema que está en esta carpeta y no en el procedimiento que está en otra carpeta. ¿Por qué? Porque las habilidades cada vez existen en otros lados de esto. Nosotros hemos hablado un par de veces fuera de cámara de las habilidades que tenemos instaladas en nuestro entorno corporativo de Claude, pero estas son específicas, no son, no son de tu cuenta de Felipe, no son de la organización EvoAcademy, sino que son específicamente de este repositorio, de esta carpeta, de este proyecto que en particular son las tareas que estábamos, esta aplicación de tareas.

1:01:13 Felipe Alfaro: Ya, súper.

1:01:14 Sebastián Cisterna: Que a esta altura, si esto corrió y ya terminó, Lo que hizo, bueno, aún no termina, está ejecutando, pero vamos a ir a ver. No, aún no logra entender el procedimiento, pero por mientras termina vamos a adelantar un poco la— yo tengo una captura de pantalla acá que esperemos que llegue más o menos así de cuando lo hice la última vez. Esa aplicación media fome que teníamos, con bien general, con los botoncitos que funcionaba pero que era bien general, después de todo el proceso termina pasando a esta que está a la derecha, donde ya luce con las tipografías que veíamos en el sitio web de Entel, con el azul de Entel. Entel no ocupa muchos elementos redondeados, prefiere elementos más cuadrados. Y dice, ah, ¿cómo sabes tanto de Entel? Yo trabajé ahí brevemente, por eso que me sé estas cosas de manual de marca, pa' que después digan, ah, es que Seba tiene información confidencial. No, eso está en el manual de marca, ¿ok? Solo pa' que nadie me fune. Entonces, el parche en Telería Sí, es que de repente hay gente que dice, yo vengo acá por los secretos de Sebastián, y no es así, ya. Como Tom Holland que decía spoilers. Entonces tú dejá de preguntar algo.

1:02:24 Felipe Alfaro: O sea, más que preguntar, claro, te iba a comentar, o sea, por así decirlo, todas estas habilidades, todas estas skills, tú las creas, pero al invocarlas no significa que tú estás modificando la skill, sino que la skill tú la estás aplicando al proyecto a la cual tú la invocaste. Y digamos que, por ejemplo, yo puedo estar creando, como tú decías, otro proyecto de cualquier otra cosa, incluso más allá de una lista de tareas, incluso no sé, alguna calculadora, alguna cosa simple. Y si tú invocas la skill, te la va a personalizar como con estos gráficos, como con el manual de marca de Entel, o como uno tenga creada esta skill, por así decirlo.

1:02:58 Sebastián Cisterna: Sí, yo acá fíjate que igual la aplicación al principio lucía mal, tenía el logo en grande, se fue dando cuenta solo de estas cosas. Hoy esta cuestión se puso más psycho, ahora que dije que tenía que pagar la cuenta de Entel. O de Enel y ahora dice cuenta de luz, que es Enel acá en Chile para la gente. Es aún más psycho de lo que pensé antes.

1:03:20 Felipe Alfaro: El gran Claude te observa.

1:03:22 Sebastián Cisterna: Sí, el gran Claude.

1:03:22 Felipe Alfaro: Ya en el Gran Hermano, el gran Claudio te observa.

1:03:25 Sebastián Cisterna: Entonces ahí quedó la aplicación con el código visual de la marca, ¿ya? Así que acá yo pude aplicarlo con eso. Ustedes dirán, Seba, pero ¿solamente puedo aplicar códigos visuales con esto? No, hay más cosas, ¿ya? Piensen que cualquier cosa que sea un procedimiento en programación puede ser llevado a una skill. Y en ese sentido quería citar a alguien que hace muy buen trabajo haciendo este tipo de cosas, que se llama Daniel Ávila, que alguna vez estuvo en nuestro podcast. Pero simplemente recordar acá que él tiene un sitio web que sí, que este que está acá en pantalla, AI TMPL, que viene de templates. Si yo hago clic acá, antes se llamaba Claude Code Templates, pero ahora lo amplió a AI. ¿Por qué? Porque estas skills es un protocolo que se aplica en más de un software. Las skills se pueden aplicar hoy día en Codex, se pueden aplicar en Gemini, asterisco, porque algunas partes no, partes sí, en Antigravity sí, y así sucesivamente. Pero en el fondo puedo ir aplicando esto en varias partes.

1:04:25 Felipe Alfaro: Perfecto.

1:04:25 Sebastián Cisterna: Y por ejemplo, aquí yo puedo ir y eventualmente, oye, supongamos que hay una skill que me haya gustado de las que estoy leyendo ahora. Por ejemplo, creo que por aquí andaba con una que es para manejar PPTs. Ya, o si yo estoy interesado en que mi Claude sepa hacer PPTs, ok, perfecto. Vengo acá y aquí me dice cómo la puedo instalar en mi computador, o derechamente le puedo pasar esta URL a Claude y decirle oye, anda e instala esta, porque es público, ya. Entonces acá te muestra los archivos y todo el tema que ustedes podrán ver en detalle, pero quédense con la idea de que en este caso este repositorio tiene repositorio de skills. Yo no me quiero quemar las manos, no pongo las manos al fuego por nadie independiente que sea el Dani o no, pero el Dani es una muy buena fuente de información en general. Lo importante es que no todas las fuentes de información de skills son así, ¿ya? Las skills, al instalar una skill tú estás instalando cosas en tu computador. Entonces si bien el Dani tiene un cuidado en general y que en el fondo probablemente, no sé cuáles son sus procedimientos de seguridad pero dado lo que conozco de él tendría que confiar en que esto estaba bien.

1:05:36 Felipe Alfaro: Qué agradable sujeto.

1:05:37 Sebastián Cisterna: Es muy agradable sujeto, ya, pero porque además también el repositorio de él tiene harta historia y hay gente de la industria que lo ocupa, etcétera, pero yo digo, ah, ok, voy a ir a otros repositorios porque no está X skill acá pero puede ser que esté en otro lado, ya. Vean de dónde se están metiendo porque al bajar skills hay skills que tienen código y al tener código puedo ejecutar código malicioso en mi computador también. O sea, hay que ser juicioso, hay que ser juicioso por donde entran estas cosas. Cómo instalar las aplicaciones del celular. Si yo vengo, si la aplicación viene de una marca confiable, estoy ok. Si no, tendría que tener algún cuidado, ya. Entonces, para que después digan, es que el Seba dijo esto y me dio un virus, cuidado, ya. Pero ya dio la advertencia, se quedó la advertencia. Entonces eso, po', mi querido Felipe. ¿Hay alguna duda que venga? De esto.

1:06:28 Felipe Alfaro: Hasta el momento bastante claro, Sebas, solamente aquí esperando como para comenzar a ejecutar ahí, crear skills, crear proyectos, Claude Code, ya.

1:06:37 Sebastián Cisterna: Entonces, en resumen, en el fondo vimos este mapa en que partimos con el proyecto de planificación, vimos algunos botoncitos, vimos lo de la ventana de contexto que es muy importante, y obviamente hay más cosas de esto que no vamos a hablar más, pero esto te ayuda al menos a partir en algo, ya. Cosas que suelen ser un buen proyecto para partir. Bueno, quizás agarrar este proyecto de tareas y poder darle un poquito más de forma. También, si uno le quiere aplicar más de IA generativa, lo hablaba en un podcast pasado, quizás agarrar alguno que te permita agarrar una imagen, subirle una imagen que tú hayas tomado en el celular o algo por el estilo, y que eso lo traspase a un Excel. Con lo, por ejemplo, yo le subo una boleta y que saque cuál es la empresa que le pagué, cuáles son el monto total. Ese tipo de cosas son proyectos bonitos para poder partir, ya, para poder darse cuenta que estoy manipulando bien esto, que logro entender lo que está pasando en la pantalla y que puedo como quizás conectarlo con GitHub, ya. Entonces hay varios videos del canal que pueden servir para seguir profundizando, pero por ahora yo creo que estamos bien.

1:07:39 Felipe Alfaro: O sea, lo más importante aquí, Seba, es arriesgarse, hay que probar.

1:07:43 Sebastián Cisterna: Sí, y obviamente, obviamente ir de a poquito, porque obviamente no quiero como que después digas que el Seba está diciendo estas cosas de que son peligrosas. Sí, todo esto puede eventualmente si uno lo hace en entorno corporativo tener riesgos de ciberseguridad, ¿ya? Entonces uno tiene que chequear las políticas de ciberseguridad de cada una de sus empresas. Lo que acabamos de ver ahora es súper sencillo, o sea, esto tendría que ser muy raro que tuviera algún nivel de riesgo. Entonces para aprender esto está bien, pero si ustedes quieren, ah, es que ahora quiero hacer una aplicación y que conecte sistema A con sistema B, ok, y ahí vayan un poco más con cuidado porque no quieren estar, por ejemplo, liberando información sensible en esas conexiones y si usted no es un usuario técnico está entrando en territorio arriesgado. Quizás lo va a hacer para uno, pero no lo vaya a subir a un sitio web público.

1:08:30 Felipe Alfaro: Claro, ya no, eso es súper importante porque puede ser que quizás el código por detrás tenga alguna contraseña. A veces incluso quizás yo cuando hice una programación en Gemini puse algo con contraseña y después cuando uno revisa el código está la contraseña ahí. Entonces claro, ahí hay que tener mucho cuidado con los vínculos que uno hace. O con toda esa información. Así que clarísimo.

1:08:52 Sebastián Cisterna: De hecho, justo me necesito acordar de alguien que me decía, oye, pero hay una skill para revisar seguridad. De hecho, creo que hay una nativa ahora que si yo pongo /code-review, creo que sí, exactamente, code-review te muestra bugs y te muestra también como buenas prácticas. Y creo que también hay un /security-review, que son skills que vienen preconfiguradas por Anthropic. Alguien me decía, pero es que la revisé con eso antes de No es infalible, es una muy buena práctica pero no es infalible. Entonces, por ejemplo, cosas que decís tú como la contraseña está evidentemente ahí, lo va a agarrar, pero cosas que son un poquito más sofisticadas puede ser que no las agarre.

1:09:32 Felipe Alfaro: Claro, por eso es importante que después también el usuario también lo revise, itere con la imagen que él puede tener.

1:09:38 Sebastián Cisterna: Sí, o cuando si ustedes lo querí' pasar a un proyecto más masivo prepararlo, hacer la idea, hacer un prototipo y después pasárselo a la gente de TI que ya cacha un poco más y que tiene más conocimiento pa' poder auditar esto. Claro. Así que eso quería audienciar. Gracias Felipe por participar hoy día, por traer todas tus dudas, tus comentarios. Espero que también te haya servido pa' poder entender una habilidad nueva.

1:09:58 Felipe Alfaro: Por supuesto, no, yo agradecido, Sebastián, por la oportunidad, por la invitación, por poder participar acá, un honor.

1:10:05 Sebastián Cisterna: Esperemos que no sea tu último capítulo porque la gente va a comentar, sí, Felipe, cagá. Hay un podcast que yo sigo, no sé si tú lo seguís, pero que se llama Tomás Va a Morir y la gente es muy binaria con la gente nueva, hay uno que se llama Biscochito que Que es muy amable, pero yo no lo encuentro particularmente más amable que otro que se llama Araya. Araya la gente lo odia y Biscochito lo aman, así que yo tengo fe de que tú vas a ser el Biscochito de IA para los negocios.

1:10:31 Felipe Alfaro: Eso espero, esperemos.

1:10:33 Sebastián Cisterna: Sin duda. Así que muchas gracias por haberse quedado hasta hoy día, recuerden darle like, suscribirse, compartirlo a la gente que está partiendo en Claude Code y nos vemos en un siguiente capítulo de Inteligencia Artificial para los Negocios. Hasta la próxima, hasta la próxima.

Más episodios

Ver todos los episodios