Mi flujo de trabajo con la IA

Una colección de herramientas contadas como si fueran películas de ciencia-ficción

📝 Hoy muchos lectores no abrirán este envío.

Estarán escoba y cubo en mano echando una mano a afectados por la DANA. Otros, por desgracia, estarán tejiendo de nuevo los retales de una vida en medio del barro.

Mientras, tú y yo podremos echar un cable en lo que podamos.

A ellos les esperaremos aquí cada domingo hasta que vuelvan.

Un abrazo muy fuerte.

---

La IA se ha incrustado en nuestras vidas.

Sobre todo los modelos generativos que beben de haberse leído todo internet y todas las bibliotecas.

🧨 Es tanto para contar que esta guía va a tener una extensión durante la próxima semana.

Apúntate aquí y te contaré trucos más concretos sobre las herramientas que estoy usando. — (Y cuánto me estoy gastando 💰 en toda esta fiesta de la IA.)

Cómo sacar provecho a los Asistentes de IA (sin gastar una vida probando todos)

🧨 Empezamos mañana, cortita y al pie.

ㅤ

Soy Dani y estás leyendo Web Reactiva. En este envío te cuento como uso la IA, puedes hacer que un recruiter se confiese contigo, descubrir un nuevo editor de código, “pegar” a un cliente y relajarte viendo a un pollo dándole al teclado en un bosque.

He dividido mi flujo de trabajo en 4 partes que abarcan casi todo mi mundo digital.

Cada una de ellas está relacionada con una película de ciencia-ficción, porque es casi como si estuviéramos “viviendo” dentro de ellas.

1️⃣ Resúmenes, búsquedas y análisis — Minority Report

La mítica escena de Tom Cruise manejando la pantalla con las visiones de los precogs era un adelanto de lo que ya caso está aquí.

Si en algo son buenas las IA generativas es en ayudarnos a entender el mundo que nos rodea con TANTA información disponible.

🛠️ Ejemplos de como lo hago:

• Perplexity — Alternativa a Google que cada vez uso más: me da las respuestas razonadas con referencias que puedo visitar.

• ChatGPT — Con un poco de paciencia puedes entender mejor los datos de cualquier tabla como en este ejemplo que envié hace unas semanas. Y, si miras el código que genera, aprendes un poco de Python.

• NotebookLM — Cuadernos de notas potenciados con IA al que no hice mucho caso… hasta ahora. Con tus documentos genera audios (dan miedito), responde preguntas y es rápido.
  👉 Más sobre esto en Comparativa de IA que chatea con tus documentos

ㅤ

2️⃣ Generación de contenido e imágenes — Her

Las respuestas de Samantha (la IA) van siendo más “emocionales” a medida que va hablando con el protagonista. Me encanta la luz y los colores de este film, por cierto.

He pasado mucho tiempo conversando con la IA. He llegado a verle las costuras, pero también esa limitación me ha ayudado a entender mejor como integrarla en mi trabajo.

🛠️ Así creo cosas con IA:

• App de ChatGPT con voz — Hay muchas apps que sacan notas (Audionotes), pero me apaño con el reconocimiento de voz de la app nativa para que genere un registro y ordene mis ideas.

• ChatGPT — Con el modelo 4o o el 4o1 a todas horas, lo tengo aburrido. Ya repasamos 5 formas de romper bloqueos con el gepeto.
  (Pongo orden con la extensión ChatGPT Folders, gracias

  Chus Naharro
  ;)

• Claude — Lo he empezado a usar (de pago) hace muy poco y los resultados generando ideas no me convencen. Es mejor creando respuestas a emails de clientes.

• Ideogram — Las imágenes que veis por aquí están ejecutadas en esta herramienta que logra resultados buenos sin tener que estudiar la ingeniería de Midjourney.

• MacWhisper — En local para convertir audio o vídeo en una transcripción para resumir y analizar. Es una de mis tareas más recurrentes en mi aprendizaje. (Más abajo te dejo otra opción gratuita)

ㅤ

3️⃣ Creación y revisión de código — Tron

Aunque seamos programadores todavía no nos hemos metido como Jeff Bridges dentro del videojuego. Estamos lejos de eso, pero en pocos años la IA nos ha golpeado fuerte, como en la carrera de motos de Tron.

