KI Mockup Generator Deine KI baut. Showoff prüft.

Verbinde Showoff mit Claude, ChatGPT, Cursor oder einem anderen MCP Client. Deine KI legt das Projekt an, setzt deine Screenshots auf echte Geräte, stellt Kamera und Hintergrund ein, und jede Änderung geht vorher durch eine Prüfung wie bei einem Art Director.

Was deine KI macht

Ein Satz, ein fertiges Mockup.

Bitte um ein Bild für den App Store mit drei iPhones, und deine KI erledigt den Rest. Sie wählt eine Anordnung oder eine Vorlage, lädt deine Screenshots hoch, legt sie auf die Displays, schlägt Farben für den Hintergrund vor und setzt auf Wunsch eine Überschrift.

  • Projekte aus einer Vorlage oder von Grund auf
  • Screenshots über einen Link oder direkt von deinem Rechner
  • Das fertige Bild aus dem echten 3D-Renderer
Drei gefächerte iPhone 17 mit Screenshots, gebaut von einer KI über MCP
Claude Bild geprüft, alles gut
Prüfung wie beim Art Director

Geprüft, bevor etwas gespeichert wird.

Jede Änderung geht erst durch eine automatische Prüfung. Sie findet Geräte, die sich berühren, unnatürliche Winkel, Text über einem Gerät, abgeschnittene Screenshots, doppelte Statusleisten und schwache Kontraste. Was einen Fehler einführt, wird nicht gespeichert, und deine KI bekommt die Korrektur gleich mit.

  • Änderungen gelten ganz oder gar nicht
  • Eine Skizze zur Vorschau nach jeder Änderung
  • Die Regeln eines strengen Art Directors, keine Schablone
Drei gekippte iPhones in einer Reihe vor einem Verlauf von Schwarz zu Blau, gleichmäßig verteilt und ohne sich zu berühren
Prüfung bestanden Keine Überlappung, Text lesbar
Ändern statt neu erzeugen

Eine Sache ändern, ohne neu anzufangen.

Heb eine Karte vom Display ab, leg eine Lupe auf eine Zahl, tausch den Hintergrund oder übersetz die Überschrift. Deine KI ändert das bestehende Projekt, und ist der Editor offen, siehst du ihr dabei zu.

  • Deiner KI live zusehen, im Editor und in deinen Projekten
  • Im Editor übernehmen, wann immer du willst
  • Jede Sitzung einer KI wird zu einer Version, die du zurückholst
Ein schräg stehendes iPhone auf Violett, eine Ortskarte vom Display abgehoben und eine Glaslupe über der Temperatur
Verlauf Diesen Stand zurückholen

Funktioniert mit deiner KI.

Showoff ist ein MCP Server. Jede KI, die MCP spricht, kann ihn bedienen, und sie braucht dafür nur seine Adresse.

Dazu Kiro, LM Studio und jedes andere Programm mit MCP.

So richtest du es ein
KI und MCP

Bauen, ändern, schneiden. Alles im selben Gespräch.

Deine KI arbeitet in Showoff wie du. Sie legt Projekte an, setzt Screenshots aufs Gerät, stellt Kamera und Hintergrund ein, hebt Stellen hervor und baut ganze App Store Sets. Bevor etwas gespeichert wird, prüft Showoff das Bild wie ein Art Director.

  • Bilder für den App Store, Mockups für Websites und Launch Videos, alles über dieselbe Verbindung
  • Du siehst live, woran deine KI gerade arbeitet, und holst jeden früheren Stand zurück
  • 3 Tage kostenlos zum Ausprobieren
Claude Mit Showoff verbunden

Bau mir ein Bild für den App Store mit drei iPhones und diesen Screenshots.

3 Screenshots
  • Projekt angelegt
  • Screenshots hochgeladen
  • Drei iPhone 17 aufgefächert
  • Bild geprüft, alles in Ordnung

Fertig: drei iPhone 17, aufgefächert, mit deinen Screenshots. Das Projekt liegt in deinem Editor.

Drei aufgefächerte iPhone 17 mit den Screenshots, gebaut von der KI

Deine KI arbeitet in deinen Projekten. Du siehst jeden Schritt und machst jederzeit selbst weiter.

In einer Minute verbunden Kein Schlüssel, nichts zu installieren

  1. Adresse des Servers https://showoff.dev/mcp
    01

    Adresse eintragen

    Füg die Adresse des Servers in Claude, ChatGPT, Cursor oder einen anderen MCP Client ein. Mehr braucht es nicht.

  2. Showoff Zugriff auf deine Organisation erlauben
    02

    Einmal anmelden

    Beim ersten Verbinden öffnet sich dein Browser. Melde dich bei Showoff an, wähl die Organisation und stimm zu.

  3. Du Bau mir ein Bild für den App Store mit zwei iPhones und diesem Screenshot.
    03

    Um ein Mockup bitten

    Beschreib, was du brauchst, und gib deine Screenshots mit. Das Projekt erscheint in deinem Editor, bereit zum Export.

Fragen zum KI Mockup Generator

Zur Dokumentation

Claude, Claude Code, ChatGPT, Codex, Cursor, Gemini CLI, GitHub Copilot in VS Code und jeder andere Client, der MCP spricht und die Anmeldung über OAuth kann. Für Skripte und CI gibt es API-Schlüssel.

Nein. Deine KI malt keine Pixel, sie arbeitet im Editor: echte Geräte in 3D, deine echten Screenshots, eine echte Kamera. Darum sieht das Ergebnis aus wie ein Produktfoto, und jedes Detail bleibt änderbar. Anders als ein AI Bildgenerator erfindet sie nichts dazu.

MCP gehört zu Pro, 18 € im Monat oder 12 € bei jährlicher Zahlung. In Free kann deine KI 3 Tage lang arbeiten, gezählt ab ihrer ersten Anfrage, und was sie gebaut hat, bleibt in deinen Projekten.

Eine Verbindung arbeitet für dich in einer Organisation und kann nichts, was du dort nicht auch selbst könntest. Der Bereich MCP in den Einstellungen zeigt jede verbundene App, und eine Trennung wirkt sofort.

Ja. Es ist ein ganz normales Projekt in deinem Editor. Änder, was du willst, exportiere es wie jedes andere oder hol einen früheren Stand aus dem Verlauf zurück.

Im Editor

Lieber selbst machen?

Dieselben Geräte, dieselbe Kamera, derselbe Export, von Hand. Zieh deinen Screenshot auf ein Gerät, dreh es, bis es passt, und exportiere.

Lass deine KI angeben.