Live Artifacts — Tu Panel De Control En Claude Cowork

Hasta ahora los Artifacts de Claude eran estáticos: generabas un dashboard hipotético, lo mirabas, lo cerrabas. Live Artifacts cambia eso: paneles en vivo conectados a tus apps (Gmail, Calendar, Slack, Linear, etc.) que se refrescan solos. Es tu propia app personalizada sin tocar Claude Code, sin desplegar nada, sin mantener servidor.

Esta nota cubre qué se puede armar, cómo se conecta a las apps, y 4 plantillas concretas que cualquiera puede pegar en Cowork hoy.

Qué es exactamente

Live Artifacts es feature de Claude Cowork (la app de escritorio para usuarios non-developers, que cubrí en otras notas). Cuando le pedís a Cowork un artifact que necesita data en vivo, Cowork:

1. Genera el HTML/React del artifact.
2. Conecta a los MCPs/connectors necesarios (Gmail, Calendar, etc.).
3. Refresca data periódicamente.
4. Lo muestra como ventana persistente.

A diferencia de un dashboard tradicional, no tenés que armar el backend, configurar el frontend, deployar. Cowork hace todo.

Casos de uso típicos

Panel del día

Tu pantalla principal cada mañana:

• Calendario: próximas 4 reuniones del día.
• Inbox: unread urgentes (filtrado AI).
• Slack: mentions y DMs pendientes.
• Tareas: las 5 más urgentes de Linear/Asana.
• Clima: rápido (cuando vas a salir).
• Notas rápidas: lo que pensaste ayer pendiente.

Todo en una sola ventana que abrís a la 9am y mirás 30 segundos para saber tu día.

Panel de ventas

Para founders/sales:

• Pipeline: deals activos por etapa.
• Pulse: llamadas/demos esta semana.
• MRR/Revenue: del mes actual vs. mes anterior.
• Top accounts: que crecieron o decrecieron.
• Alerts: clientes que cancelaron, leads que no respondieron.

Panel de operaciones

Para equipos de producto/eng:

• Releases: próximas 7 días.
• Incidentes: activos.
• PRs: waiting review.
• Errores: spike en últimas 24hs (Sentry/Datadog).
• Métricas clave: DAU, error rate, latencia p95.

Panel personal de productividad

• Pomodoros: del día/semana.
• Bloques de foco: próximos en el calendario.
• Hábitos: check-list diaria.
• Lecturas pendientes: queue de read-later.

Cómo se arma

Setup base: Cowork instalado

Cowork es app de escritorio. Disponible para Mac, Windows, Linux (beta). Login con tu cuenta Claude Pro o superior.

Conectores que necesitás

Para los paneles de arriba, conectores típicos:

• Gmail o Outlook para mails.
• Google Calendar o Outlook Calendar para calendario.
• Slack o Microsoft Teams para mensajes.
• Linear o Asana o Notion para tareas.
• Stripe o Shopify para revenue.
• GitHub o GitLab para PRs.

Los conectás en claude.ai → Settings → Connectors. Cowork los hereda automáticamente.

Crear el live artifact

En Cowork:

Quiero un panel del día con:
- 4 próximas reuniones (Google Calendar).
- 5 mails sin leer marcados como urgentes (con AI scoring).
- Mentions de Slack que no respondí.
- Top 3 tareas urgentes en Linear.
- Quote inspiracional del día.

Refrescar cada 5 minutos. Layout: 2 columnas, tema oscuro,
fuente sans-serif.

Cowork:

1. Genera el HTML/React.
2. Conecta a Calendar, Gmail, Slack, Linear.
3. Hace los API calls cada 5 minutos.
4. Muestra ventana.

La primera vez tarda 30-60 segundos. Después actualiza solo.

4 plantillas listas

Plantilla 1: Panel del día

Generame Live Artifact "Panel del Día":

Layout: grid 2x2.

Cuadrante 1 (top-left): Calendario.
- Próximas 4 reuniones de hoy.
- Por cada: título, hora, attendees (max 3), link Zoom si tiene.
- Color por urgencia (próxima reunión rojo, otras gris).

Cuadrante 2 (top-right): Inbox.
- Mails sin leer con AI score "urgent" (>= 7/10).
- Por cada: remitente, asunto, primer línea.
- Max 5. Si más, mostrar "+N más".

Cuadrante 3 (bottom-left): Slack.
- Channels donde fui mentioned hace <24h sin que haya respondido.
- Por cada: channel, mensaje (40 chars), tiempo desde mention.

Cuadrante 4 (bottom-right): Tareas urgentes.
- 5 de mayor prioridad de Linear status "in progress" + "todo".
- Por cada: título, due date, label.

Refresh: 5 minutos.
Tema: oscuro, fondo #0d1117, texto #c9d1d9, acentos #58a6ff.

