Claude Artifacts: cómo crear paneles interactivos sin código

Te dejo el vídeo arriba, pero aquí lo tienes escrito y con los enlaces.

Los datos ya los tienes. Están en una carpeta por cliente, en una hoja que empezaste en enero, en la báscula que apuntas por las mañanas. El problema no es que te falten. El problema es que mirarlos cuesta más que apuntarlos, y como cuesta, no los miras. Y como no los miras, no sirven para nada.

Así que vamos a pedirle a la IA lo que falta: la pantalla. Tres paneles que ahora mismo no existen, sacados de una frase y sin tocar una línea de código.

Aviso: todo lo que ves son datos inventados para el ejemplo. Ni un cliente, ni un kilo, ni un euro de nadie.

¿Qué es un artefacto de Claude y en qué se diferencia del chat?

Cuando le preguntas algo a la IA, te contesta dentro de la conversación. Un texto. Lo lees, y si te sirve lo copias a otro sitio y lo montas tú.

Esto es otra cosa. En vez de pedirle la respuesta, le pides que te construya la cosa. Y lo que sale no es una imagen ni un texto: es una pantalla funcionando, con sus botones y sus gráficas. Se despega del chat, se pone en un sitio y tiene su propia dirección, su propia URL, como cualquier página.

Eso es lo que Claude llama artefacto. Un panel hecho a tu medida.

Una cosa antes de empezar que te ahorra media hora de enfado: si no lo tienes activado, no te va a salir. Se activa una vez y ya está. Ajustes, capacidades, elementos visuales, y seleccionas la pestaña de artefactos.

Panel de clientes a partir de una carpeta desordenada

Empiezo por el que más dinero deja encima de la mesa.

Cualquiera que trabaja por su cuenta lleva los clientes más o menos igual: una carpeta por cliente y dentro lo que fue cayendo. Una nota de una llamada, un presupuesto, un correo pegado a mano. No hay ficha ni base de datos, y no la va a haber, porque montarla es un trabajo que nadie hace.

En el ejemplo son ocho carpetas con notas escritas a la carrera, del tipo "llamada contenta con las fotos, quiere repetir en Navidad", y algún presupuesto suelto con su importe.

Le indicas la ruta de la carpeta, Claude detecta los clientes y los archivos que hay dentro, y le sueltas el prompt:

En la carpeta que te he conectado tengo una carpeta por cliente y dentro notas de llamadas y presupuestos sueltos. No hay ninguna ficha ni ninguna base de datos. Está todo escrito a la carrera. Léetelas todas y móntame un panel de clientes.

Y ahí está. No una imagen bonita ni una lista: un tablero funcional.

Lo primero que hace es el panel de dormidos. Gente que me ha comprado, que quedó contenta, y con la que llevo meses sin hablar. Uno de ellos ha comprado dos veces y hace 137 días que no hablamos.

Esa cifra en rojo no estaba escrita en ningún documento. La ha sacado de una nota suelta perdida donde Jesucristo perdió la alpargata, y ha contado los días hasta hoy. Eso no es un dato bonito: es una llamada de teléfono que vale dinero y que no ibas a hacer porque no te acuerdas.

Arriba hay cuatro cifras: lo facturado, lo que está en la calle esperando respuesta, cuántos clientes están dormidos y lo que se ha perdido por el camino.

Y hay una tarjeta que me hace fiarme del resto. De un cliente no sacaba el importe, así que no se lo ha inventado: pone "falta el dato" y me dice cuál, que todavía no hay presupuesto ni precio hablado. Una herramienta que nunca dice "no sé" no es que sea lista. Es que está adivinando, o inventándoselo.

Los estados de cliente se mueven desde un desplegable, o clicando y arrastrando. Y aquí viene lo bueno: cambias uno de estado, cierras el artefacto, lo vuelves a abrir y sigue ahí. Tiene memoria. Funciona de verdad.

Para compartirlo: botón de compartir, enlace público, copias la URL. Luego te cuento la letra pequeña de eso, que tiene tela.

Panel de peso de 90 días

Segundo caso, que no tiene nada que ver con el anterior.

El que se pesa por las mañanas sabe de lo que hablo. Un día menos, al día siguiente un poco más, y acabas creyendo que el esfuerzo no sirve de nada.

