CodeKitHubHvad er dette værktøj?
Slack Chat-generatoren er et browserbaseret mockup-værktøj, der genskaber Slacks kanalvisning — den lilla # kanalheader med emnelinje og den flade beskedlistestil, hvor hver besked viser et firkantet avatar, et fed sort brugernavn, et lysegrå tidsstempel og beskedteksten nedenunder, uden bobler.
Slack bruger som standard et lyst tema (hvid baggrund, dyb lilla #4A154B header), sådan ser de fleste Slack-arbejdsområder ud, så denne generator åbner som standard i lys tilstand med en valgfri mørk tilstand-kontakt til teams, der bruger Slacks mørke tema.
Hver beskedrække har sit eget kollega-navn og avatarfarve, så du kan simulere en realistisk frem-og-tilbage-samtale mellem flere kolleger i en kanal.
Kun til underholdnings- og mockupbrug: byg et produktdemo-screenshot, illustrér et scenarie fra arbejdspladsen til en præsentation, eller lav et storyboard til en virksomhedsmeddelelse. Det må aldrig bruges til at udgive sig for en ægte samtale på arbejdspladsen, en ægte kollega, eller til at fabrikere beviser for noget, nogen faktisk ikke sagde.
Intet du skriver, forlader nogensinde din enhed. Hele samtalen tegnes med HTML Canvas API direkte i din browser, og PNG'en genereres og downloades lokalt.
Hvorfor bruge det?
- Opret realistiske Slack-kanalscreenshots til produktdemoer og casestudier.
- Lav en mockup af, hvordan en Slack-integration eller botbesked vil se ud, før du bygger den.
- Illustrér et scenarie fra arbejdspladsen, en onboardingproces eller et eksempel på teamkommunikation til en præsentation.
- Byg en prototype af en Slack-lignende chat-UI til en app.
- 100% lokal rendering — din samtaletekst rører aldrig en server.
Sådan bruger du det
- Angiv kanalnavn og emne, der vises i den lilla header.
- Vælg lyst eller mørkt tema — Slack er lyst som standard.
- Tilføj beskedrækker: skriv en kollegas navn, vælg deres avatarfarve, angiv et tidsstempel, og skriv beskedteksten.
- Tilføj lige så mange beskeder og kolleger, du vil, for at simulere en kanal med flere personer.
- Følg med i, at live-forhåndsvisningen opdateres, og klik derefter på "Download PNG" for at gemme billedet.
Eksempel
Input
Kanal: "content-review" · Emne: "Udkast, gennemgang og udgivelse af opslag, før de går live" · Besked 1 — Maya Chen: "godmorgen team — laver en mockup af næste uges opslag, før det går live. kan I tjekke krogen?" · Besked 2 — Devon Ruiz: "tager mig af det — har lagt en forhåndsvisning her, så vi kan se, hvordan det kommer til at se ud, før vi udgiver."Output
Et PNG-billede, der viser en lys Slack-kanalvisning: en lilla # content-review header med emnetekst, derefter to stablede beskeder, hver med et farvet firkantet avatar, et fed brugernavn, et grå tidsstempel og beskedteksten nedenunder.Billedet genereres øjeblikkeligt i live-forhåndsvisningscanvaset og downloades med et enkelt klik — ingen ventetid, ingen upload.
Hvad du kan tilpasse
- Kanalnavn og emne vist i den lilla header.
- Lyst eller mørkt tema, hvor lys er Slacks autentiske standard.
- Ubegrænset antal beskedrækker, hver med sit eget kollega-navn, avatarfarve og tidsstempel.
- Beskedtekst med automatisk linjeombrydning, der matcher Slacks beskedbredde.
Ansvarlig brug
Denne generator findes for at gøre det nemt at skabe tydeligt fiktive Slack-lignende screenshots til produktdemoer, præsentationer og designarbejde. Det er ikke et værktøj til at fabrikere beviser, iscenesætte chikane på arbejdspladsen eller vildlede nogen til at tro, at en fake samtale faktisk fandt sted i et rigtigt arbejdsområde. Hvis du planlægger at dele et billede lavet med dette værktøj, bør du overveje at tilføje kontekst (som "fake" eller "mockup"), så seerne forstår, at det ikke er en ægte samtale.
Ofte stillede spørgsmål
Er det lovligt eller etisk at bruge dette værktøj?
Selve værktøjet er lovligt at bruge til underholdning, produktdemoer, præsentationer og designarbejde. Det, der ikke er lovligt eller etisk, er at bruge det genererede billede til at bedrage nogen — for eksempel ved at præsentere det som en ægte Slack-samtale for at begå bedrageri, chikanere eller bagvaske en kollega, eller udgive sig for en ægte kanal på arbejdspladsen. Afhængigt af, hvor du bor, kan den slags misbrug udgøre bedrageri, bagvaskelse eller chikane. Brug venligst kun dette til klart fiktive eller illustrative formål.
Uploader værktøjet mine beskeder nogen steder?
Nej. Hver besked, navn, farve og indstilling, du indtaster, forbliver i din browsers hukommelse og tegnes direkte på et canvas-element ved hjælp af JavaScript. PNG-filen genereres og downloades på din enhed — intet sendes nogensinde til nogen server.
Kan jeg vise flere forskellige kolleger i én kanal?
Ja. Hver beskedrække har sit eget brugernavn og avatarfarve, så du kan simulere en realistisk Slack-kanal med flere forskellige kolleger, der hver viser deres eget navn og avatar.
Kan jeg skifte mellem Slacks lyse og mørke temaer?
Ja. Brug temakontakten til at skifte mellem Slacks standard lyse tema og dets mørke tema. Forhåndsvisningen opdateres øjeblikkeligt. Hvis du bygger en produktdemo eller casestudie til et bredt publikum, så behold lys tilstand, da det er Slacks standard og det mest genkendelige udseende; hvis du illustrerer en arbejdsgang rettet mod udviklere eller erfarne brugere, er mørk tilstand et mere almindeligt og lige så autentisk valg.
Ligner det rigtige Slack-beskedbobler?
Nej — og det er meningen. Slack bruger ikke chatbobler som WhatsApp eller Telegram. Rigtige Slack-beskeder vises som en flad liste: avatar til venstre, fed brugernavn og tidsstempel på én linje, og beskedteksten nedenunder. Dette værktøj matcher præcis det layout for et autentisk udseende.