App-Store-Screenshot-MCP-Server
Lass Claude Code, Codex oder Gemini CLI deine App-Store-Screenshots gestalten. Dein Agent erstellt editierbare Projekte, prüft sie im Browser und übergibt dir den Link zum Export.
https://appscreenshots.net/api/mcpMit einem Befehl hinzugefügt. In Free- und Bezahlplänen enthalten.
Was ist MCP?
Was ist ein App-Store-Screenshot-MCP-Server?
AppScreenshots betreibt einen gehosteten MCP-Server (Model Context Protocol) unter https://appscreenshots.net/api/mcp, mit dem KI-Tools wie Claude Code, Codex und Gemini CLI App-Store-Screenshot-Projekte in deinem Konto erstellen, bearbeiten und prüfen können — per OAuth-Browser-Anmeldung und ohne API-Key.
Design und Texte liefert dein KI-Agent. Der MCP-Server speichert echte, editierbare Projekte: Aus Vorlagen, Device-Mockups, Headlines und Hintergründen wird ein Projekt, das du Bild für Bild weiter verfeinern kannst.
Vorschau und Export bleiben im Web-Editor — nichts geht live, bevor du es gesehen hast.
Marketing-Screenshots komponieren statt nur Bildschirme aufnehmen
Dieser Server komponiert
Er baut shopfertige Marketing-Screenshots — Device-Mockups, Headlines, Farbverläufe und lokalisierte Texte — als editierbare Projekte aus deinen autorisierten Vorlagen und Assets.
Capture-Tools machen einen anderen Job
Tools wie simctl oder fastlane snapshot fotografieren, was bereits auf dem Gerätebildschirm zu sehen ist. Nutze sie für Rohaufnahmen und lade die Bilder hier als Assets hoch.
Erste Schritte
Verbinde dein KI-Tool mit einem Befehl
Füge den Endpoint unten zu deinem Client hinzu und schließe die Browser-Anmeldung ab, um den Zugriff zu autorisieren. Alle Clients auf dieser Seite unterstützen Streamable HTTP und OAuth.
Claude Code
claude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpclaude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpDanach: Führe /mcp in Claude Code aus und autorisiere AppScreenshots im Browser.
Oder Konfigurationsdatei zusammenführen
{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}Codex
codex mcp add appscreenshots --url https://appscreenshots.net/api/mcpcodex mcp add appscreenshots --url https://appscreenshots.net/api/mcpDanach: Führe codex mcp login appscreenshots aus, um die Browser-Anmeldung zu öffnen.
Oder Konfigurationsdatei zusammenführen
[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"Gemini CLI
gemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpgemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpDanach: Führe in der Gemini CLI /mcp auth appscreenshots aus.
Oder Konfigurationsdatei zusammenführen
{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}Kimi Code
https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpDanach: Öffne /mcp-config in Kimi Code, füge den HTTP-Server oben hinzu und führe /mcp-config login appscreenshots aus. Starte die Sitzung nach dem Speichern neu.
Oder Konfigurationsdatei zusammenführen
{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}ZCode
https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpDanach: Führe die Konfiguration unter mcp.servers in ~/.zcode/cli/config.json zusammen oder füge den HTTP-Dienst unter Settings → MCP hinzu. Starte die Sitzung neu und schließe die OAuth-Anmeldung ab, wenn sie erscheint.
Oder Konfigurationsdatei zusammenführen
{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}ChatGPT
https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpDanach: Nutze den Eintrag für benutzerdefinierte MCP-Verbindungen deines Kontos oder Workspace mit dem Endpoint oben und OAuth. Die Verfügbarkeit hängt von den Workspace-Einstellungen ab.
Lieber Copy-Paste-Dateien und ein optionales Skill?
Das öffentliche Verbindungs-Kit auf GitHub liefert fertige Konfigurationsdateien für alle Clients oben, ein optionales Agent-Skill für den Workflow und einen Doctor-Befehl, der den Server vom Terminal aus prüft.
appscreenshots-mcp auf GitHub ansehenTools
Neun Tools, die dein Agent aufrufen kann
Read-Tools prüfen Fähigkeiten, Vorlagen, Projekte und Assets. Write-Tools erstellen Projekte und wenden strukturierte, revisionsgesicherte Änderungen an.
Read-Tools
| Tool | Funktion |
|---|---|
get_capabilities | Liest Berechtigungen, Design-Grenzen, Geräte sowie Vorschau-/Export-Modi |
search_templates | Durchsucht Metadaten öffentlicher Vorlagen |
get_template | Liest eine Vorlage, die du nutzen darfst |
list_projects | Listet autorisierte Projekte auf, 25 pro Seite |
get_project | Liest die aktuelle Revision eines Projekts und sein editierbares Design |
get_project_preview | Liefert Editor-Link, Revision, Seiten und Anweisungen für die Browser-Prüfung |
list_assets | Listet geteilte Assets und Assets in autorisierten Projekten |
Write-Tools
| Tool | Funktion |
|---|---|
create_project | Erstellt ein Projekt aus einer Vorlage oder von einem leeren Canvas |
update_project | Wendet strukturierte Änderungen mit Revisions- und Idempotenz-Schutz an |
So funktioniert es
Vom Prompt zu shopfertigen Screenshots
Die Standardschleife, der jeder verbundene Agent folgen kann.
- 1
Verbinden und autorisieren
Füge den MCP-Server in deinem Client hinzu und melde dich mit deinem AppScreenshots-Konto an. Wähle auf der Zustimmungsseite die Projekte und Assets, die das Tool nutzen darf, und ob es Projekte erstellen darf.
- 2
Beschreibe, was du brauchst
Fordere ein Screenshot-Set in natürlicher Sprache an. Der Agent liest die Fähigkeiten, sucht Vorlagen und erstellt ein editierbares Projekt.
- 3
Im Browser prüfen
Das Preview-Tool liefert den Editor-Link. Ein Agent mit Browser-Tools öffnet ihn, prüft die Screenshots und korrigiert visuelle Probleme per MCP.
- 4
Bis zum Ergebnis iterieren
Jede Schreiboperation ist revisionsgesichert und idempotent — du kannst lokalisieren, Geräte wechseln oder umgestalten, ohne frühere Frames zu beschädigen.
- 5
Im Editor exportieren
Öffne dasselbe Projekt im Web-Editor und exportiere shopfertige Bilder. Vorschau und Export bleiben immer in deiner Hand.
Erstelle ein englisches App-Store-Screenshot-Projekt aus einer verfügbaren Vorlage mit meinen autorisierten Assets. Nutze kurze Headlines und ein sauberes Layout. Öffne den Editor mit den verfügbaren Browser-Tools, prüfe die Screenshots, korrigiere visuelle Probleme und gib mir den Projekt-Link für den Export im Web.
Beispiele
Was du anfragen kannst
Das Projekt bleibt editierbar — Folgeanfragen kosten kaum etwas.
Das Set lokalisieren
“Dupliziere die aktuellen Frames auf Japanisch und Deutsch. Behalte das Layout, übersetze die Headlines und halte die Übersetzung innerhalb von 20% der englischen Länge.”
Geräte wechseln
“Tausche die Device-Mockups gegen ein größeres Pro-Max-Modell und passe den Hintergrund-Verlauf an, damit die Komposition balanciert bleibt.”
Mit einem Satz umgestalten
“Ändere den zweiten Frame auf dunklen Hintergrund, verschiebe die Headline ins obere Drittel und nutze die sekundäre Akzentfarbe für die Caption.”
Sicherheit & Limits
Du behältst die Kontrolle
MCP-Zugriff ist begrenzt, beobachtbar und jederzeit widerrufbar.
- Authentifizierung
- OAuth 2.1 mit PKCE-Browser-Anmeldung — keine API-Keys oder Passwörter im Client gespeichert
- Zustimmung pro Projekt
- Jedes Tool sieht nur die ausgewählten Projekte und Assets; alles andere bleibt unsichtbar
- Jederzeit widerrufen
- Settings → Connected AI tools widerruft eine Verbindung sofort — Access- und Refresh-Tokens funktionieren ab da nicht mehr
- Token-Laufzeiten
- Access- und Refresh-Tokens sind 30 Tage gültig
- Rate-Limits
- 60 MCP-Aufrufe pro Minute im Free-Plan, 120 pro Minute in Bezahlplänen
- Projekt-Limits
- Bis zu 20 Frames pro Projekt und 100 Elemente pro Frame; Canvas-Größen von 100 bis 5000 px
- Preis
- Keine Zusatzkosten — die Berechtigungen, Vorlagen und Export-Limits deines Plans gelten unverändert
FAQ
MCP-Server-FAQ
Was Entwickler vor dem Verbinden eines KI-Tools fragen.
Lass deinen Agent den nächsten Store-Auftritt liefern
Füge den AppScreenshots-MCP-Server zu deinem KI-Tool hinzu und mach aus einem Prompt ein editierbares, shopfertiges Screenshot-Projekt.