Mi primer contacto fue con Github Copliot, cuando solo autocompletaba y se inventaba la mitad. Era absolutamente fascinante, tanto como el atrevimiento de la peli de los 80. Luego Codeium, Continue.dev y llegaremos a Supermaven.

🛠️ IA y código:

• Copilot Code Review — Está en beta y se incrusta en tus PR para revisar el código como si fuera “uno más del equipo”. Ojo, que apunta buenas maneras.

• Pieces — Me encantaría tener tiempo para probar todo lo que promete crear tu software del tirón. Esta herramienta se incrusta en tu desktop, quiero más.

• Claude (3.5 Sonnet) — Llevo solo una semana probándolo y los resultados están siendo buenos, diría sorprendentes.

• v0 — Genera componentes con Tailwind y React y puedes hacer bastante en la parte gratis.

• 👉 Justo estoy buscando alternativas a Github Copilot porque no me convencen sus resultados. Gracias a vuestros comentarios tengo varias alternativas a la vista, mira las sugerencias aquí:

ㅤ

4️⃣ Creación de herramientas propias con IA — Blade Runner

Cuando Deckard investiga la imagen con el escáner Esper con zooms imposibles que ven en 3D lo que parecía plano seguro que te imaginaste inventando un cacharro así.

Si algo me ha enganchado es precisamente eso, crear algo que facilite la vida de los demás (empezando por mi) a través de una visión concreta de la IA.

Todo se puede hacer a base de conversación con ChatGPT, Ollama (gratuito y open source) o Claude. Pero necesitamos aportar más valor interfaces y código que faciliten la vida de las personas.

Lo he hecho de 2 formas:

1. Con código, a través de la API de OpenAI, la de Ollama y con herramientas como las librerías oficiales, Langchain o Vercel AI SDK

2. Con custom GPTs, a la carta, o con las herramientas de Hugging Face (que no me da la vida para investigar).

ㅤ

🛠️ Algunas de esas herramientas son:

• Confesionario Recruiter IT — Lo estrenamos hoy, puedes usarlo con la cuenta gratis de ChatGPT y te ayudará a saber qué te falta para demostrar todo lo que vales.

• Resumeitor — Un bot que resume las conversaciones de Telegram de la comunidad de suscriptores de Web Reactiva. Sería un buen producto SaaS, ¿verdad? ;)

• Robotito responde — La primera versión era con código, para aprender, no fue fácil. Las más recientes mejoran con resúmenes del contenido por IA y custom GPTs para acelerar la búsqueda.

• Detector de Sombreros — Vale, no es lo más útil, pero representa la opción, cada vez más popular, de ejecutar el modelo de IA directamente en el navegador.

• Y en este mes de noviembre vamos a crear una webapp que emule una de las características de la IA que sale en el anuncio del iPhone…

ㅤ

Algo que la IA no hace es demostrar empatía. Mira en Terminator…

Tú si puedes. Solo tienes que darle al “me gusta” (corazón ❤️) que viste arriba del todo y así más gente conocerá este trabajo.

Y te marcas un tanto con tus colegas si la compartes. En los tres puntitos … después de darle al botón tienes más opciones para hacerlo:

ㅤ

¿Por qué no hay más automatizaciones en esta colección?

Porque ese es uno de los principales errores que cometemos cuando usamos los modelos generativos: que podemos dejarles solos.

Son asistentes, necesitan supervisión. — (Esto puede cambiar en poco tiempo, pero hoy es así.)

Si quieres SOLO durante la próxima semana:

• Aprender trucos y herramientas de IA

• Los mejores prompts

• Al grano, sin rollos

🧨 Apúntate aquí y mañana empezamos:

---

ㅤ

🙋‍♀️ La encuestita

Una semana más tienes en tus manos el poder de elegir el tema de la semana próxima.

¡Elige tu animal de color y vota!

🔴🐙 Por qué trabajar casi gratis fue mi mejor apuesta cuando empecé en el sector

🟢🐸 En qué me he gastado 526 euros y el porqué NO volvería a hacerlo

🔵🐳 Qué puede hacer un developer para ayudar en una catástrofe

🌕🐥 Aumenta tu tolerancia a la frustración

ㅤㅤ

Un programador purasangre que trabaja todos los días para ti

