Alien Art Charts Alien Art Charts

El MCP de gráficos de Alien Art

Deja que Claude, ChatGPT o Cursor creen videos de gráficos animados por ti. Pega una URL, autoriza con OAuth y tu asistente de IA podrá crear proyectos editables, subir hojas de cálculo y renderizar videos MP4/WebM o imágenes PNG/JPEG/WebP, todo con llamadas a herramientas.

El único MCP de gráficos que genera animación, video y proyectos editables en lugar de imágenes estáticas.

Cómo configurarlo ↓

¿Qué es el MCP de Alien Art Charts?

El MCP de Alien Art Charts es un servidor remoto de Model Context Protocol alojado en https://staging.alienart.io/mcp. Ofrece el editor de gráficos de Alien Art como un conjunto de herramientas que cualquier cliente de IA compatible con MCP puede usar:

  • Crear un proyecto de gráfico (Bar Chart Race, gráfico de líneas animado, mapa animado, tabla animada, presentación de diapositivas, comparación avanzada)
  • Subir datos de hojas de cálculo (CSV / XLSX) o cargar valores celda por celda
  • Agregar capas y elementos superpuestos (títulos, imágenes, totales, banderas, logos)
  • Renderizar el resultado como video MP4 / WebM, imagen PNG / JPEG / WebP o una URL alojada para iframe
  • Seguir editando el proyecto después en la interfaz web

Se conecta mediante Streamable HTTP. Autenticación: OAuth. Requiere el plan Pro.

Ejemplo en vivo

Gráfico de ejemplo creado con el MCP

Bar Chart Race generado con una sola instrucción a la IA: un MP4 a 60 fps y la URL de un proyecto editable.

Clonar este proyecto

Lo que tu asistente de IA puede crear

Instrucciones reales que tu asistente de IA puede resolver de principio a fin: de los datos en bruto a un gráfico terminado y listo para compartir.

Instrucción

“Haz un Bar Chart Race de las personas más ricas del mundo de 2010 a 2024 con este CSV.”

Resultado

Un MP4 animado a 60 fps y un proyecto editable de Alien Art. Recibes el archivo de video y un enlace para seguir ajustándolo.

Instrucción

“Haz un mapa del mundo animado con las emisiones de CO₂ por país, de 1990 a 2023.”

Resultado

Un mapa animado con los países coloreados según su valor y un panel lateral con el ranking sincronizado. Si no le das datos, los toma de conjuntos de datos públicos.

Instrucción

“Tengo la tabla de posiciones de la temporada pasada en XLSX: conviértela en una tabla animada con los escudos de los equipos.”

Resultado

Una tabla animada con filas de varias columnas, cambios de posición animados y logos por fila subidos automáticamente.

Instrucción

“Compara las especificaciones del iPhone y el Pixel lado a lado en un video explicativo animado.”

Resultado

Un diseño de comparación avanzada con apariciones secuenciales, colores de marca y un estilo limpio de presentación ejecutiva. Se exporta como video o como iframe alojado.

Instrucción

“Renderiza un PNG limpio con la población de los estados de EE. UU. para mi página de Notion.”

Resultado

Un PNG de alta resolución (o JPEG/WebP) para poner en Notion, en diapositivas o en un documento. El mismo proyecto, exportado como imagen.

Instrucción

“Haz una intro de 15 segundos para TikTok que anime nuestros 10 mejores logros con clientes de este trimestre.”

Resultado

Una presentación vertical 9:16 con títulos de marca y el ritmo justo para la plataforma. En WebM o MP4, lista para subir.

Herramientas MCP que puede usar tu asistente

Un conjunto acotado de herramientas: no 50 microacciones, solo las que hacen falta para “crear un gráfico a partir de datos”.

Explorar

