Habilidades increíbles de Claude que realmente multiplican por 10 tu programación intuitiva
AAI LABS
Computing/SoftwareAdvertising/MarketingSmall Business/StartupsInternet Technology
Transcript
00:00:00Las habilidades de agentes hacen que tus agentes de IA sean mucho más potentes. Por eso te traemos seis
00:00:05habilidades increíbles que te ayudan a construir mucho más rápido con agentes de IA. Pero estas habilidades no van a
00:00:10reemplazar la forma en que ya trabajas. Si ya tienes una forma de trabajar con tu agente, puedes
00:00:14seguir usándola. Estas habilidades no cambiarán eso. En su lugar, añadirán nuevas cosas que tu agente de programación
00:00:19con IA puede hacer y que quizás antes no pensabas que eran posibles. Estas habilidades fueron creadas por algunas
00:00:24de las personas más conocidas en IA. Por ejemplo, una de ellas nos da cuatro reglas que usamos en
00:00:29absolutamente todos los proyectos de programación con IA. Otra cambia por completo cómo los agentes de IA ven internet y usan
00:00:35los sitios web. Ahora bien, si eres nuevo en el canal, bienvenido. Somos una empresa de software y esto es AI
00:00:40Labs. Y en este video, vamos a repasar seis habilidades que definitivamente cambiarán tu forma de trabajar
00:00:45con agentes de IA. Ahora bien, el mayor problema con las habilidades no es crearlas. Es mantenerlas actualizadas. Cada
00:00:50vez que tu agente repite un error, tienes que notarlo y mejorar la habilidad tú mismo. Pero la habilidad de
00:00:55observador de tareas hace esto mientras estás trabajando. Toda la idea detrás de esta habilidad es que
00:01:00las habilidades mejoran a partir de los problemas con los que te encuentras durante el trabajo real. No puedes sentarte una vez y
00:01:05predecir cada error que va a cometer el agente. Así que busca lecciones útiles mientras trabajas. Si
00:01:10la misma solución pudiera convertirse en una nueva habilidad, la registra. Y si una habilidad existente necesita una nueva regla,
00:01:15también lo registra. Cuando instalas esta habilidad, tienes dos opciones. Puedes instalarla en
00:01:19la carpeta principal .claude, lo que hace que funcione en cada sesión de Claude Code en tu computadora. O puedes
00:01:25instalarla dentro de un proyecto. Recomendamos instalarla por proyecto porque eso mantiene las
00:01:29lecciones de cada proyecto separadas y hace que sea más fácil gestionarlas. Una vez instalada, crea
00:01:34un archivo llamado log.md, donde se registra todo lo que nota. Este archivo se encuentra dentro de la carpeta principal de
00:01:40Claude Code en tu computadora, fuera del proyecto real. Si instalas la habilidad por proyecto, cada proyecto
00:01:45mantiene su propio registro. Junto a este hay otro archivo para reglas que deben aplicarse a cada habilidad que poseas.
00:01:51Así que supongamos que decides que ninguna de tus habilidades debe escribir jamás el nombre de un cliente real en un archivo.
00:01:56Esa regla no es solo para la habilidad que estabas usando en ese momento, debe aplicarse a todas ellas. Así que va
00:02:00a este segundo archivo. Durante la configuración, esta habilidad también te pide que agregues una instrucción a tu archivo claude.md.
00:02:06Esa instrucción hace que Claude ejecute la habilidad mientras trabajas para que pueda seguir encontrando lecciones y
00:02:11mejoras. Dentro del registro, cada habilidad tiene su propia sección y los cambios sugeridos se escriben
00:02:16debajo. Pero esta habilidad no cambia inmediatamente la habilidad real. Las lecciones en el registro se
00:02:21utilizan durante sesiones futuras y puedes revisarlas antes de decidir si deben convertirse en una
00:02:26parte permanente de la habilidad. Esto evita que un resultado malo se convierta automáticamente en una regla que el
00:02:31agente sigue para siempre. Nos pasó esto con la habilidad que usamos para crear animaciones para nuestros videos.
00:02:36Ese proyecto tiene muchas instrucciones personalizadas que hacen que las animaciones se vean como se ven y las estamos
00:02:42mejorando constantemente. Muchas de esas animaciones incluyen logotipos de marcas. Los modelos no pueden crear esos
00:02:47logotipos correctamente por sí mismos. Así que necesitamos proporcionarles el logotipo en un formato de código llamado SVG. Habíamos estado
00:02:52obteniendo esos archivos manualmente de un sitio llamado LoebHub. LoebHub también tiene una herramienta que los agentes pueden ejecutar desde
00:02:58la terminal, por lo que nuestro agente supuso que podía usar esa herramienta para obtener los logotipos, pero la herramienta fue hecha para
00:03:02otra cosa, así que falló. Esta habilidad registró que la herramienta de LoebHub no debe usarse para nuestro
00:03:08sistema de animación. También encontró la fuente correcta para obtener los logotipos y la registró como una nueva
00:03:13regla. Revisamos ambas lecciones y las agregamos a la habilidad. Ahora el agente de animación sabe exactamente dónde
00:03:18conseguir los logotipos de marcas y puede agregarlos sin que nosotros lo hagamos manualmente. Pero antes de pasar a la siguiente
00:03:23habilidad, sería genial si te suscribes al canal y haces clic en el botón de me gusta. Este pequeño gesto de
00:03:28apoyo nos ayuda mucho. Tu agente puede construir un producto funcional, pero un producto funcional aún puede
00:03:34perder usuarios antes de ganar dinero. Estas siguientes habilidades cubren las partes de tu aplicación que evitan que eso
00:03:39suceda. Estas habilidades provienen de Corey Haynes y forman parte de una colección de 48 habilidades
00:03:44de marketing. El nombre puede hacer que parezcan exclusivas para anuncios y contenido, pero la colección cubre
00:03:49todas las diferentes formas en que un producto genera dinero y tres de ellas están integradas directamente en la aplicación.
00:03:54Primero, tenemos una parte muy importante de la aplicación que la mayoría de las personas que programan con IA pasan por alto
00:03:59por completo, y es la incorporación (onboarding). La incorporación es el proceso que ayuda a un nuevo usuario a configurar y empezar a usar
00:04:04tu producto. Luego tenemos lo principal que impulsa tu conversión, que es tu muro de pago (paywall). Un muro de pago
00:04:09es la pantalla que aparece cuando un usuario intenta usar algo por lo que necesita pagar. Y tercero,
00:04:14tenemos la deserción (churn), que es una de las cifras más importantes para entender si las personas se quedan
00:04:18con tu producto. La deserción es cuando las personas que pagan por tu producto dejan de pagar. Así que esta es la aplicación
00:04:23que vamos a usar durante el resto del video. Es una aplicación de Next.js, que es una de las formas estándar de
00:04:28construir una aplicación web, y la hemos creado para un gimnasio. Las personas pueden usarla para obtener una membresía de gimnasio, elegir a su
00:04:33entrenador y seleccionar sus ejercicios. Básicamente, todo lo necesario para administrar el gimnasio está dentro de una
00:04:38sola aplicación. Para la base de datos, estamos usando Supabase, que es una de las formas más fáciles de almacenar todo lo que
00:04:43la aplicación necesita. Almacena a los usuarios y toda la información dentro de la aplicación, y también gestiona el sistema
00:04:48de inicio de sesión. Si abrimos la carpeta de habilidades, puedes ver las tres habilidades de marketing junto con las de
00:04:53Supabase. Y para esto sirve una habilidad. La usas para proporcionarle a tu agente información que no
00:04:58tiene todavía. Supabase se actualiza constantemente, por lo que el entrenamiento del modelo no siempre coincide con la
00:05:03versión que estás usando. También es una de las bases de datos más populares para aplicaciones como esta. Así que si estás
00:05:08construyendo con ella, vale la pena instalar estas habilidades. Las enlazaremos en la descripción también.
00:05:12Empezando con la habilidad de incorporación, lo que estás viendo aquí es un prototipo. Eso significa que
00:05:16aún no se ha añadido a la aplicación real. Solo está aquí para mostrarnos lo que ideó la habilidad. Antes
00:05:21de usar la habilidad, registrarse significaba responder a cinco cosas diferentes en cinco pasos separados. Eso
00:05:26hacía mucho más difícil que alguien entrara a la aplicación y comenzara a usarla. Así que la nueva versión completa
00:05:31el nombre de la persona a partir de la tarjeta que ya completó. Cuando crean su cuenta, lo único nuevo
00:05:35que pide es la ubicación de su gimnasio. Después de eso, los lleva directamente a los planes y
00:05:40ya tiene seleccionado el más popular, lo que facilita la decisión. Estas no son opciones inventadas.
00:05:45Se basan en cómo se ha comportado la gente en productos reales a lo largo de años de pruebas. Una vez
00:05:50que el usuario entra a la aplicación, cada paso de configuración que eliminamos se traslada a una barra de progreso en la parte inferior. La
00:05:55aplicación solo pide la información que necesita para que comiencen y la notificación se queda ahí hasta que
00:06:00terminan el resto más tarde. Pero lograr que alguien entre a la aplicación no significa que vaya a pagar por ella. Ahí es
00:06:05donde entra la habilidad del muro de pago. El enfoque que tomó esta habilidad fue permitir que las personas se registren gratis
00:06:10y luego mostrarles lo que obtendrían si pagaran por un plan. Parte del contenido está disponible,
00:06:14mientras que el resto permanece bloqueado. La pantalla los envía directamente a la página de precios donde pueden
00:06:19desbloquearlo. Has visto este patrón en muchas aplicaciones antes, pero si simplemente le pides a un agente que agregue un
00:06:24muro de pago, normalmente no tomará estas decisiones porque no tiene estos principios integrados.
00:06:29Y lograr que alguien pague aún no significa que seguirá pagando. Así que la última habilidad trata sobre
00:06:33prevenir la deserción. Para esta, tenemos la página de cancelación. Cuando alguien intenta cancelar su membresía,
00:06:38la aplicación no la termina de inmediato. Primero pregunta por qué quieren irse. Una vez que eligen una razón,
00:06:44les da una mejor oferta basada en esa respuesta. La pantalla también usa pequeñas decisiones de diseño para reducir
00:06:49las cancelaciones. Pausar la membresía es el botón principal en la página, mientras que continuar con la
00:06:53cancelación se muestra como texto plano debajo de este. Ahora bien, esta implementación sigue siendo genérica porque
00:06:58es una demostración. Una vez que le das a la habilidad tus datos de usuario reales y los detalles de lo que estás vendiendo,
00:07:03sus decisiones pueden volverse mucho más específicas para tu producto. La mayoría de los problemas con los agentes de programación no provienen
00:07:09del código en sí. Provienen de que el agente toma decisiones que nunca le pediste que tomara. Esta siguiente
00:07:14habilidad convierte el consejo de Andrej Karpathy en cuatro reglas que evitan que eso suceda. La primera regla detiene al
00:07:20agente de adivinar cuando tu solicitud no está clara. Tiene que decirte lo que está asumiendo, mostrarte las
00:07:25diferentes opciones y preguntar antes de tomar una decisión que pueda llevar el proyecto en otra dirección.
00:07:29La segunda regla evita que construya más de lo que pediste. Debe usar la solución más simple
00:07:35que funcione en lugar de añadir funciones, configuraciones o sistemas adicionales para problemas que aún no tienes.
00:07:39La tercera regla evita que cambie cualquier cosa fuera del trabajo que le diste. Debe coincidir con lo que
00:07:44ya está ahí, solo limpiar el desorden que creó y avisarte sobre otros problemas en lugar de solucionarlos
00:07:49por su cuenta. Y la última regla evita que el agente dé un trabajo por terminado solo porque cambió
00:07:54algo. Antes de comenzar, tiene que decidir cuál debe ser el resultado y cómo comprobará ese resultado.
00:07:59Luego tiene que seguir trabajando hasta que cada comprobación sea exitosa. Ahora bien, puedes instalar esto como una habilidad normal,
00:08:04pero lo usamos un poco diferente porque estas son reglas que queremos dentro de cada proyecto de programación. En nuestras
00:08:09Macs, mantenemos todos nuestros proyectos de programación dentro de una carpeta de desarrollador. Le hemos dado a esa carpeta su propio
00:08:15icono personalizado y la hemos arrastrado a la barra lateral del Finder para que cada proyecto comience desde el mismo lugar.
00:08:20Dentro de esa carpeta de desarrollador, no instalamos esto como una habilidad. Copiamos las cuatro reglas en un
00:08:25archivo claude.md en la raíz de la carpeta. Claude Code lee el archivo claude.md dentro de un proyecto y
00:08:31todavía. Así que cada vez que abrimos un proyecto de programación dentro de la
00:08:37carpeta de desarrollador, estas cuatro reglas se cargan junto con las propias instrucciones del proyecto. Esto
00:08:42otorga a cada proyecto de programación las mismas reglas base sin aplicarlas a sesiones de código no relacionadas en
00:08:48el resto del ordenador. Uno de los mayores límites de los agentes de IA es que siguen siendo malos usando
00:08:53sitios web. Los agentes de navegador tienen que abrir cada página, encontrar los botones correctos y avanzar lentamente por el
00:08:58sitio. OpenCLI cambia eso al convertir más de 100 sitios web, incluidas las cuentas en las que ya estás
00:09:04conectado, en comandos que tu agente puede ejecutar directamente. Ahora bien, esta no es solo una habilidad, tiene
00:09:08tres partes que trabajan juntas. Tienes la herramienta principal OpenCLI, una extensión que añades a Chrome y un conjunto
00:09:14de habilidades que le enseñan a tu agente a usarlo todo. OpenCLI ya sabe cómo hacer diferentes trabajos
00:09:19en más de 100 sitios web. Cada comando hace una sola cosa clara, así que en lugar de pedirle a tu agente
00:09:24que abra X, busque tus marcadores y copie todo, puede ejecutar un comando y obtener tus marcadores
00:09:30como una lista limpia. La extensión de Chrome conecta OpenCLI a los sitios web en los que ya has iniciado sesión.
00:09:35Esto significa que tu agente puede usar tu cuenta sin que tengas que darle tu contraseña de nuevo. Las habilidades luego
00:09:40le enseñan a tu agente a encontrar el comando correcto, crear uno nuevo cuando sea necesario y arreglar uno si el sitio web
00:09:45cambia. Un buen ejemplo es X. X cobra por el acceso a su API oficial, que es la forma en que a otro software
00:09:51se le permite usar sus datos. Pero si ya has iniciado sesión en X en Chrome, OpenCLI le permite a tu agente buscar
00:09:57publicaciones, leer tus marcadores, publicar, responder y seguir gente a través de tu cuenta. Así que si estás investigando
00:10:02una idea de producto, tu agente puede buscar lo que la gente dice sobre el problema. También puede tomar todas
00:10:08las publicaciones que has guardado y convertirlas en una lista limpia que pueda usar para investigar. Esto está hecho para trabajos que
00:10:13ejecutas a través de sitios web usando tu propia cuenta. No está pensado para reemplazar las herramientas oficiales dentro de una aplicación que le
00:10:18estás vendiendo a otras personas. Los modelos de IA tienden a repetir los mismos diseños. Así que en lugar de aceptar el primer
00:10:24diseño que te dan, deberías pedir varias versiones y compararlas. Pero dentro de un proyecto
00:10:29real, hacer un seguimiento de varias versiones de cada parte de una página se vuelve un lío muy rápido. Aquí es donde
00:10:34entra la habilidad Very8. Es del mismo autor que hizo la habilidad de diseño Hallmark, que ha ganado
00:10:39muchas estrellas y ha aparecido en nuestro canal antes. Principalmente recomendamos esta habilidad para páginas de aterrizaje
00:10:45porque hace que probar diferentes ideas sea mucho más fácil. Así que esta es nuestra aplicación de gimnasio de antes. Esta habilidad añade un
00:10:50pequeño menú que te permite crear y comparar diferentes versiones de una parte de la aplicación. La hemos añadido a
00:10:55la página de aterrizaje. Así que tan pronto como iniciamos sesión y entramos a la aplicación principal, el menú desaparece. Desde este menú,
00:11:00podemos cambiar entre todas las versiones diferentes. Ahora mismo, solo hemos hecho variaciones de la sección principal
00:11:05o hero. Así que al cambiar entre ellas, el resto de la página de aterrizaje se mantiene exactamente igual. Ahora,
00:11:10esta es una aplicación real de Next.js, pero si has estado viendo el canal, sabes que cuando
00:11:14diseñamos una aplicación, normalmente empezamos con una simple página HTML. Así que aquí tenemos el mismo tipo de página de
00:11:20aterrizaje construida en HTML y el menú Very8 funciona aquí también. Podemos cambiar entre las diferentes versiones
00:11:25y elegir la que nos guste. Esa elección se envía directamente al agente y luego podemos pedirle que
00:11:30haga más versiones de otra parte de la página. Esto significa que no tienes que rediseñar toda la página de aterrizaje
00:11:34cada vez. Puedes probar diferentes versiones de un botón, una sección o la cabecera y luego combinarlas
00:11:40hasta encontrar la combinación que te guste. Cada habilidad que hemos cubierto hasta ahora ayuda a tu
00:11:45agente a construir un producto mejor, pero nada de eso importa si estás construyendo algo que nadie quiere.
00:11:50Esta colección final de habilidades te ayuda a tomar la primera decisión, que es si deberías construir
00:11:54el producto en absoluto. Estas habilidades fueron creadas por Sahil Lavingia, quien fundó Gumroad, uno de los
00:11:59lugares más populares para vender productos digitales en línea. Están basadas en su libro llamado The Minimalist
00:12:04Entrepreneur, que ha sido adaptado en 10 habilidades. Nueve de esas habilidades te guían a través de las etapas
00:12:09de construir un negocio. La primera habilidad te ayuda a encontrar un grupo de personas para las cuales construir y funciona
00:12:14al revés de cómo la mayoría de la gente se le ocurre una idea. Normalmente, eliges una idea primero y luego vas
00:12:19a buscar personas que puedan quererla. Pero esta habilidad empieza con las personas. Te hace mirar los
00:12:24grupos de los que ya forma parte y encontrar los problemas de los que la gente se queja constantemente. Uno de esos
00:12:29problemas puede convertirse en tu idea de producto. Luego comprueba si vale la pena construir para ese grupo. Pregunta si
00:12:34puedes llegar a esas personas sin pagar por anuncios y si ya gastan dinero para resolver problemas
00:12:39como este. Encontrar un problema real te da una idea, pero aún así no prueba que nadie vaya a pagar
00:12:44por tu solución. Así que la segunda habilidad trata sobre la validación, lo que significa comprobar si la gente
00:12:49pagará antes de construir nada. No aceptará una respuesta amplia como las empresas cuando pregunta quién tiene el
00:12:54problema. Quiere 10 personas reales que puedas nombrar y quiere que al menos tres de ellas digan
00:12:58que te pagarían. Una vez que has demostrado que la gente quiere el producto, las otras siete habilidades te guían
00:13:03a través de lo que sigue. Cubren elegir la versión más pequeña, hacer el trabajo a mano primero,
00:13:08conseguir tus primeros clientes, fijar tu precio, comercializar el producto, crecer sin recaudar fondos
00:13:12y decidir cómo debe funcionar la empresa antes de contratar a nadie. Ahora bien, todo lo que construimos y te mostramos en
00:13:18todos nuestros vídeos se puede encontrar en AI Labs Pro, que es nuestra comunidad. Así que si encontraste valor en lo que hacemos
00:13:23y quieres apoyar el canal, esta es la mejor forma de hacerlo. El enlace está en la descripción. Eso
00:13:28nos trae al final de este vídeo. Si te gustaría apoyar el canal y ayudarnos a seguir haciendo vídeos
00:13:33como este, puedes hacerlo usando el botón de Super Gracias de abajo. Como siempre, gracias por ver y
00:13:38nos vemos en el próximo.
Community Posts
No posts yet. Be the first to write about this video!
Write about this video