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?
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.
Er baut shopfertige Marketing-Screenshots — Device-Mockups, Headlines, Farbverläufe und lokalisierte Texte — als editierbare Projekte aus deinen autorisierten Vorlagen und Assets.
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
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 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.
{
"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/mcpDanach: Führe codex mcp login appscreenshots aus, um die Browser-Anmeldung zu öffnen.
[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/mcpDanach: Führe in der Gemini CLI /mcp auth appscreenshots aus.
{
"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/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.
{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}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.
{
"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/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.
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
Read-Tools prüfen Fähigkeiten, Vorlagen, Projekte und Assets. Write-Tools erstellen Projekte und wenden strukturierte, revisionsgesicherte Änderungen an.
| 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 |
| 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
Die Standardschleife, der jeder verbundene Agent folgen kann.
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.
Fordere ein Screenshot-Set in natürlicher Sprache an. Der Agent liest die Fähigkeiten, sucht Vorlagen und erstellt ein editierbares Projekt.
Das Preview-Tool liefert den Editor-Link. Ein Agent mit Browser-Tools öffnet ihn, prüft die Screenshots und korrigiert visuelle Probleme per MCP.
Jede Schreiboperation ist revisionsgesichert und idempotent — du kannst lokalisieren, Geräte wechseln oder umgestalten, ohne frühere Frames zu beschädigen.
Ö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
Das Projekt bleibt editierbar — Folgeanfragen kosten kaum etwas.
“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.”
“Tausche die Device-Mockups gegen ein größeres Pro-Max-Modell und passe den Hintergrund-Verlauf an, damit die Komposition balanciert bleibt.”
“Ä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
MCP-Zugriff ist begrenzt, beobachtbar und jederzeit widerrufbar.
FAQ
Was Entwickler vor dem Verbinden eines KI-Tools fragen.
Füge den AppScreenshots-MCP-Server zu deinem KI-Tool hinzu und mach aus einem Prompt ein editierbares, shopfertiges Screenshot-Projekt.