Convierte tu Excel en un dashboard 3D de tu negocio (skill gratis para Claude Code)
Dashboard 3D es una skill gratuita para Claude Code que convierte tus datos en una maqueta 3D de tu negocio. Te muestro cómo instalarla, qué comandos usar, qué datos pasarle y cómo ajustarla con tus colores.
Por Annder Rey · 5 min de lectura
Si llegaste comentando "3D", la skill y el comando exacto están más abajo, en su propia sección. Pero vale la pena leer primero qué hace y qué necesita de ti.
Casi todos miramos nuestro negocio igual: una tabla, una gráfica de barras y la sensación de que los números no dicen mucho. Cuando toca enseñárselos a alguien, peor todavía.
Por eso hice Dashboard 3D, una skill gratuita para Claude Code. Le pasas tu Excel y te construye una maqueta 3D de tu negocio: haces clic en cada zona y ves sus números. Si una zona va mal, se marca sola. Si la pones en "parada", su máquina se detiene en la maqueta.
Qué es Dashboard 3D, en datos
Es un proyecto abierto, con licencia MIT: puedes usarlo y cambiarlo, también para clientes. El código está en github.com/annderson8/dashboard-3d.
Lo que te entrega no es una imagen. Es un proyecto que queda en tu ordenador, en una carpeta my-dashboard/, con sus números en un archivo CSV que puedes editar. Cambias una cifra, guardas y la pantalla cambia en un par de segundos.
Trae tres ejemplos de partida: una tostadora de café, una tienda online y un gimnasio. Claude usa el que más se parezca y construye el tuyo con las mismas piezas 3D.
Necesitas Claude Code, que va con un plan de pago desde Pro (precios). La skill no tiene costo aparte.
Instalación (un minuto)
Necesitas Node.js 22.20 o más reciente. Si ya seguiste mi guía para crear videos con Claude y Remotion, ya tienes lo necesario. Abre una terminal y pega:
npx skills add annderson8/dashboard-3d -g -a claude-codeEso la deja disponible en todos tus proyectos. Si Claude Code ya estaba abierto, abre una sesión nueva para que la detecte.
Cómo se usa: tres movimientos
- Crea una carpeta para tu proyecto, pon ahí tu archivo y abre Claude Code en esa carpeta.
- Escribe
/dashboard-3dseguido de tu archivo. - Responde lo que te pregunte y abre la dirección que te deja.
/dashboard-3d ventas.xlsxClaude lee tus datos, propone las zonas de tu negocio y sus números, y espera tu visto bueno antes de construir. Al terminar comprueba que cada número exista en el archivo y te deja el dashboard abierto en una dirección local.
Qué le puedes pasar
| Le pasas | Ejemplo | Qué tener en cuenta |
|---|---|---|
| Un Excel | /dashboard-3d ventas.xlsx |
Necesita Python con openpyxl en tu equipo. Si no lo tiene, te pedirá guardarlo como CSV |
| Un CSV | /dashboard-3d pedidos.csv |
Vale con comas o con punto y coma. Es lo que descargas de Google Sheets |
| Datos pegados | /dashboard-3d y pegas la tabla en el chat |
Sirve para pocas filas |
| Una descripción | /dashboard-3d tengo una clínica con recepción, consultas y laboratorio |
Las cifras serán de ejemplo, y te dirá cuáles son inventadas |
Tu archivo puede tener una fila por venta o por visita. Claude calcula los totales y lleva al dashboard solo las cifras resumidas, sin nombres ni correos de tus clientes. Aun así, Claude lee el archivo para hacerlo: no le pases datos que no puedas compartir.
Las 3 reglas para que te salga bien
Pásale datos reales. Con cifras reales, la maqueta dice algo de tu negocio. Con cifras inventadas, solo se ve bonita.
Di qué harías con cada número. Es la pregunta que te va a hacer: "¿qué harías distinto al ver cambiar esto?". Si la respuesta es "nada", ese número sobra. Saldrán como máximo uno por zona y cinco indicadores arriba.
Dale tus límites. Dile cuándo una zona pasa a "atención" o a "parada". Por ejemplo: "atención con más de 500 € sin cobrar". Claude no debe inventar esos límites, porque dependen de tu negocio.
6 comandos para copiar
Cambia lo que está entre corchetes por lo tuyo. Cuantos más detalles le des aquí, menos te tendrá que preguntar.
01 · Una tienda online
/dashboard-3d [pedidos.xlsx] Es una tienda online. Zonas: almacén,
preparación, reparto y devoluciones. Quiero ver pedidos en cola,
entregas tarde y productos agotados.02 · Un gimnasio
/dashboard-3d [visitas.xlsx] Es un gimnasio. Zonas: recepción,
musculación, cardio, clases y piscina. Atención en recepción si hay
más de [500] € sin cobrar.03 · Un restaurante
/dashboard-3d [ventas.csv] Es un restaurante. Zonas: cocina, sala y
reparto. Me importan el tiempo por plato, las mesas ocupadas y los
pedidos en camino.04 · Una clínica
/dashboard-3d [citas.xlsx] Es una clínica. Zonas: recepción, consultas
y pruebas. Quiero ver la espera media, las citas del día y los huecos
libres.05 · Un negocio que no es físico
Si tu negocio no tiene máquinas, la maqueta se inventa: los expedientes son carpetas y las aprobaciones, puertas. Es la misma idea de explicar un proceso como una máquina.
/dashboard-3d [expedientes.xlsx] Es un despacho. Zonas: entrada de
clientes, expedientes y facturación. Muestra los expedientes como
carpetas que avanzan por una cinta. Quiero ver expedientes parados y
días hasta cobrar.06 · Sin datos todavía
/dashboard-3d Tengo [describe tu negocio en dos líneas]. Aún no tengo
los números: usa valores de ejemplo y dime cuáles tengo que cambiar.Cómo iterar sin empezar de cero
Abre Claude Code en la carpeta donde lo creaste y pide solo lo que quieras cambiar. No repite la entrevista ni toca el resto.
Con tus colores y tu logo
/dashboard-3d usa estos colores: acento #FFAD12, fondo #EFF1F0, tipografía Poppins/dashboard-3d pon este logo: logo.svgTambién puedes darle tu web o tu manual de marca para que saque de ahí los colores. Tu color se usa tal cual en la maqueta, las gráficas y los botones. Si es muy claro, como un amarillo, el texto usa un tono más oscuro para que se pueda leer.
| Tienda online con marca naranja | Gimnasio con marca amarilla |
|---|---|
 |
 |