Plantilla 2: Panel de revenue

Generame Live Artifact "Revenue":

Conectores: Stripe.

Métricas principales:
1. MRR actual ($).
2. MRR vs mes anterior (%, con flecha up/down).
3. Customers totales activos.
4. Churn rate último mes (%).

Gráfico: línea de MRR últimas 12 semanas.

Lista: top 5 customers por revenue mensual.

Alerts: customers que cancelaron en últimas 7 días.

Refresh: 1 hora.
Tema: claro, fondo blanco, acentos verdes (#22c55e) para positivo,
rojos (#ef4444) para negativo.

Plantilla 3: Panel de salud del producto

Generame Live Artifact "Health del Producto":

Conectores: GitHub, Sentry, posiblemente Datadog.

Sección 1 — Códigos:
- PRs abiertos waiting review.
- PRs aprobados pendientes merge.
- Issues nuevos hoy.

Sección 2 — Errores:
- Total de errores últimas 24h vs. promedio.
- Top 3 errores por frecuencia.
- Nuevos errores no vistos antes.

Sección 3 — Performance:
- Latencia p95 del API.
- Uptime últimas 24h.
- Spikes de tráfico inusuales.

Refresh: 10 minutos.
Layout: 3 columnas verticales.
Alerts visuales: borde rojo en métrica si supera threshold.

Plantilla 4: Panel para creators

Generame Live Artifact "Contenido":

Conectores: YouTube Analytics, Instagram Business, TikTok for Business.

Por cada plataforma:
- Total followers / suscriptores.
- Crecimiento últimos 7 días (+/-).
- Top 3 posts/videos por engagement.

Comparativa: gráfico de líneas de crecimiento semanal.

Próximos: piezas pendientes de subir (ide tu calendar tag "publicar").

Refresh: 30 minutos.
Tema: gradient suave de morado a rosa.

Limitaciones

Tres puntos honestos:

1. Solo Cowork (por ahora)

Live Artifacts es feature de Cowork específicamente. En claude.ai web, los artifacts siguen siendo estáticos. Si trabajás más en web que en Cowork, esto no aplica.

2. Conectores oficiales solamente

Los conectores soportados son los de Anthropic + partners oficiales. Si tu app no está en la lista (ej: tu CRM custom interno), no podés conectarla a un Live Artifact directamente. Workaround: usá Zapier/n8n como puente.

3. Refresh tiene mínimo 1 minuto

Para evitar abuso de APIs, Cowork limita refresh a 1 minuto mínimo. Si necesitás tiempo real (sub-segundo), Live Artifacts no es la herramienta — armate un dashboard server-side propio.

4. Compute cuenta para tu pool

Cada refresh consume tokens de tu suscripción (Claude tiene que procesar los API responses y armar el HTML actualizado). Si tenés 5 paneles refrescando cada minuto, gastás. Configurá refresh rates apropiados.

Tips de poder usuario

Tip 1: combinar varios paneles en pestañas

Cowork permite tener varios artifacts abiertos. Armá uno por aspecto de tu trabajo (personal, equipo, métricas) y los abrís según necesidad.

Tip 2: guardar como "template" para reusar

Una vez que tenés un panel que te gusta, guardalo. Cuando necesitás otro similar, lo duplicás y cambiás los conectores.

Tip 3: shareable links

Cowork permite compartir un artifact (read-only) con tu equipo. Útil para dashboards de equipo donde todos miran el mismo set de data.

Tip 4: pin en pantalla

Algunos artifacts (tipo el panel del día) los querés siempre visibles. Cowork permite pin en pantalla (mini ventana always-on-top).

Comparativa con alternativas

vs. Notion dashboards — Notion es más customizable pero requiere setup manual y no se conecta nativo a Stripe/Linear/etc.

vs. Retool/Internal — Retool es más poderoso pero requiere desarrollo. Live Artifacts es plug-and-play.

vs. Apple Stocks / iOS Widgets — los widgets nativos son sólo para data simple. Live Artifacts maneja lógica más compleja.

vs. dashboards custom hechos a mano — los custom son infinitamente más flexibles pero requieren codear + deployar + mantener.

Para 80% de los casos, Live Artifacts es el sweet spot.

Conclusión

Live Artifacts convierte a Cowork de "asistente de tareas" a "centro de control". Para profesionales que viven entre muchas apps (founders, PMs, sales, creators), tener una vista unificada que se actualiza sola es game changer.

Si tenés Cowork y los conectores principales activos, armate uno hoy. Vas a notar la diferencia en cuánto cambias de contexto durante el día — el panel evita 20-30 micro-interrupciones para "chequear si llegó X".

Tags: live-artifacts, cowork, claude-desktop, dashboards, paneles, mcp, gmail, calendar, slack