CodeKitHubHva er dette verktøyet?
Microsoft Teams Chat Generator er et nettleserbasert mockup-verktøy som gjenskaper Teams' en-til-en-chatvisning — en topptekst med kontaktens avatar, tilstedeværelsesprikk, navn og status, pluss anrops-/video-/delingsikoner, og en meldingstråd som bruker Teams' avrundede, høyrejusterte boblestil for utgående meldinger.
Teams bruker som standard et lyst tema (hvit bakgrunn, dempede Fluent-lilla aksenter #6264A7), som samsvarer med hvordan de fleste Microsoft 365-brukere ser det, med en valgfri mørk modus-bryter.
Hver kontakt har en tilstedeværelsesstatus — Tilgjengelig (grønn), Opptatt (rød), Borte (gul) eller Frakoblet (grå) — vist som en liten farget prikk på avataren, akkurat som i den ekte Teams-klienten.
Kun for underholdning og mockup-bruk: bygg en bedriftsprodukt-demo, illustrer en Microsoft 365-arbeidsflyt for en presentasjon, eller lag et storyboard for et supportscenario. Det må aldri brukes til å utgi seg for en ekte samtale på arbeidsplassen, en ekte kollega, eller finne opp 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-filen genereres og lastes ned lokalt.
Hvorfor bruke det?
- Lag realistiske Teams-chat-skjermbilder for bedriftsprogramvaredemoer og casestudier.
- Lag en mockup av hvordan en Teams-bot- eller varslingsmelding vil se ut før du bygger den.
- Illustrer et IT-supportscenario, onboarding-forløp eller eksempel på arbeidsplasskommunikasjon for en presentasjon.
- Lag en prototype av et Teams-lignende chat-UI for et internt verktøy.
- 100 % lokal rendering — samtaleteksten din berører aldri en server.
Slik bruker du det
- Angi kontaktnavn og tilstedeværelsesstatus (Tilgjengelig, Opptatt, Borte eller Frakoblet).
- Last opp et bilde for avataren, eller la det være en farget sirkel med initialer.
- Velg lyst eller mørkt tema — Teams er lyst som standard.
- Legg til meldingsrader: skriv teksten, velg en side (dem/meg) og et tidsstempel.
- Se den telefonformede forhåndsvisningen oppdateres live, og klikk deretter på "Last ned PNG" for å lagre bildet.
Eksempel
Inndata
Kontakt: "Jordan" · Status: "Tilgjengelig" · Melding 1 (dem): "Hei! Fikk du sett på det?" · Melding 2 (dem): "Perfekt, jeg sender resten i kveld" · Melding 3 (meg): "Nettopp gjort — ser flott ut, send det"Resultat
Et PNG-bilde som viser en lys Teams-chat: en topptekst med Jordans avatar, en grønn tilstedeværelsesprikk, navn og "Tilgjengelig"-status, to lysegrå innkommende bobler til venstre med navn og tidsstempel over, og en lyslilla utgående boble til høyre.Bildet genereres umiddelbart i live-forhåndsvisningslerretet og lastes ned med ett klikk — ingen venting, ingen opplasting.
Hva du kan tilpasse
- Kontaktnavn og tilstedeværelsesstatus (Tilgjengelig, Opptatt, Borte, Frakoblet).
- Avatar: last opp et ekte bilde (beskåret til en sirkel) eller velg en reservefarge.
- Lyst eller mørkt tema, med lyst som den autentiske Teams-standarden.
- Ubegrensede meldingsrader, hver med egen tekst, side (dem/meg) og tidsstempel.
Ansvarlig bruk
Denne generatoren finnes for å gjøre det enkelt å lage klart fiktive Teams-lignende skjermbilder for bedriftsdemoer, presentasjoner og designarbeid. Det er ikke et verktøy for å finne opp bevis, iscenesette trakassering på arbeidsplassen, eller villede noen til å tro at en falsk samtale fant sted i en ekte Microsoft 365-leietaker. 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 faktisk samtale.
Ofte stilte spørsmål
Er det lovlig eller etisk å bruke dette verktøyet?
Selve verktøyet 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 å fremstille det som en ekte Teams-samtale for å begå bedrageri, trakassere eller ærekrenke en kollega, eller utgi seg for en ekte arbeidsplasschat. Avhengig av hvor du bor, kan denne typen misbruk utgjøre bedrageri, ærekrenkelse eller trakassering. Vennligst bruk dette kun til klart fiktive eller illustrerende formål.
Laster verktøyet opp meldingene eller bildet mitt noe sted?
Nei. Hver melding, navn, bilde og innstilling du skriver inn, forblir i nettleserens minne og tegnes direkte på et lerretselement ved hjelp av JavaScript. PNG-filen genereres og lastes ned på enheten din — ingenting sendes noensinne til noen server.
Kan jeg kontrollere tilstedeværelsesstatusprikken?
Ja. Velg Tilgjengelig (grønn), Opptatt (rød), Borte (gul) eller Frakoblet (grå) fra tilstedeværelses-nedtrekksmenyen, og den lille fargede prikken på kontaktens avatar oppdateres tilsvarende, akkurat som i den ekte Teams-klienten. Hvis scenariet ditt handler om et raskt svar eller en pågående samtale, bruk Tilgjengelig eller Opptatt; hvis poenget med mockupen din er at en melding forble ubesvart eller ble sett i ettertid, bruk Borte eller Frakoblet for å gjøre det troverdig.
Bruker Teams virkelig avrundede chatbobler som dette?
Ja. I motsetning til Discord og Slack, som viser meldinger som en flat liste, bruker Microsoft Teams avrundede meldingsbobler: innkommende meldinger vises til venstre med avsenderens navn over, og dine egne meldinger vises høyrejustert i en lyslilla boble. Dette verktøyet gjengir nøyaktig det oppsettet.
Kan jeg laste opp et ekte bilde som avatar?
Ja. Klikk på "Last opp bilde" for å bruke et hvilket som helst bilde fra enheten din som kontaktens avatar — det beskjæres automatisk til en sirkel. Hvis du hopper over dette, faller avataren tilbake til en farget sirkel med kontaktens initialer.