Juan Antonio García Muelas pertenece a un grupo exclusivo y desconocido de divulgadores que no tienen cientos de miles de seguidores.

Pero hacen su trabajo de forma dedicada y entregada a los demás.

Juan Antonio basa su aprendizaje en proyectos. Lo hacía así cuando era delineante y ha continuado en sus últimos años como Diseñador y Desarrollador Web y Máster Profesional en IA & Bigdata.

Comparte todos los días en Linkedin:

• Algo que te hace la vida más fácil.

• Algo que con lo que aprenderás.

• Algo que te hará sonreír.

Sigue a Juan Antonio en Linkedin y podrás leerle resumiendo la encuesta de CSS o creando una calabaza en directo.

💊 Recursos a tutiplén

🎢 CARRERA PROFESIONAL

Guia de entrevistas de trabajo en programacion

Una buena colección de recursos que nos trae 🧡 Miguel Alanis para que tu próximo proceso de selección no se resista.

‎

⚡️ ASOMBROSICO

15 cosas impresionantes que puedes hacer solo con un simple JavaScript

Me sorprende el éxito continuado de estas recopilaciones en las que redescubrimos los poderes ocultos de este lenguaje.

‎

🔰 PARA APRENDER

Dependencias clave en Spring Boot

¿Qué necesitas para desarrollo básico en Spring Boot? José Antonio López responde con soltura y amplitud en este tutorial en castellano.

‎

Formación para aprender sobre Docker y Kubernetes

Talleres y presentaciones para aprender de los mejores. Recomiendo verse con calma “Introduction to Docker and Containers”.

‎

😲 CURIOSO

Alternativas al puro negro (#000000) para textos y fondos

Puede parecer una tontería, pero hay muchas formas de acercarse al color negro sin usarlo para mejorar el contraste sin convertir la pantalla en una sierra.

‎

🌳 BUENAS PRACTICAS

El nuevo Svelte 5, ¿es mejor o peor que React?

La controversia esta servida y en este artículo contrasto opiniones de reddit, con la que nos compartió 🧡 Imanol del famoso Theo rematando con una tabla de ventajas e inconvenientes.

‎

🤖 IA PRÁCTICA

Transcribre gratis cualquier audio

Gracias a Whisper WebGPU puedes transcribir una grabación o un fichero con la sola potencia de tu navegador sin instalar nada.

‎

🛠 HERRAMIENTAS

Zed, el editor de código del que todos hablan

De los creadores de Atom gana fuerza este editor con la IA como ciudadana de primera clase y opciones multiusuario para la edición de código. Para Mac y Linux.

‎

Plate, un editor de texto como Notion

Es espectacular como toda la esencia del editor visual de Notion aparece en esta librería open source para que puedas usar en tus proyectos.

‎

Borra sin miedo con rm, ahora tienes rip2

¿Quien no ha tenido pesadillas con las consecuencias terribles de un rm -rf? Rip2 añade un “limbo temporal” para poder recuperar lo que borraste sin querer.

‎

🕹 JUEGOS

Dale caña a tu cliente

Si estás harto de las excusas de bajo presupuesto o cambios de última hora, desahógate “golpeando” a tu cliente. Gracias a Jorge Baumann por su recomendación.

Gracias a la comunidad malandriner por su apoyo con su suscripción a Web Reactiva Premium te llega esta newsletter un domingo más.

🧨 Busca la dinamita entre las cartas de sus nombres

PD: Cómo es posible relajarse tanto viendo programar a este pollo en vim con Bun, Framer y Zustand en mitad de la montaña.

#335

ㅤ

Y para acabar, si algún día necesitas mi ayuda…

¿Dudas con tu carrera profesional como developer? ¿No encuentras el trabajo que esperabas? ¿Quieres convertirte en creador de contenido para devs?

Te alquilo mi cerebro durante 50 minuts para que te lleves una hoja de ruta personalizada y cargada de dinamita de la buena.

— Reserva una sesión de Consultoría 1 a 1 conmigo

ㅤ

¿No encuentras la motivación para seguir programando? ¿El camino del developer es demasiado solitario? ¿Quieres saber cómo piensa la gente que programa?

La ruta del aprendizaje es un trabajo continuo y el método en la comunidad malandriner es bien sencillo: Poner las manos sobre el teclado

— Únete a la comunidad en Web Reactiva Premium