CodeKitHubWas ist dieses Tool?
Der Custom Chat Generator ist ein browserbasiertes Mockup-Tool zum Erstellen eines Chat-Screenshots, der nicht an das Markendesign einer bestimmten echten Plattform gebunden ist. Statt einer festen Markenfarbe erhältst du einen Farbwähler für die "gesendet"-Blase und einen weiteren für die "empfangen"-Blase, sodass du eine fiktive App, ein hypothetisches UI-Konzept oder einfach beliebige zu deinem Meme oder deiner Präsentation passende Farben abbilden kannst.
Das ist nützlich, wenn du ein Chat-Mockup für eine Geschichte, ein Wireframe oder einen Witz über eine erfundene App brauchst und nicht willst, dass das wiedererkennbare Branding eines bestimmten echten Messengers vom Punkt ablenkt.
Nur für Unterhaltung und Design: Dieses Tool ist für Witze, Memes, Sketche, Präsentationsfolien, UI/UX-Prototypen und Social-Media-Inhalte gedacht. Es darf niemals verwendet werden, um betrügerische Beweise zu fälschen, jemanden zu belästigen oder zu verleumden oder die echten Nachrichten einer realen Person vorzutäuschen — das kann je nach Rechtsprechung illegal sein und widerspricht strikt dem vorgesehenen Zweck dieses Tools.
Nichts, was du eingibst, verlässt jemals dein Gerät — die gesamte Unterhaltung wird mit der HTML-Canvas-API direkt in deinem Browser gezeichnet, und das PNG wird lokal erzeugt und heruntergeladen. Es gibt keinen Server-Upload, kein Konto und keine Nachverfolgung deiner Nachrichteninhalte.
Warum sollte man es nutzen?
- Du erstellst das Pitch Deck für eine Messaging-App, die es noch nicht gibt, und brauchst einen realistischen Screenshot für die Folie, ohne dass jemand dein Mockup mit WhatsApp oder Telegram verwechselt.
- Du bist Autor oder Content-Creator und brauchst eine gefälschte Unterhaltung mit eigenem Look für einen Comedy-Sketch, ohne dass das Branding einer echten App vom Witz ablenkt.
- Du prototypst das Design einer Chat-App in Figma oder als Wireframe und willst schnell verschiedene Blasenfarben-Kombinationen testen, bevor du sie in deinem Designsystem festlegst.
- Ein Dozent hat dich um ein Konversations-Mockup für eine UX-Fallstudie im Unterricht gebeten, und die Farben sollen zur Palette deiner restlichen Präsentation passen.
- Du willst ein Meme aus einer absurden Unterhaltung für eine Freundesgruppe erstellen, bevorzugst aber neutrale Farben statt eines Looks, der wie ein Screenshot einer bestimmten App wirkt.
- Du brauchst volle Vertraulichkeit beim Erstellen des Mockups — es enthält vielleicht sensible Daten eines fiktiven Arbeitsfalls — und willst die Garantie, dass nichts an einen externen Server gesendet wird.
Anleitung
- Lege Kontaktname und Statustext fest und wähle Dark oder Light Theme für die umgebende Oberfläche.
- Wähle mit den beiden Farbwählern eine Farbe für die gesendete Blase und eine für die empfangene Blase.
- Lade ein Foto für den Avatar hoch oder belasse ihn als farbigen Kreis mit Initialen.
- Füge Nachrichtenzeilen hinzu: Text eingeben, eine Seite (die andere Person/ich) und einen Zeitstempel wählen.
- Passe die Statusleiste (Uhrzeit, Akku, Signal) nach Belieben an.
- Beobachte, wie sich die Vorschau in Telefonform live aktualisiert, und klicke dann auf "PNG herunterladen", um das Bild zu speichern.
Beispiel
Eingabe
Kontakt: "Alex" · Gesendete Blase: Lila · Empfangene Blase: Hellgrau · Nachricht 1 (die andere Person): "Sind wir heute Abend noch verabredet?" · Nachricht 2 (ich): "Ja! Bis 20 Uhr 😊"Ausgabe
Ein 375×812-PNG-Bild mit einem Chat-Bildschirm: einer hellgrauen Sprechblase links mit der ersten Nachricht und einer lilafarbenen Sprechblase rechts mit der Antwort — genau in den von dir gewählten Farben.Das Bild wird sofort im Live-Vorschau-Canvas erzeugt und lässt sich mit einem Klick herunterladen — kein Warten, kein Upload.
Was du anpassen kannst
- Kontaktname, Statustext und Dark/Light Theme für die umgebende Oberfläche.
- Farben für gesendete und empfangene Blase, unabhängig voneinander wählbar.
- Avatar: echtes Foto hochladen (kreisförmig zugeschnitten) oder Standardfarbe wählen.
- Unbegrenzte Nachrichtenzeilen, jede mit eigenem Text, Seite (die andere Person/ich) und Zeitstempel.
- Statusleiste des Telefons: Uhrzeit, Akkustand in Prozent und Signalstärke.
Verantwortungsvolle Nutzung
Dieser Generator existiert, um es einfach zu machen, eindeutig fiktive Chat-Bilder für Humor, Storytelling und Designarbeit zu erstellen. Er ist kein Werkzeug, um Beweise zu fälschen, Belästigung zu inszenieren oder jemanden glauben zu lassen, eine gefälschte Unterhaltung sei echt. Wenn du planst, ein mit diesem Tool erstelltes Bild zu teilen, füge am besten einen Hinweis (wie "fake" oder "Mockup") hinzu, damit Betrachter verstehen, dass es sich nicht um eine echte Unterhaltung handelt.
Wann dieser Generator statt eines App-spezifischen Tools sinnvoll ist
CodeKitHub bietet auch dedizierte Generatoren an, die den exakten visuellen Stil echter Apps nachbilden. Diese Tabelle fasst zusammen, wann welcher Ansatz sinnvoll ist.
| Situation | Empfohlenes Tool |
|---|---|
| Es soll exakt wie WhatsApp, Telegram oder Messenger aussehen | Dedizierter Generator dieser bestimmten App |
| Du gestaltest eine fiktive App oder ein eigenes UI-Konzept | Custom Chat Generator (dieses Tool) |
| Die Farben sollen zu deiner Marke oder Präsentation passen | Custom Chat Generator (dieses Tool) |
| Du erstellst ein Meme, das auf dem Wiedererkennen einer echten App beruht | Dedizierter Generator dieser bestimmten App |
| Du prototypst ein Wireframe, ohne dich schon auf eine visuelle Identität festzulegen | Custom Chat Generator (dieses Tool) |
Häufig gestellte Fragen
Ist die Nutzung dieses Tools legal oder ethisch vertretbar?
Das Tool selbst ist für Unterhaltung, Mockups, Präsentationen und Designarbeit legal nutzbar. Nicht legal oder ethisch ist es, das erzeugte Bild zu verwenden, um jemanden zu täuschen — etwa es als echte Unterhaltung auszugeben, um Betrug zu begehen, jemanden zu belästigen oder zu verleumden, oder die tatsächlichen Nachrichten einer Person vorzutäuschen. Bitte nutze dieses Tool nur für eindeutig fiktive oder illustrative Zwecke.
Lädt das Tool meine Nachrichten oder mein Foto irgendwohin hoch?
Nein. Jede Nachricht, jeder Name, jedes Foto und jede Einstellung, die du eingibst, bleibt im Speicher deines Browsers und wird mit JavaScript direkt auf ein Canvas-Element gezeichnet. Die PNG-Datei wird auf deinem Gerät erzeugt und heruntergeladen — nichts wird jemals an einen Server gesendet.
Sollte ich dieses Tool oder einen der plattformspezifischen Chat-Generatoren nutzen?
Wenn dein Mockup wie eine bestimmte echte App aussehen muss — WhatsApp, Telegram, Messenger, Signal, WeChat oder LINE — nutze den dedizierten Generator dieser App, damit Farben, Häkchen und Header-Stil den Erwartungen der Betrachter entsprechen. Nutze stattdessen diesen Custom Chat Generator, wenn du ein Chat-Mockup für eine fiktive App, ein Wireframe oder Inhalte brauchst, bei denen du nicht den Look einer bestimmten echten Marke willst und lieber selbst die genauen Blasenfarben wählst.
Kann ich ein echtes Foto als Avatar hochladen?
Ja. Klicke auf "Foto hochladen", um ein beliebiges Bild von deinem Gerät als Avatar des Kontakts zu verwenden — es wird automatisch kreisförmig zugeschnitten. Wenn du das überspringst, bleibt der Avatar ein farbiger Kreis mit den Initialen des Kontakts. Das Foto wird nur lokal in deinem Browser verwendet und niemals irgendwohin hochgeladen.
In welcher Bildgröße wird exportiert?
Die Vorschau und das exportierte PNG verwenden standardmäßig ein Telefon-Seitenverhältnis (375×812), das beim Teilen in sozialen Medien oder Einbetten in eine Präsentation natürlich wirkt.
Kann ich mehr als zwei Teilnehmer in der Unterhaltung haben?
Das Tool ist für eine Zwei-Personen-Unterhaltung ausgelegt — "ich" und "die andere Person" — genau wie ein echter Einzelchat. Ein Gruppenchat mit mehreren unterschiedlichen Absendern in derselben Blasenfarbe wird nicht unterstützt.
Wie wähle ich Blasenfarben, die gut zusammen wirken?
Ein klarer Kontrast zwischen beiden Blasen hilft, auf einen Blick zu erkennen, wer was gesagt hat — vermeide zwei sehr ähnliche Töne derselben Farbfamilie. Die Live-Vorschau aktualisiert sich sofort, sodass du mehrere Kombinationen ausprobieren kannst, bevor du dich entscheidest.
Kann ich eine Nachricht bearbeiten, nachdem ich sie zur Unterhaltung hinzugefügt habe?
Ja — jede Nachrichtenzeile lässt sich unabhängig bearbeiten: Du kannst Text, Seite (ich/die andere Person) oder Zeitstempel jederzeit ändern, bevor du das finale PNG herunterlädst.
Muss ich etwas installieren oder ein Konto erstellen, um dieses Tool zu nutzen?
Nein. Es gibt keine Registrierung, Installation oder irgendein Konto — du öffnest die Seite, gestaltest deinen Chat und lädst das PNG direkt aus dem Browser herunter.