Deja que Claude Code, Codex o Gemini CLI diseñe tus capturas de la tienda de apps. Tu agente crea proyectos editables, los revisa en el navegador y te entrega el enlace para exportar.
https://appscreenshots.net/api/mcpSe añade con un solo comando. Incluido en los planes gratuito y de pago.
¿Qué es MCP?
AppScreenshots opera un servidor MCP (Model Context Protocol) alojado en https://appscreenshots.net/api/mcp que permite a herramientas de IA como Claude Code, Codex y Gemini CLI crear, editar y revisar proyectos de capturas para la tienda de apps en tu cuenta, con inicio de sesión OAuth en el navegador y sin clave de API.
El diseño y los textos los aporta tu agente de IA. El servidor MCP guarda proyectos reales y editables: plantillas, maquetas de dispositivos, titulares y fondos se convierten en un proyecto que puedes seguir puliendo fotograma a fotograma.
La vista previa y la exportación se quedan en el editor web, así que nada se publica sin pasar por tus ojos.
Construye capturas de marketing listas para la tienda —maquetas de dispositivos, titulares, degradados y textos localizados— como proyectos editables a partir de tus plantillas y recursos autorizados.
Herramientas como simctl o fastlane snapshot fotografían lo que ya se ve en la pantalla del dispositivo. Úsalas para capturas en bruto y sube esas imágenes aquí como recursos.
Primeros pasos
Añade el endpoint de abajo a tu cliente y completa el inicio de sesión en el navegador para autorizar el acceso. Todos los clientes de esta página admiten Streamable HTTP y OAuth.
claude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpclaude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpDespués: Ejecuta /mcp en Claude Code y autoriza AppScreenshots en el navegador.
{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}codex mcp add appscreenshots --url https://appscreenshots.net/api/mcpcodex mcp add appscreenshots --url https://appscreenshots.net/api/mcpDespués: Ejecuta codex mcp login appscreenshots para abrir el inicio de sesión en el navegador.
[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"gemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpgemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpDespués: Dentro de Gemini CLI, ejecuta /mcp auth appscreenshots.
{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpDespués: Abre /mcp-config en Kimi Code, añade el servidor HTTP de arriba y ejecuta /mcp-config login appscreenshots. Reinicia la sesión después de guardar.
{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpDespués: Fusiona la configuración en ~/.zcode/cli/config.json bajo mcp.servers, o añade el servicio HTTP en Settings → MCP. Reinicia la sesión y completa el inicio de sesión OAuth cuando aparezca.
{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpDespués: Usa la entrada de conexión MCP personalizada de tu cuenta o espacio de trabajo con el endpoint de arriba y OAuth. La disponibilidad depende de los controles de tu espacio.
El kit público de conexión en GitHub incluye archivos de configuración listos para todos los clientes de arriba, un Skill opcional que enseña el flujo de trabajo y un comando doctor que comprueba el servidor desde tu terminal.
Ver appscreenshots-mcp en GitHubHerramientas
Las herramientas de lectura inspeccionan capacidades, plantillas, proyectos y recursos. Las de escritura crean proyectos y aplican ediciones estructuradas con control de revisión.
| Herramienta | Qué hace |
|---|---|
get_capabilities | Lee tus derechos, límites de diseño, dispositivos y modos de vista previa/exportación |
search_templates | Busca metadatos de plantillas públicas |
get_template | Lee una plantilla a la que tienes derecho |
list_projects | Lista tus proyectos autorizados, 25 por página |
get_project | Lee la revisión actual de un proyecto y su diseño editable |
get_project_preview | Obtiene el enlace del editor, revisión, páginas e instrucciones de revisión en navegador |
list_assets | Lista recursos compartidos y los de proyectos autorizados |
| Herramienta | Qué hace |
|---|---|
create_project | Crea un proyecto desde una plantilla o un lienzo en blanco |
update_project | Aplica ediciones estructuradas con protección de revisión e idempotencia |
Cómo funciona
El bucle predeterminado que cualquier agente conectado puede seguir.
Añade el servidor MCP en tu cliente e inicia sesión con tu cuenta de AppScreenshots. En la página de consentimiento, elige los proyectos y recursos que podrá usar la herramienta y si puede crear proyectos.
Pide un conjunto de capturas en lenguaje natural. El agente lee las capacidades, busca plantillas y crea un proyecto editable.
La herramienta de vista previa devuelve el enlace del editor. Un agente con herramientas de navegador lo abre, inspecciona las capturas y corrige problemas visuales por MCP.
Cada escritura está protegida por revisión e idempotencia, así que puedes localizar, cambiar dispositivos o restilizar pidiéndolo, sin romper fotogramas anteriores.
Abre el mismo proyecto en el editor web y exporta imágenes listas para la tienda. La vista previa y la exportación siempre quedan en tus manos.
Crea un proyecto de capturas en inglés para el App Store a partir de una plantilla disponible usando mis recursos autorizados. Usa titulares cortos y un diseño limpio. Abre el editor con las herramientas de navegador disponibles, inspecciona las capturas, corrige los problemas visuales y dame el enlace del proyecto para exportarlo en la web.
Ejemplos
El proyecto sigue siendo editable, así que los cambios posteriores cuestan poco.
“Duplica los fotogramas actuales en japonés y alemán. Mantén el diseño, traduce los titulares y que el texto traducido no crezca más del 20% respecto al inglés.”
“Cambia las maquetas a un modelo Pro Max más grande y ajusta el degradado de fondo para que la composición siga equilibrada.”
“Cambia el segundo fotograma a fondo oscuro, mueve el titular al tercio superior y usa el color de acento secundario para el texto.”
Seguridad y límites
El acceso MCP tiene ámbito definido, es observable y se puede revocar en cualquier momento.
FAQ
Lo que preguntan los desarrolladores antes de conectar una herramienta de IA.
Añade el servidor MCP de AppScreenshots a tu herramienta de IA y convierte un prompt en un proyecto de capturas editable y listo para la tienda.