CodeKitHubVad är detta verktyg?
Slack Chatt-generatorn är ett webbläsarbaserat mockup-verktyg som återskapar Slacks kanalvy — den lila # kanalrubriken med ämnesrad och den platta meddelandelistestilen där varje meddelande visar en fyrkantig avatar, ett fetstilt svart användarnamn, en ljusgrå tidsstämpel och meddelandetexten under, utan bubblor.
Slack använder som standard ett ljust tema (vit bakgrund, mörklila #4A154B rubrik), så ser de flesta Slack-arbetsytor ut, så den här generatorn öppnas som standard i ljust läge med en valfri mörkt läge-brytare för team som använder Slacks mörka tema.
Varje meddelanderad har sitt eget kollega-namn och sin egen avatarfärg, så du kan simulera en realistisk konversation fram och tillbaka mellan flera kollegor i en kanal.
Endast för underhållnings- och mockupsyften: skapa en skärmdump för en produktdemo, illustrera ett arbetsplatsscenario för en presentation, eller ta fram en storyboard för ett företagsmeddelande. Det får aldrig användas för att utge sig för en verklig arbetsplatskonversation, en verklig kollega, eller för att fabricera bevis för något som någon faktiskt inte har sagt.
Ingenting du skriver lämnar någonsin din enhet. Hela konversationen ritas med HTML Canvas API direkt i din webbläsare, och PNG:n genereras och laddas ner lokalt.
Varför använda det?
- Skapa realistiska skärmdumpar av Slack-kanaler för produktdemos och fallstudier.
- Skapa en mockup av hur en Slack-integration eller ett bot-meddelande kommer att se ut innan du bygger det.
- Illustrera ett arbetsplatsscenario, en onboardingprocess eller ett exempel på teamkommunikation för en presentation.
- Bygg en prototyp av ett Slack-liknande chattgränssnitt för en app.
- 100% lokal rendering — din konversationstext når aldrig en server.
Så använder du det
- Ange kanalens namn och ämne som visas i den lila rubriken.
- Välj ljust eller mörkt tema — Slack är ljust som standard.
- Lägg till meddelanderader: skriv en kollegas namn, välj deras avatarfärg, ange en tidsstämpel och skriv meddelandetexten.
- Lägg till så många meddelanden och kollegor du vill för att simulera en kanal med flera personer.
- Se hur förhandsgranskningen uppdateras i realtid, klicka sedan på "Ladda ner PNG" för att spara bilden.
Exempel
Inmatning
Kanal: "content-review" · Ämne: "Utkast, granska och publicera inlägg innan de går live" · Meddelande 1 — Maya Chen: "godmorgon team — gör en mockup av nästa veckas inlägg innan det går live. kan ni kolla igenom kroken?" · Meddelande 2 — Devon Ruiz: "jag fixar det — lade en förhandsgranskning här så vi kan se hur det kommer se ut innan publicering."Resultat
En PNG-bild som visar en ljus Slack-kanalvy: en lila # content-review-rubrik med ämnestext, sedan två staplade meddelanden, vart och ett med en färgad fyrkantig avatar, ett fetstilt användarnamn, en grå tidsstämpel och meddelandetexten under.Bilden genereras direkt i förhandsgranskningens canvas i realtid och laddas ner med ett enda klick — ingen väntan, ingen uppladdning.
Vad du kan anpassa
- Kanalens namn och ämne som visas i den lila rubriken.
- Ljust eller mörkt tema, där ljust är Slacks autentiska standard.
- Obegränsat antal meddelanderader, var och en med sitt eget kollega-namn, sin avatarfärg och tidsstämpel.
- Meddelandetext med automatisk radbrytning som matchar Slacks meddelandebredd.
Ansvarsfull användning
Den här generatorn finns för att göra det enkelt att skapa tydligt fiktiva Slack-liknande skärmdumpar för produktdemos, presentationer och designarbete. Det är inte ett verktyg för att fabricera bevis, iscensätta trakasserier på arbetsplatsen, eller vilseleda någon att tro att en falsk konversation faktiskt ägde rum i en verklig arbetsyta. Om du planerar att dela en bild som skapats med det här verktyget, överväg att lägga till kontext (som "falsk" eller "mockup") så att tittarna förstår att det inte är en verklig konversation.
Vanliga frågor
Är det lagligt eller etiskt att använda det här verktyget?
Själva verktyget är lagligt att använda för underhållning, produktdemos, presentationer och designarbete. Det som inte är lagligt eller etiskt är att använda den genererade bilden för att lura någon — till exempel genom att presentera den som en verklig Slack-konversation för att begå bedrägeri, trakassera eller förtala en kollega, eller utge sig för en verklig arbetsplatskanal. Beroende på var du bor kan sådant missbruk utgöra bedrägeri, förtal eller trakasserier. Använd detta endast för tydligt fiktiva eller illustrativa syften.
Laddar verktyget upp mina meddelanden någonstans?
Nej. Varje meddelande, namn, färg och inställning du anger stannar kvar i din webbläsares minne och ritas direkt på ett canvas-element med JavaScript. PNG-filen genereras och laddas ner på din enhet — ingenting skickas någonsin till någon server.
Kan jag visa flera olika kollegor i en kanal?
Ja. Varje meddelanderad har sitt eget användarnamn och sin egen avatarfärg, så du kan simulera en realistisk Slack-kanal med flera olika kollegor som var och en visar sitt eget namn och sin egen avatar.
Kan jag växla mellan Slacks ljusa och mörka teman?
Ja. Använd temabrytaren för att växla mellan Slacks ljusa standardtema och dess mörka tema. Förhandsgranskningen uppdateras omedelbart. Om du skapar en produktdemo eller fallstudie för en bred publik, behåll det ljusa läget eftersom det är Slacks standard och mest igenkännbara utseende; om du illustrerar ett arbetsflöde riktat mot utvecklare eller avancerade användare är mörkt läge ett vanligare och lika autentiskt val.
Ser det ut som riktiga Slack-meddelandebubblor?
Nej — och det är avsiktligt. Slack använder inte pratbubblor som WhatsApp eller Telegram. Riktiga Slack-meddelanden visas som en platt lista: avatar till vänster, fetstilt användarnamn och tidsstämpel på en rad, och meddelandetexten under. Det här verktyget matchar exakt den layouten för ett autentiskt utseende.