~/biblioteca-ia $ ls --por=reto
Herramientas
por reto
Cada ficha responde lo mismo, en el mismo orden: qué reto resuelve, dónde se rompe, cómo se instala y qué opino después de usarla. Lo demás sobra.
03en-usoCanvas UI25 efectos WebGL y html-in-canvas que se copian a tu repo con el CLI de shadcn.Gratis · MIT + Commons ClauseAbrir ficha
04pendienteHallmarkRegla anti-slop para agentes: macroestructura primero, 57 pruebas, cuatro verbos.Gratis · MITAbrir ficha
06pendienteloops!Flujos cerrados para copiar en Cursor o Claude Code, con puertas de control y salida definida.Gratis · No declaradaAbrir ficha
08pendienteRemotionVídeos MP4 reales escritos con React. Render masivo, editor visual y skills para agentes.Gratis hasta 3 personas · desde 100 USD/mes en empresa · Fuente disponible — Free License hasta 3 personasAbrir ficha
10pendienteVoiceboxEstudio de voz local y open source. Clona voces, dicta en cualquier app y da voz a tus agentes.Gratis · MITAbrir fichaNada coincide con
~/biblioteca-ia/3d-reveal-pro
3D Reveal Pro
Para qué reto sirve
Cuando necesitas un antes-y-después que no sea un deslizador de cortina. El pincel con profundidad hace que las dos capas se separen en el eje Z, así que el reveal se lee como volumen y no como recorte. Sirve para presentar un rediseño, para una portada de caso, o —extrayendo el renderizador— para un héroe web.
Cuándo no usarla
No está en Figma Community, se importa como plugin de desarrollo, así que salta la revisión de la plataforma. El modo foto exige tener corriendo un servidor Flask local con PyTorch, unos 200 MB de modelo y una ventana de terminal abierta. Tiene 2 estrellas, 3 commits y un solo autor sin perfil, así que nadie más lo ha auditado y un commit futuro entra solo si haces git pull. Y el servidor levanta CORS sin restricción de origen en el puerto 5000: mientras esté encendido, cualquier web que visites puede mandarle peticiones.
Mi veredicto
Sin probar, pero sí revisado. Leí el manifest, el requirements, el server.py y el instalador de Windows antes de decidir, y los cuatro están limpios. El dato que manda es que el manifest restringe la red del plugin a localhost puerto 5000, así que no puede sacar el contenido de mi archivo de Figma a ningún sitio. Quedan dos archivos por leer, code.js y ui.html, que son los que corren dentro de Figma. Hasta verlos no lo estreno en un archivo con material de cliente. Cuando lo pruebe, con el ZIP de un commit fijo y no con git clone.
~/biblioteca-ia/amicro
Amicro
Para qué reto sirve
El botón que no se siente presionable, el estado que cambia de golpe, el control que no acusa recibo. Aquí ves la micro-interacción funcionando antes de escribirla y te llevas el código hecho, en vez de afinar curvas y duraciones a ciegas.
Cuándo no usarla
La landing promete instalación con un comando y componentes tree-shakeable, y el repositorio no tiene nada de eso: no hay paquete en npm, ni CLI, ni releases. Se clona, se levanta en local y se copia el código a mano. Además ese código sale atado a Tailwind y a Motion, así que en un proyecto sin Tailwind hay que traducirlo. Y es muy joven: 5 commits, cero forks, un autor.
Mi veredicto
Sin probar. Sirve como catálogo de referencia visual, no como dependencia: lo que te llevas es el código, no un paquete. Para mí tiene un problema concreto, y es que este sitio no usa Tailwind a propósito, así que cada pieza habría que traducirla a CSS con tokens. Lo dejo como fuente de ideas de motion, que es donde sí gana.
~/biblioteca-ia/canvas-ui
Canvas UI
Para qué reto sirve
Cuando un héroe o una sección necesita un momento visual que no sale de CSS: fluido que sigue al cursor, reveal por partículas, cristal líquido, ascii, shatter, VHS. Evita montar una escena de Three.js desde cero y deja el código dentro de tu repo, editable desde el día uno.
Cuándo no usarla
Los componentes que dibujan HTML vivo sobre canvas necesitan Chrome con el flag canvas-draw-element, o un token de origin trial registrado para tu dominio. Sin eso el contenido se renderiza como HTML normal y el efecto no corre. Tampoco es UI funcional: no hay botones, formularios ni tablas.
Mi veredicto
En uso en este sitio. Liquid en el fondo del héroe y Blaze en el borde inferior del viewport. El CLI de shadcn los instaló sin fricción y los efectos WebGL corren en cualquier navegador, como prometía. Tres cosas que costaron y que no están en la documentación. Una, los colores no pueden ser props estáticas en Astro: el tema se decide en cliente y las props se congelan en build, así que hubo que montar un hook con useSyncExternalStore y MutationObserver sobre el data-tema. Dos, el lienzo se monta encima del contenido y no hereda el border-radius: hay que recortar el contenedor o el efecto desborda por las esquinas. Tres, el componente vive dentro de un astro-island con display:contents, así que en CSS hay que alcanzarlo como descendiente y no como hijo directo. Los apago con prefers-reduced-motion y por debajo de 768px. Sigue sin probar la familia html-in-canvas, que es la que necesita el flag de Chrome.
~/biblioteca-ia/hallmark
Hallmark
Para qué reto sirve
Cuando el agente escribe UI correcta pero reconocible como generada. Hallmark nombra los cinco tells y trae el arreglo de cada uno: héroe con gradiente morado, Inter haciendo de display y de body, todo centrado, feature cards con icono en cuadradito, y la misma nav pegajosa de siempre.
Cuándo no usarla
No es un sistema de diseño de marca. Si ya tienes tokens, tipografías y componentes definidos, Hallmark va a proponer estructura y estética propias y hay que acotarlo. Y study se niega a clonar píxeles o a identificar tipografías: devuelve ADN estructural, no una copia.
Mi veredicto
Se solapa con mis skills de web. Vale la pena por audit y study, que hacen algo que las mías no hacen: puntuar contra un catálogo de antipatrones y extraer estructura de una referencia.
~/biblioteca-ia/hyperframes
HyperFrames
Para qué reto sirve
Cuando quieres que el vídeo lo haga el agente y no tú. La diferencia con Remotion está en el lenguaje: aquí no hay React ni framework de por medio, es HTML plano —exactamente lo que un modelo escribe mejor que ninguna otra cosa—. Eso baja el listón para pedir una pieza por prompt y corregirla en dos vueltas.
Cuándo no usarla
Necesita Node.js 22 o superior y FFmpeg instalado en el sistema; sin FFmpeg no renderiza. Es una capa de composición, no un generador: no crea imágenes, ni voces, ni metraje —los assets los pones tú—. Y hay un riesgo estructural que conviene nombrar: nace dentro de una empresa, y Apache 2.0 protege el código que ya existe, no que se siga manteniendo. Si montas un proceso encima, cuenta con poder congelar una versión.
Mi veredicto
Sin probar. Ocupa el mismo hueco que Remotion y llega con la licencia más limpia de las dos: Apache 2.0, sin escalón por tamaño de equipo. Lo que hay que comparar antes de elegir una es la calidad del render y hasta dónde llega el catálogo de bloques antes de tener que escribir la animación a mano. Si el catálogo cubre lo común, gana esta por licencia y por lenguaje.
~/biblioteca-ia/loops
loops!
Para qué reto sirve
Cuando le pides algo al agente y se detiene a medias, o peor, dice que terminó sin haberlo verificado. Un loop convierte "hazlo" en un contrato: esta es la meta, este es el comando que decide si está hecha, estas son las vueltas máximas. El agente deja de necesitar que lo empujes cada dos mensajes.
Cuándo no usarla
No es software: son plantillas de texto. No hay repositorio ni licencia declarada, así que no puedes depender de ello como dependencia ni redistribuirlo con seguridad. Los loops asumen un stack concreto —npm test, gh pr checks— y hay que reescribir los comandos para el tuyo. Y el aviso serio: los loops por intervalo corren cada 5 o 15 minutos sin que estés mirando, y eso consume tokens; el tope de iteraciones es lo único que te separa de una factura sorpresa, así que revísalo antes de lanzar uno.
Mi veredicto
Sin probar. El patrón que me interesa de verdad es Independent Verifier Pass: una pasada que ejecuta build, lint y tests sin acceso al razonamiento del que implementó, y que solo confía en la salida de los comandos. Ataca el fallo que más caro me ha salido en este proyecto —dar por bueno lo que compila sin revisarlo—. Eso es lo primero que voy a probar.
~/biblioteca-ia/namethatui
NameThatUI
Para qué reto sirve
Cuando sabes exactamente qué quieres y el agente te devuelve otra cosa, casi siempre es porque lo nombraste mal. Pedir "el fondo oscuro detrás del popup" produce basura; pedir un scrim con ::backdrop produce lo que querías. Esta herramienta convierte una descripción torpe en el término que el agente sí entiende.
Cuándo no usarla
Solo cubre web y macOS. No hay iOS, ni Android, ni Windows, ni patrones de escritorio Linux. Con 71 entradas lo común está y lo raro no. Y no da código ni componentes: da vocabulario. No tiene repositorio público ni licencia declarada, así que no puedes depender de ella como fuente offline.
Mi veredicto
Sin probar. Ataca un problema que sí tengo: el prompt impreciso cuando no sé cómo se llama la pieza. La prueba real es la próxima vez que me atasque nombrando algo, ver si lo encuentro antes de rendirme y describirlo mal.
~/biblioteca-ia/remotion
Remotion
Para qué reto sirve
Cuando necesitas cientos o miles de vídeos con la misma plantilla y datos distintos —resumen anual por usuario, visualización de música, subtítulos, informes en vídeo—, o cuando la animación tiene que salir de datos reales y no de una línea de tiempo dibujada a mano. After Effects no se automatiza sin dolor; esto sí, porque el vídeo es código.
Cuándo no usarla
No es software libre aunque el repositorio sea público: la licencia es de fuente disponible, no OSI. Es gratis solo para individuos y empresas de hasta tres personas. En cuanto el equipo llega a cuatro hace falta licencia de empresa, y ahí el escalón es real: 0,01 USD por render con un mínimo de 100 USD al mes si automatizas, o 25 USD al mes por asiento si solo creas. Además, para un vídeo único hecho a mano un editor tradicional es más rápido: esto rinde cuando hay volumen o datos, no cuando hay una sola pieza.
Mi veredicto
La descarté al arrancar esta biblioteca porque no aportaba nada al sitio, y eso sigue siendo cierto. Como herramienta suelta es otra conversación. Lo que hay que verificar antes de comprometer un proyecto es el escalón de licencia: mientras seamos hasta tres personas es gratis, pero en cuanto entre un cuarto el mínimo de 100 USD al mes cambia la cuenta de cualquier presupuesto pequeño.
~/biblioteca-ia/thinking-orbs
Thinking Orbs
Para qué reto sirve
El estado de espera de un agente. Un spinner genérico dice "espera" y nada más; estos seis dicen qué está pasando: working, searching, solving, listening, composing y shaping. Cuando la operación tarda, saber que está buscando y no atascado cambia la percepción de la espera sin escribir una línea de copy.
Cuándo no usarla
Es React y solo React. Para Expo hay un paquete aparte, y para Vue o Svelte no hay nada. Es estrictamente monocromo: tinta clara sobre fondo oscuro o al revés, sin opción de color, así que si tu marca necesita el acento aquí no encaja. Y es un proyecto muy joven —16 estrellas, 7 commits, un solo mantenedor—: para producción cuenta con mantenerlo tú. Es MIT y son unos pocos archivos, así que copiarlo a tu repo es una salida razonable.
Mi veredicto
Sin probar. Lo que quiero verificar es si los seis estados se distinguen de verdad a 20px, que es el tamaño donde lo usaría: en línea, junto al texto. A 64px cualquier animación se lee; a 20 se decide si esto vale o es decoración.
~/biblioteca-ia/voicebox
Voicebox
Para qué reto sirve
Cuando necesitas voz y no quieres mandar el audio a un servicio ajeno, ni pagar por minuto. Cubre las dos mitades del bucle que los productos comerciales venden por separado: entrada —dictado con atajo global y Whisper— y salida —clonación y síntesis—. Y la pieza que casi nadie tiene: una llamada MCP, voicebox.speak, para que Claude Code o Cursor te respondan hablando.
Cuándo no usarla
Corre en tu hardware, así que la latencia y la calidad dependen de tu GPU: en un equipo sin aceleración va a arrastrarse. Linux no tiene binarios todavía, hay que compilar desde el código. Y el punto serio: clonar la voz de una persona sin su permiso puede ser ilegal según dónde estés, y el software no te protege de eso. Si es para un cliente, pide consentimiento por escrito.
Mi veredicto
Sin probar. Lo que hay que medir antes de adoptarlo es el hardware: cuánto tarda en generar en mi equipo y si el dictado aguanta la comparación con WisprFlow en uso diario. La clonación es lo llamativo, pero el dictado es lo que usaría todos los días.