¿Cómo utilizar la API de Mockuuups a través de MCP?
Esta guía proporciona instrucciones técnicas para conectar la API de Mockuuups a cualquier herramienta de IA que soporte el Protocolo de Contexto de Modelo (MCP).
Requisitos previos
- Debes tener una cuenta de Desarrollador de Mockuuups.
- Necesitarás tu Clave API única del Portal de Desarrolladores de Mockuuups.
Puntos finales
Proporcionamos dos puntos finales para la integración de MCP. Recomendamos utilizar primero el punto final de MCP principal.
- Criterio de valoración primario del MCP (recomendado)
- Este es el punto final HTTP moderno y fluido.
- URL:
https://mcp.mockuuups.studio/mcp
- Punto final SSE de reserva (obsoleto)
- Utilice este punto final sólo si su herramienta aún no es compatible con el punto final HTTP primario.
- URL:
https://mcp.mockuuups.studio/sse
Instrucciones de instalación
- Obtenga su clave API:
- Accede al Portal de Desarrolladores de Mockuuups.
- Regístrese para obtener una cuenta gratuita o inicie sesión.
- Copie su clave API del panel de control de su cuenta.
- Conéctate a tu herramienta de IA:
- En la configuración de tu herramienta de IA, localiza la opción "Conectar aplicaciones", "Añadir integración" o "Añadir herramienta".
- Configure la nueva herramienta con los siguientes detalles:
- Nombre de la herramienta:
Maquetas
(u otro nombre memorable) - URL del punto final MCP:
https://mcp.mockuuups.studio/mcp
- (Si el punto final anterior falla, utilice la opción alternativa:
https://mcp.mockuuups.studio/sse
)
- Nombre de la herramienta:
- Guardar la configuración de la herramienta
- Autentícate:
- Después de guardar la herramienta, se le pedirá que proporcione una clave API.
- Pega tu API Key de Mockuuups en el campo para completar la autenticación.
La conexión ya está activa.
Ejemplos de uso
Ahora puede generar mockups proporcionando sencillas instrucciones de texto a su herramienta de IA.
Sugerencias básicas:
- Para generar una mockup a partir de una URL:
Haz una captura de pantalla de Theverge.com y ponla en una mockup del iPhone 16.
- Para generar una mockup a partir de una URL de imagen:
Toma esta imagen `[tu-imagen-publica-url.png]` y ponla en un teléfono sostenido por una mujer.
ID de Mockup específica:
Puedes especificar una mockup exacta utilizando su ID, que se encuentra en la descripción de la mockup en el sitio web Mockuuups Studio .
- Para utilizar un ID de mockup específico:
Ponga este diseño `[your-public-image-url.png]` en mockup `ZvMSqqPA3wFkHM3Y`.