CodeKitHubHva er dette verktøyet?
Slack Chat-generatoren er et nettleserbasert mockup-verktøy som gjenskaper Slacks kanalvisning — den lilla # kanaloverskriften med emnelinje, og den flate meldingslistestilen der hver melding viser en firkantet avatar, et uthevet svart brukernavn, et lysegrått tidsstempel og meldingsteksten under, uten bobler.
Slack bruker som standard et lyst tema (hvit bakgrunn, mørk lilla #4A154B overskrift), slik ser de fleste Slack-arbeidsområder ut, så denne generatoren åpnes som standard i lys modus med en valgfri mørk modus-bryter for team som bruker Slacks mørke tema.
Hver meldingsrad har sitt eget kollega-navn og avatarfarge, slik at du kan simulere en realistisk frem-og-tilbake-samtale mellom flere kolleger i en kanal.
Kun for underholdnings- og mockup-bruk: lag et produktdemo-skjermbilde, illustrer et arbeidsplassscenario for en presentasjon, eller lag en storyboard for en bedriftskunngjøring. Det må aldri brukes til å utgi seg for en ekte samtale på arbeidsplassen, en ekte kollega, eller for å fabrikkere bevis for noe noen faktisk ikke sa.
Ingenting du skriver forlater noensinne enheten din. Hele samtalen tegnes med HTML Canvas API direkte i nettleseren din, og PNG-en genereres og lastes ned lokalt.
Hvorfor bruke det?
- Lag realistiske Slack-kanalskjermbilder for produktdemoer og casestudier.
- Lag en mockup av hvordan en Slack-integrasjon eller bot-melding vil se ut før du bygger den.
- Illustrer et arbeidsplassscenario, en onboardingprosess eller et eksempel på teamkommunikasjon for en presentasjon.
- Bygg en prototype av et Slack-lignende chat-grensesnitt for en app.
- 100 % lokal gjengivelse — samtaleteksten din berører aldri en server.
Slik bruker du det
- Angi kanalnavn og emne som vises i den lilla overskriften.
- Velg lyst eller mørkt tema — Slack er lyst som standard.
- Legg til meldingsrader: skriv inn en kollegas navn, velg avatarfargen deres, angi et tidsstempel, og skriv meldingsteksten.
- Legg til så mange meldinger og kolleger du vil for å simulere en kanal med flere personer.
- Følg med på at forhåndsvisningen oppdateres i sanntid, og klikk deretter «Last ned PNG» for å lagre bildet.
Eksempel
Inndata
Kanal: «content-review» · Emne: «Utkast, gjennomgå og publiser innlegg før de går live» · Melding 1 — Maya Chen: «god morgen team — lager en mockup av neste ukes innlegg før det går live. kan dere sjekke kroken?» · Melding 2 — Devon Ruiz: «tar meg av det — la ut en forhåndsvisning her så vi kan se hvordan det blir før publisering.»Resultat
Et PNG-bilde som viser en lys Slack-kanalvisning: en lilla # content-review-overskrift med emnetekst, deretter to stablede meldinger, hver med en fargelagt firkantet avatar, et uthevet brukernavn, et grått tidsstempel og meldingsteksten under.Bildet genereres umiddelbart i lerretet for forhåndsvisning i sanntid og lastes ned med ett klikk — ingen venting, ingen opplasting.
Hva du kan tilpasse
- Kanalnavn og emne som vises i den lilla overskriften.
- Lyst eller mørkt tema, der lyst er Slacks autentiske standard.
- Ubegrenset antall meldingsrader, hver med sitt eget kollega-navn, avatarfarge og tidsstempel.
- Meldingstekst med automatisk linjebryting som matcher Slacks meldingsbredde.
Ansvarlig bruk
Denne generatoren finnes for å gjøre det enkelt å lage tydelig fiktive Slack-lignende skjermbilder for produktdemoer, presentasjoner og designarbeid. Det er ikke et verktøy for å fabrikkere bevis, iscenesette trakassering på arbeidsplassen, eller villede noen til å tro at en falsk samtale faktisk fant sted i et ekte arbeidsområde. Hvis du planlegger å dele et bilde laget med dette verktøyet, bør du vurdere å legge til kontekst (som «falsk» eller «mockup») slik at seerne forstår at det ikke er en ekte samtale.
Ofte stilte spørsmål
Er det lovlig eller etisk å bruke dette verktøyet?
Verktøyet i seg selv er lovlig å bruke til underholdning, produktdemoer, presentasjoner og designarbeid. Det som ikke er lovlig eller etisk, er å bruke det genererte bildet til å lure noen — for eksempel ved å presentere det som en ekte Slack-samtale for å begå bedrageri, trakassere eller sverte en kollega, eller utgi seg for en ekte arbeidsplasskanal. Avhengig av hvor du bor, kan slikt misbruk utgjøre bedrageri, ærekrenkelse eller trakassering. Vennligst bruk dette kun til klart fiktive eller illustrerende formål.
Laster verktøyet opp meldingene mine noe sted?
Nei. Hver melding, navn, farge og innstilling du oppgir, forblir i nettleserens minne og tegnes direkte på et lerretelement ved hjelp av JavaScript. PNG-filen genereres og lastes ned på enheten din — ingenting sendes noensinne til noen server.
Kan jeg vise flere ulike kolleger i én kanal?
Ja. Hver meldingsrad har sitt eget brukernavn og avatarfarge, slik at du kan simulere en realistisk Slack-kanal med flere ulike kolleger som hver viser sitt eget navn og avatar.
Kan jeg bytte mellom Slacks lyse og mørke tema?
Ja. Bruk temabryteren for å bytte mellom Slacks standard lyse tema og det mørke temaet. Forhåndsvisningen oppdateres umiddelbart. Hvis du lager en produktdemo eller casestudie for et generelt publikum, behold lys modus siden det er Slacks standard og det mest gjenkjennelige utseendet; hvis du illustrerer en arbeidsflyt rettet mot utviklere eller avanserte brukere, er mørk modus et vanligere og like autentisk valg.
Ser det ut som ekte Slack-meldingsbobler?
Nei — og det er med hensikt. Slack bruker ikke chatteboble som WhatsApp eller Telegram. Ekte Slack-meldinger vises som en flat liste: avatar til venstre, uthevet brukernavn og tidsstempel på én linje, og meldingsteksten under. Dette verktøyet matcher nøyaktig det oppsettet for et autentisk utseende.