Ayer estuve explorando un nuevo diseño para las fichas técnicas de cada jugador en Fulbitoapp Antes, la información no tenía una estructura clara, los datos estaban anidados en un contenedor dentro de otro contenedor y no se estaba respetando la ley de Hick. Entonces, busqué reorganizar la información y darle jerarquía a los elementos con una estética estilo PES, ya que esto es un concepto súper adquirido en el gaming del fútbol. Además, agregué una flecha de rendimiento que se basa en los tres últimos partidos, para indicar cómo viene jugando es jugador. (También estilo PES) PD: No me juzguen por las stats, lo mío es el tercer tiempo 😅

Desarrollé 2 agentes conversacionales y en ambos necesité lo mismo: un orbe animado, reactivo a la voz y a cada estado. 🤖 Así que con lo aprendido se me ocurrió la idea de hacer una galería de componentes open source con diferentes diseños de orbes con un mismo estándar de 7 estados (idle → listening → thinking → speaking → error → disabled), reactivos a la voz en tiempo real y con adaptadores para Vapi, ElevenLabs, LiveKit y OpenAI. Copia el componente o copia un prompt listo para Claude/Cursor voiceorbs.vercel.app/

La IA ya escribe la mayor parte de mi código. Lo que cambió no es que trabajo menos, es que ahora paso el tiempo pensando QUE construir, no COMO. El mate sigue siendo manual 🧉