list_chart_options
Consulta los tipos de proyecto, tipos de capa, mapas, mapas de regiones y catálogos de elementos.
list_charts
Lista los proyectos de gráficos del usuario, con filtros y búsqueda.
get_chart
Lee el estado completo de un proyecto: capas, elementos, hojas de cálculo y URL de renderizado.

Crear

create_chart
Crea un proyecto nuevo: Bar Chart Race, gráfico de líneas animado, mapa animado, tabla animada, presentación de diapositivas o comparación avanzada.
add_layer
Agrega una capa de gráfico o una capa visual; las capas con datos crean su propia hoja de cálculo automáticamente.
update_layer
Ajusta la configuración de una capa: colores, fuentes, velocidad de animación, ejes, posiciones.
set_layer_format
Cambia el formato de gráfico de una capa sin recrearla (p. ej., de barras a líneas).
add_element
Superpone títulos, imágenes, totales, marcas de agua, logos de canal y banderas.
update_element
Ajusta el texto, la posición, el estilo o la animación de un elemento.
delete_layer
Elimina una capa.
delete_element
Elimina un elemento superpuesto.

Datos

upload_spreadsheet
Sube un archivo CSV o XLSX como fuente de datos de una capa.
fetch_spreadsheet_file
Trae una tabla de Wikipedia o un CSV remoto directamente al proyecto.
read_spreadsheet
Revisa la estructura de una hoja de cálculo: etiquetas de filas, encabezados de columnas, cantidad de filas.
patch_spreadsheet
Actualiza celdas, filas o columnas concretas.
wait_for_spreadsheet_idle
Espera a que termine el procesamiento en segundo plano antes de renderizar.

Biblioteca de estadísticas

list_statistics_categories
Explora los conjuntos de datos públicos seleccionados por Alien Art (canales de YouTube, etc.).
get_statistics_category
Obtiene la estructura y las entradas de una categoría de estadísticas.
add_statistics
Usa un conjunto de datos seleccionado como fuente de datos de una capa.

Editar y renderizar

update_chart
Cambia el nombre, el tamaño o la duración, o márcalo como público o privado.
describe_layer_settings
Obtiene el esquema de un tipo de capa antes de editarla.
describe_element_settings
Obtiene el esquema de un tipo de elemento.
render_chart
Inicia un renderizado. Elige el formato: MP4, WebM o WebP animado para video; PNG, JPEG o WebP para imagen.
get_task
Consulta el estado del renderizado y obtiene la URL del archivo terminado o la URL para insertar.

Configúralo en menos de un minuto

Sin claves de API que administrar ni servidores locales que ejecutar. OAuth se encarga de la autenticación.

  1. 1
    Regístrate y obtén Pro

    El acceso al MCP está incluido en el plan Pro. Crea una cuenta, pásate a Pro y listo para conectar. Cancela cuando quieras.

  2. 2
    Agrega la URL del MCP a tu cliente de IA

    En Claude Desktop, ChatGPT o Cursor, abre Settings → Connectors → Add custom connector y pega: 

    https://staging.alienart.io/mcp
  3. 3
    Autoriza con OAuth

    Tu cliente te lleva a Alien Art y te pide autorización. Apruébala: tu asistente de IA ya puede crear proyectos, subir datos y renderizar gráficos con llamadas a herramientas.

Instrucciones para cada cliente

Los menús exactos de cada uno de los principales clientes compatibles con MCP.

Claude Desktop
  1. Abre Claude Desktop → Settings → Connectors → Add custom connector.
  2. Pega https://staging.alienart.io/mcp en el campo Remote MCP server URL. Deja en blanco OAuth Client ID y Secret.
  3. Haz clic en Add. Te llevaremos a Alien Art para que lo autorices.
  4. De vuelta en Claude Desktop, pídele a Claude que liste tus gráficos para comprobar la conexión.

ChatGPT (conectores personalizados)
  1. Abre ChatGPT → Settings → Connectors → Add custom connector.
  2. Pega https://staging.alienart.io/mcp como URL del servidor.
  3. Autoriza con OAuth cuando te redirija.
  4. Menciona “Alien Art” en un chat para que ChatGPT use el conector.

