CodeKitHubCo je tento nástroj?
Generátor chatu Microsoft Teams je nástroj pro tvorbu maket běžící v prohlížeči, který znovu vytváří zobrazení chatu jeden na jednoho v Teams — hlavičku s avatarem kontaktu, tečkou přítomnosti, jménem a stavem, plus ikony hovoru/videa/sdílení, a vlákno zpráv využívající zaoblený, doprava zarovnaný styl bublin Teams pro odchozí zprávy.
Teams standardně používá světlý motiv (bílé pozadí, tlumené fialové akcenty Fluent #6264A7), což odpovídá tomu, jak jej vidí většina uživatelů Microsoft 365, s volitelným přepínačem do tmavého režimu.
Každý kontakt má stav přítomnosti — Dostupný (zelená), Zaneprázdněný (červená), Nepřítomný (žlutá) nebo Offline (šedá) — zobrazený jako malá barevná tečka na avataru, stejně jako ve skutečném klientovi Teams.
Pouze pro zábavu a tvorbu maket: vytvořte firemní ukázku produktu, znázorněte pracovní postup Microsoft 365 pro prezentaci nebo naskicujte scénář podpory. Nikdy se nesmí použít k vydávání se za skutečnou pracovní konverzaci, skutečného kolegu nebo k fabrikaci důkazu o něčem, co daná osoba ve skutečnosti neřekla.
Nic, co napíšete, neopustí vaše zařízení. Celá konverzace se vykresluje pomocí HTML Canvas API přímo ve vašem prohlížeči a PNG se generuje a stahuje lokálně.
Proč ho používat?
- Vytvářejte realistické snímky chatu Teams pro firemní ukázky softwaru a případové studie.
- Vytvořte maketu, jak bude vypadat zpráva bota nebo oznámení Teams, ještě než ji vytvoříte.
- Znázorněte scénář IT podpory, proces onboardingu nebo příklad pracovní komunikace pro prezentaci.
- Vytvořte prototyp uživatelského rozhraní chatu ve stylu Teams pro interní nástroj.
- 100% lokální vykreslování — text vaší konverzace se nikdy nedostane na server.
Jak se používá
- Nastavte jméno kontaktu a stav přítomnosti (Dostupný, Zaneprázdněný, Nepřítomný nebo Offline).
- Nahrajte fotografii pro avatar, nebo ji ponechte jako barevný kruh s iniciálami.
- Zvolte světlý nebo tmavý motiv — Teams je standardně světlý.
- Přidejte řádky zpráv: napište text, vyberte stranu (oni/já) a časové razítko.
- Sledujte živě aktualizovaný náhled ve tvaru telefonu a poté kliknutím na „Stáhnout PNG“ obrázek uložte.
Příklad
Vstup
Kontakt: „Jordan“ · Stav: „Dostupný“ · Zpráva 1 (oni): „Ahoj! Měl jsi čas se na to podívat?“ · Zpráva 2 (oni): „Skvělé, zbytek pošlu dnes večer“ · Zpráva 3 (já): „Právě jsem to udělal — vypadá to skvěle, spusť to“Výstup
Obrázek PNG zobrazující světlý chat Teams: hlavička s avatarem Jordana, zelená tečka přítomnosti, jméno a stav „Dostupný“, dvě světle šedé příchozí bubliny vlevo se jménem a časovým razítkem nad nimi a světle fialová odchozí bublina vpravo.Obrázek se generuje okamžitě v živém náhledovém plátně a stahuje se jedním kliknutím — žádné čekání, žádné nahrávání.
Co si můžete přizpůsobit
- Jméno kontaktu a stav přítomnosti (Dostupný, Zaneprázdněný, Nepřítomný, Offline).
- Avatar: nahrajte skutečnou fotografii (oříznutou do kruhu) nebo vyberte náhradní barvu.
- Světlý nebo tmavý motiv, přičemž světlý je autentickým výchozím nastavením Teams.
- Neomezený počet řádků zpráv, každý s vlastním textem, stranou (oni/já) a časovým razítkem.
Zodpovědné používání
Tento generátor existuje proto, aby usnadnil tvorbu jasně fiktivních snímků ve stylu Teams pro firemní ukázky, prezentace a návrhářskou práci. Není to nástroj pro fabrikaci důkazů, inscenování obtěžování na pracovišti nebo klamání kohokoli, že se falešná konverzace odehrála ve skutečném tenantu Microsoft 365. Pokud plánujete sdílet obrázek vytvořený tímto nástrojem, zvažte přidání kontextu (například „falešné“ nebo „maketa“), aby diváci pochopili, že se nejedná o skutečnou konverzaci.
Časté dotazy
Je používání tohoto nástroje legální nebo etické?
Samotný nástroj je legální používat pro zábavu, ukázky produktů, prezentace a návrhářskou práci. Co není legální ani etické, je použití vygenerovaného obrázku k oklamání někoho — například jeho prezentování jako skutečné konverzace Teams za účelem podvodu, obtěžování nebo pomluvy kolegy, nebo vydávání se za skutečný pracovní chat. V závislosti na místě, kde žijete, může takové zneužití představovat podvod, pomluvu nebo obtěžování. Používejte to prosím pouze pro jasně fiktivní nebo ilustrační účely.
Nahrává nástroj mé zprávy nebo fotografii někam?
Ne. Každá zpráva, jméno, fotografie a nastavení, které zadáte, zůstávají v paměti vašeho prohlížeče a jsou vykreslovány přímo na prvek plátna pomocí JavaScriptu. Soubor PNG se generuje a stahuje na vašem zařízení — nic se nikdy neodesílá na žádný server.
Mohu ovládat tečku stavu přítomnosti?
Ano. V rozevírací nabídce přítomnosti vyberte Dostupný (zelená), Zaneprázdněný (červená), Nepřítomný (žlutá) nebo Offline (šedá), a malá barevná tečka na avataru kontaktu se odpovídajícím způsobem aktualizuje, stejně jako ve skutečném klientovi Teams. Pokud se váš scénář týká rychlé odpovědi nebo probíhající konverzace, použijte Dostupný nebo Zaneprázdněný; pokud je smyslem vaší makety, že zpráva zůstala bez odpovědi nebo byla přečtena později, použijte Nepřítomný nebo Offline, aby to působilo věrohodně.
Používá Teams opravdu takto zaoblené chatové bubliny?
Ano. Na rozdíl od Discordu a Slacku, které zobrazují zprávy jako plochý seznam, Microsoft Teams používá zaoblené bubliny zpráv: příchozí zprávy se zobrazují vlevo se jménem odesílatele nad nimi a vaše vlastní zprávy se zobrazují zarovnané doprava ve světle fialové bublině. Tento nástroj přesně reprodukuje toto rozvržení.
Mohu jako avatar nahrát skutečnou fotografii?
Ano. Klikněte na „Nahrát fotografii“ a použijte jakýkoli obrázek ze svého zařízení jako avatar kontaktu — automaticky se oříznou do kruhu. Pokud tento krok přeskočíte, avatar se vrátí k barevnému kruhu s iniciálami kontaktu.