CodeKitHubHvad er dette værktøj?
Microsoft Teams Chat Generator er et browserbaseret mockup-værktøj, der genskaber Teams' en-til-en chat-visning — en header med kontaktens avatar, tilstedeværelsesprik, navn og status, samt opkalds-/video-/delingsikoner, og en beskedtråd, der bruger Teams' runde, højrejusterede boble-stil til udgående beskeder.
Teams bruger som standard et lyst tema (hvid baggrund, dæmpede Fluent-lilla accenter #6264A7), som matcher, hvordan de fleste Microsoft 365-brugere ser det, med en valgfri mørk tilstand.
Hver kontakt har en tilstedeværelsesstatus — Tilgængelig (grøn), Optaget (rød), Ikke til stede (gul) eller Offline (grå) — vist som en lille farvet prik på avataren, ligesom i den rigtige Teams-klient.
Kun til underholdning og mockup-brug: byg en virksomhedsprodukt-demo, illustrer et Microsoft 365-workflow til en præsentation, eller storyboard et supportscenarie. Det må aldrig bruges til at udgive sig for en rigtig samtale på arbejdspladsen, en rigtig kollega eller fabrikere bevis for noget, nogen faktisk ikke har sagt.
Intet, du skriver, forlader nogensinde din enhed. Hele samtalen tegnes med HTML Canvas API direkte i din browser, og PNG-filen genereres og downloades lokalt.
Hvorfor bruge det?
- Lav realistiske Teams-chat-screenshots til virksomhedssoftware-demoer og casestudier.
- Mock op, hvordan en Teams-bot- eller notifikationsbesked vil se ud, før du bygger den.
- Illustrér et IT-supportscenarie, onboarding-forløb eller eksempel på arbejdspladskommunikation til en præsentation.
- Prototyp en Teams-lignende chat-UI til et internt værktøj.
- 100% lokal gengivelse — din samtaletekst rører aldrig en server.
Sådan bruger du det
- Angiv kontaktnavn og tilstedeværelsesstatus (Tilgængelig, Optaget, Ikke til stede eller Offline).
- Upload et foto til avataren, eller lad det være en farvet cirkel med initialer.
- Vælg lyst eller mørkt tema — Teams er lyst som standard.
- Tilføj beskedrækker: skriv teksten, vælg en side (dem/mig) og et tidsstempel.
- Se den telefonformede forhåndsvisning opdatere live, klik derefter på "Download PNG" for at gemme billedet.
Eksempel
Input
Kontakt: "Jordan" · Status: "Tilgængelig" · Besked 1 (dem): "Hej! Fik du set på det?" · Besked 2 (dem): "Perfekt, jeg sender resten i aften" · Besked 3 (mig): "Lige gjort — ser fantastisk ud, send det af sted"Output
Et PNG-billede, der viser en lys Teams-chat: en header med Jordans avatar, en grøn tilstedeværelsesprik, navn og "Tilgængelig"-status, to lysegrå indgående bobler til venstre med navn og tidsstempel ovenover, og en lyslilla udgående boble til højre.Billedet genereres øjeblikkeligt i den live forhåndsvisning og downloades med et enkelt klik — ingen ventetid, ingen upload.
Hvad du kan tilpasse
- Kontaktnavn og tilstedeværelsesstatus (Tilgængelig, Optaget, Ikke til stede, Offline).
- Avatar: upload et rigtigt foto (beskåret til en cirkel) eller vælg en reservefarve.
- Lyst eller mørkt tema, med lyst som den autentiske Teams-standard.
- Ubegrænsede beskedrækker, hver med sin egen tekst, side (dem/mig) og tidsstempel.
Ansvarlig brug
Denne generator findes for at gøre det nemt at lave klart fiktive Teams-lignende screenshots til virksomhedsdemoer, præsentationer og designarbejde. Det er ikke et værktøj til at fabrikere bevis, iscenesætte chikane på arbejdspladsen eller vildlede nogen til at tro, at en falsk samtale fandt sted i en rigtig Microsoft 365-lejer. Hvis du planlægger at dele et billede lavet med dette værktøj, bør du overveje at tilføje kontekst (som "falsk" eller "mockup"), så seere forstår, at det ikke er en faktisk 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 rigtig Teams-samtale for at begå svindel, chikanere eller bagvaske en kollega, eller udgive sig for en rigtig chat på arbejdspladsen. Afhængigt af hvor du bor, kan denne type misbrug udgøre svindel, bagvaskelse eller chikane. Brug venligst kun dette til klart fiktive eller illustrative formål.
Uploader værktøjet mine beskeder eller foto nogen steder?
Nej. Hver besked, navn, foto 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 en server.
Kan jeg styre tilstedeværelsesprikken?
Ja. Vælg Tilgængelig (grøn), Optaget (rød), Ikke til stede (gul) eller Offline (grå) fra tilstedeværelses-dropdownen, og den lille farvede prik på kontaktens avatar opdateres til at matche, ligesom i den rigtige Teams-klient. Hvis dit scenarie handler om et hurtigt svar eller en samtale i gang, brug Tilgængelig eller Optaget; hvis pointen med din mockup er, at en besked forblev ubesvaret eller blev set senere, brug Ikke til stede eller Offline for at gøre det troværdigt.
Bruger Teams virkelig runde chatbobler som dette?
Ja. I modsætning til Discord og Slack, som viser beskeder som en flad liste, bruger Microsoft Teams runde beskedbobler: indgående beskeder vises til venstre med afsenderens navn ovenover, og dine egne beskeder vises højrejusteret i en lyslilla boble. Dette værktøj gengiver nøjagtigt det layout.
Kan jeg uploade et rigtigt foto som avatar?
Ja. Klik på "Upload foto" for at bruge et hvilket som helst billede fra din enhed som kontaktens avatar — det beskæres automatisk til en cirkel. Hvis du springer dette over, falder avataren tilbage til en farvet cirkel med kontaktens initialer.