Integración · Productividad

Conecte Claude y ChatGPT con QuickChart

Pide a tu IA un gráfico y recibe una imagen. Puede convertir una descripción o tus números en un gráfico Chart.js, renderizarlo como PNG, SVG o PDF, guardarlo y darte un enlace corto para compartir. También puede crear códigos QR y de barras, leer un código QR desde una imagen y renderizar nubes de palabras, tablas y diagramas Graphviz.

Conecta QuickChart gratis

Plan gratuito, sin tarjeta de crédito. Solo lleva un minuto aproximadamente.

Prueba a pedirle

“Crea un gráfico de barras con ingresos mensuales: enero 120k, febrero 135k, marzo 160k.”
La IA construye una configuración Chart.js y renderiza el gráfico como una imagen.
“Dame un enlace corto a ese gráfico para la newsletter.”
Guarda el gráfico y devuelve un URL de imagen corto que puedas compartir.
“Crea un código QR para nuestra página de reservas con la leyenda 'Reserva una mesa'.”
Renderiza una imagen de código QR para la URL de la página con tu leyenda.

Qué puede hacer tu IA

Gráficos

Renderiza gráficos Chart.js como PNG, SVG o PDF, guárdalos como URLs cortas, construye una configuración desde una descripción simple y verifica una configuración por errores.

Códigos QR y de barras

Crea códigos QR individuales o múltiples con colores, leyendas y un logo central, renderiza códigos de barras como code128 ean13, y lee códigos QR.

Nubes de palabras, tablas y diagramas

Renderiza nubes de palabras desde texto, tablas desde datos y diagramas desde Graphviz, y coloca un marca de agua o logo en una imagen.

“Crea 30 códigos QR, uno por mesa, cada uno enlazando a su propia página de pedido.”
Construye las URLs de imagen para todos ellos en una sola llamada.
“¿Qué dice el código QR en esta imagen?”
Decodifica el código QR desde la URL pública de la imagen y devuelve su texto.
“Dibuja nuestro proceso de lanzamiento como un diagrama: construcción, pruebas, staging, producción.”
Escribe una descripción Graphviz y renderiza el diagrama como SVG o PNG.

24 herramientas para QuickChart

Estas herramientas se activan al conectar la aplicación. Puedes desactivar cualquiera de ellas o exigir tu aprobación antes de que se ejecute.

add_watermarkModifica datosSuperpone un marca de agua o logo (`mark_image_url`) sobre una imagen (`main_image_url`), con posición, opacidad y tamaño opcionales.
create_barcodeModifica datosRenderiza una imagen de código de barras para `text` en un formato de código de barras `type` (por ejemplo, code128, ean13), con tamaño opcional y `include_text`.
create_batchVisible para otros
create_chart_urlModifica datosGuarda una configuración Chart.js (`chart`, más `width`, `height`, `background_color`) y obtén una URL de imagen corta y compartible.
create_qr_codeModifica datosRenderiza una imagen de código QR para `text` (por ejemplo, una URL), con opciones opcionales `size`, colores, `margin`, `caption` y logo central.
create_qr_code_urlModifica datosConstruye una URL de imagen QuickChart para un código QR de `text` sin renderizarlo, con las mismas opciones de estilo.
create_qr_code_urlsModifica datosConstruye URLs de imagen para muchos códigos QR a la vez; pasa una lista en `qr_codes`.
create_qr_readModifica datos
create_word_cloudModifica datosRenderiza una imagen de nube de palabras desde `text`, con opciones opcionales de tamaño, colores, fuente y límites de palabras.
generate_chart_configModifica datosConvierte una descripción en lenguaje simple `description` de un gráfico en una configuración Chart.js que puedes renderizar o guardar.
list_charts
list_gcharts
list_graphvizs
list_tables
list_watermarks
read_qr_codeDecodifica un código QR desde una imagen pública `url` y devuelve su texto.
render_chartModifica datosRenderiza una configuración Chart.js (`chart`) como imagen, con opciones opcionales `width`, `height`, `format` (png, svg, pdf) y `background_color`.
render_diagramModifica datosRenderiza un diagrama Graphviz desde una descripción DOT `graph` como SVG o PNG.
render_tableModifica datosRenderiza una tabla `data` como imagen PNG, con opciones opcionales `options` para el estilo.
search_barcodes
search_qrs
search_wordclouds
submit_qrVisible para otros
validate_chartVisible para otrosVerifica una configuración de gráfico (`chart`) y devuelve cualquier error como JSON en lugar de una imagen.

Configúralo en tres pasos

1
Elige la aplicación
Crea una cuenta gratuita de PipMCP y elige QuickChart en la lista de aplicaciones.
2
Pega tu clave
Pega tu clave API QuickChart. Regístrate para una cuenta QuickChart y la clave se mostrará junto con tu ID de cuenta después del registro. Las solicitudes gratuitas de la comunidad funcionan sin clave, pero están limitadas por tasa.
3
Añade el enlace a tu IA
Recibirás un enlace MCP personal. Añádelo a Claude, ChatGPT o Cursor:
1. Haz clic en tu nombre y luego en Configuración › Conectores › Añadir conector personalizado.
2. Pega tu enlace como URL del servidor MCP remoto.
3. Actívalo desde el menú + de un chat.

Preguntas frecuentes

¿Qué puede hacer la IA en QuickChart?

La IA puede renderizar gráficos Chart.js como imágenes, guardar gráficos y devolver URLs cortas, convertir una descripción simple en una configuración de gráfico y verificar configuraciones por errores. Puede crear códigos QR y de barras, leer códigos QR desde imágenes y renderizar nubes de palabras, tablas, diagramas Graphviz e imágenes con marca de agua.

¿Vé la IA mi clave API QuickChart?

No. Tus credenciales QuickChart están encriptadas en reposo y nunca se muestran a la IA. Después de guardarlas, no se muestran nuevamente, ni siquiera a ti. La IA solo ve los resultados de las herramientas que llama.

¿Puedo controlar qué puede hacer la IA?

Sí. Tú eliges qué herramientas están activas. La mayoría de las herramientas de QuickChart solo renderizan imágenes desde los datos que les das, mientras que create_chart_url guarda el gráfico en QuickChart para que funcione el enlace corto. Cualquier herramienta puede requerir tu aprobación, y cada llamada se registra.

¿Funciona con ChatGPT?

Sí. En ChatGPT ve a Configuración › Aplicaciones y Conectores › Avanzado y activa el Modo Desarrollador, luego añade tu enlace PipMCP. El Modo Desarrollador requiere un plan de pago de ChatGPT: Plus, Pro, Business o Enterprise. El mismo enlace también funciona en Claude (Configuración › Conectores › Añadir conector personalizado), Cursor y otros clientes MCP.

¿Cuánto cuesta?

PipMCP tiene un plan gratuito sin tarjeta de crédito. Los planes pagados cobran por tarea completada. También necesitas tu propia cuenta de QuickChart.

¿Qué tipos de gráficos puede crear?

QuickChart renderiza configuraciones Chart.js, así que la IA puede hacer los tipos de gráficos que soporta Chart.js, como barras, líneas y pastel. Si describes un gráfico en palabras simples, generate_chart_config convierte la descripción en una configuración, y validate_chart verifica errores antes de renderizar.