Playground de patrones UI para IA
Cuatro patrones de interfaz para IA más allá del chat, simulados en el navegador: streaming con velocidad ajustable, mapa de confianza, traza de tool calls expandible y fases de pensamiento por timing.
El artefacto se ejecuta en un iframe con sandbox (solo scripts). Si algo no se ve bien, ábrelo a pantalla completa.
— PROMPT QUE LO GENERÓ
Construye un playground con pestañas para los 4 patrones del caso 'ai ux interface playground': máquina de escribir con velocidad ajustable, mapa de calor de confianza por token (marcado como simulado), traza de tool calls con tarjetas expandibles, e indicador de fases leyendo/razonando/escribiendo con un botón de reproducción.
— CÓMO SE HIZO
Los cuatro patrones y sus hallazgos (la traza de tool calls como el más valioso para depurar, la latencia percibida cayendo con el primer token a los 300ms) reproducen los del caso original, construido contra la Messages API con streaming real.
Caso — Playground de interfaces para IA— LIMITACIONES (SIN HUMO)
- ▸El mapa de confianza no usa logprobs reales: la API de Anthropic no los expone públicamente, tal y como advierte el caso
- ▸El streaming y las fases de pensamiento están simulados con temporizadores fijos, no con una conexión SSE real
- ▸Los datos de las tool calls son de ejemplo, no de una sesión real