Las cifras de estos ejemplos son inventadas.
Con alertas que cambian solas
/dashboard-3d pon Reparto en atención si hay más de 5 pedidos tardeEso crea una regla en el archivo. Desde ese momento, la zona cambia sola cuando el número cruza el límite, y queda anotado en el registro de actividad.
Con datos nuevos
/dashboard-3d actualiza los datos con ventas-diciembre.xlsxConserva tus zonas, tus reglas y tu diseño, y cambia los números.
Una zona o una pieza concreta
/dashboard-3d en Reparto quiero ver también la próxima salidaCómo cambiar los números a mano
Pulsa Datos, arriba a la derecha del dashboard. Verás todas las filas: cambia una cifra o pon una zona en parada, y la maqueta responde al momento.
También puedes abrir datos/planta.csv en Excel, Numbers o VS Code y guardar. Para arrancarlo otro día, entra en la carpeta y ejecuta npm run dev.
Por qué funciona
Claude construye la maqueta, las gráficas y la conexión con tus datos. No decide qué números importan.
En una tostadora, lo que te dice si vas bien no son las ventas del día. Es la humedad del café verde que entra y la temperatura del tambor. Eso no sale de un comando. Sale de conocer el negocio. Eso es P = E × IA: la skill construye el dashboard, y qué mirar lo eliges tú.
Créditos: las piezas 3D usan Three.js, un proyecto de código abierto de sus autores, con licencia MIT.
Una tabla te dice qué pasó. Un dashboard bien elegido te dice dónde mirar.