Cursor
  1. Abre Cursor → Settings → Features → MCP → Add new MCP server.
  2. Elige Streamable HTTP como transporte.
  3. Define la URL como https://staging.alienart.io/mcp.
  4. Autoriza con OAuth cuando te redirija.

Claude Code (CLI)
  1. En tu terminal, ejecuta:
claude mcp add alienart-charts --transport http --url https://staging.alienart.io/mcp

La primera vez, Claude Code abrirá una ventana del navegador para OAuth. Después de autorizar, pídele a Claude que liste tus gráficos.

Preguntas frecuentes

Última actualización:

¿Con qué clientes de IA funciona el MCP de gráficos de Alien Art?

Con cualquier cliente compatible con MCP que admita servidores remotos Streamable HTTP. Entre los clientes probados están Claude Desktop, Claude Code (CLI), los conectores personalizados de ChatGPT y Cursor. El servidor usa el Model Context Protocol estándar, sin código específico para ningún cliente.

¿Necesito un plan de pago?

Sí: el acceso al MCP está incluido en el plan Pro ($19/mes o $180/año, cancela cuando quieras). Pro quita la marca de agua, desbloquea la exportación a 60 fps y te da minutos de renderizado ilimitados cada mes.

¿Qué tipos de gráfico puede crear el MCP?

Bar Chart Races, gráficos de líneas animados, tablas animadas, mapas animados (del mundo y de cada país), presentaciones de diapositivas y diseños de comparación avanzada. La herramienta list_chart_options devuelve la lista oficial para que tu asistente de IA siempre elija un tipo válido.

¿Qué formatos de salida admite?

Video: MP4, WebM y WebP animado, hasta 60 fps. Imagen: PNG, JPEG y WebP. Alojado: una URL pública que puedes insertar con un iframe en cualquier sitio. Elige el formato al llamar a render_chart; cuando termina el renderizado, la IA recibe la URL del archivo terminado o la URL para insertar.

¿Cómo funciona la autenticación?

Con OAuth, de principio a fin. Tu cliente de IA te lleva a Alien Art, apruebas la conexión y el cliente recibe un token que envía con cada llamada a herramientas. No hay claves de API que copiar, ni secretos que administrar, ni variables de entorno que configurar. Puedes revocar la conexión cuando quieras desde la configuración de tu cuenta.

¿La IA puede editar mis proyectos existentes?

Sí. Pídele que liste tus gráficos (list_charts), que elija uno y que use update_chart / update_layer / patch_spreadsheet para seguir ajustándolo. Todos los proyectos viven en tu cuenta de Alien Art: también puedes abrirlos en el editor web y seguir trabajando a mano.

¿El renderizado es inmediato o en segundo plano?

En segundo plano. render_chart devuelve un ID de tarea; get_task consulta hasta que el renderizado termina y devuelve la URL del archivo. Los renderizados cortos terminan en segundos; los más largos pueden tardar uno o dos minutos. Tu asistente de IA se encarga de las consultas.

¿Cómo se compara con otros MCP de gráficos?

Consulta la comparativa de MCP generadores de gráficos para ver una comparación lado a lado con AntV, mcp-echarts, QuickChart, Chart.js, Vega-Lite, Vizro, diagrammo y otros. En resumen: todos los demás MCP de gráficos envuelven una biblioteca de gráficos JS existente y devuelven una imagen estática o una especificación. Alien Art es el único que genera animación, video y proyectos editables.

Conecta tu asistente de IA en menos de un minuto

Regístrate, obtén Pro y pega https://staging.alienart.io/mcp en Claude, ChatGPT o Cursor. OAuth se encarga del resto.

¿Todavía comparando opciones? Mira la clasificación de MCP generadores de gráficos.