El prompt aquí es pegarle 90 días de datos: fecha, peso, cintura, pasos, horas de sueño y si entrenó ese día. Lo puedes adaptar a los tuyos, o decirle que a partir de hoy le vas a pasar los datos cada día y que quieres el panel actualizado para ver si estás cumpliendo el plan o si has fallado.

Y ahí está lo que yo quería ver. Los puntos son cada mañana, arriba, abajo, arriba, abajo. La línea gruesa es la media de los últimos 7 días.

Los puntos parecen un electrocardiograma. La línea no. La línea baja y no discute.

Lo que hace que merezca la pena tener la pantalla es el número que nadie se pone a contar a mano: en esos 90 días la báscula marcó más que el día anterior 37 mañanas. Treinta y siete veces que alguien se pudo venir abajo. Y con un resultado final de 4 kilos menos. Ese dato no estaba en los datos, ha salido de mirarlos todos juntos.

Debajo, la cintura, los pasos en barras con los fines de semana en otro color (cantan solos) y las horas de sueño.

Y lo que engancha: el mismo enlace en el móvil. Lo abres donde sea y es el mismo panel. Cuanta menos fricción, más fácil es cumplir.

Un año entero de gastos de casa en una sola pantalla

El tercero es de casa: 12 meses de gastos por categorías.

Lo de cómo se apuntan los gastos ya lo conté en su día, con el sistema de hacer una foto al ticket y guardarlo en carpetas. Hoy empiezo donde aquello acababa. Ya están todos apuntados. Lo que no hay es dónde mirarlos.

Mismo procedimiento: le pides que encuentre la carpeta y le pegas el prompt. Lo que sale es un año entero de una casa inventada. Mes, categoría e importe. Doce meses de ancho, las categorías de alto y el color diciendo cuánto se fue en cada casilla. Sin buscar nada, sin leer un número.

Marzo casi 3.000 € en un mes, muy por encima de lo que gasta esa casa normalmente. Y la casilla que lo manda no es el supermercado ni la luz: es "casa", con 1.800 de una vez. Una caldera, o lo que fuera.

Eso en una hoja de cálculo son doce columnas que hay que leer una por una. Aquí es un cuadrado más oscuro que los demás. Pasas el ratón por encima y te detalla el mes por dentro, y abajo tienes las tres cosas que se comen el dinero del año con sus totales: supermercado, ocio y restaurantes, casa.

Los tres prompts tal cual te los dejé en el recurso de los paneles, para que solo cambies los datos por los tuyos.

¿Qué parte de esto es gratis y qué parte no?

Hacer las plantillas sí es gratis. Los tres paneles que has visto se pueden montar prácticamente con el plan gratuito, pegándole los datos a mano.

Dos cosas no entran ahí. Que se lea tus carpetas: eso ya es plan de pago. Y que se acuerde de lo que vas haciendo: en el panel de clientes se guarda porque hay plan de pago detrás, en el gratuito no se almacenaría nada.

¿Qué pasa de verdad cuando compartes el enlace?

Dos cosas que no te cuenta nadie y que te pueden costar un disgusto.

Publicar no es compartir con quien tú quieras. Publicar es que cualquiera que tenga ese enlace entra y lo usa, sin necesitar ni siquiera una cuenta. Y si la pantalla guarda cosas, lo que guarde una persona lo va a ver el siguiente que lo abra. Con un panel de clientes, piénsalo dos veces.

Y despublicar no tiene vuelta atrás. Si publicas una y luego decides quitarla, esa pantalla no se puede volver a publicar nunca, y todo lo que tuviera guardado se borra. No es un interruptor que se sube y se baja. Es una puerta de un solo sentido.

Lo de hoy son tres pantallas sueltas. Muy chulas para cosas concretas, pero sueltas. Si quieres ver hasta dónde llega esto montado en serio, te dejo la guía de crear apps sin programar y lo que se puede hacer con Claude Code analizando tus hojas de cálculo.

Si quieres el siguiente paso de verdad (una web entera con test, rachas, academia, correos y cobros, hablándole a Claude y sin saber programar), lo tengo grabado lección por lección aquí abajo.

Crea tu web con Claude Code