CodeKitHubЩо це за інструмент?
Генератор Чату Slack — це інструмент для створення макетів на основі браузера, який відтворює вигляд каналу Slack — фіолетовий заголовок # каналу з рядком теми та стиль плаского списку повідомлень, де кожне повідомлення показує квадратний аватар, жирне чорне ім'я користувача, світло-сіру мітку часу та текст повідомлення нижче, без бульбашок.
Slack за замовчуванням використовує світлу тему (білий фон, темно-фіолетовий заголовок #4A154B), саме так виглядає більшість робочих просторів Slack, тому цей генератор за замовчуванням відкривається у світлому режимі з додатковим перемикачем темного режиму для команд, які використовують темну тему Slack.
Кожен рядок повідомлення має власне ім'я колеги та колір аватара, тож ви можете симулювати реалістичне спілкування між кількома колегами в каналі.
Лише для розважальних цілей та створення макетів: створіть скріншот демонстрації продукту, проілюструйте робочий сценарій для презентації або створіть розкадровку оголошення компанії. Його ніколи не можна використовувати для видавання себе за реальну робочу розмову, реального колегу або фабрикування доказів того, чого хтось насправді не говорив.
Все, що ви вводите, ніколи не залишає ваш пристрій. Уся розмова малюється за допомогою HTML Canvas API прямо у вашому браузері, а PNG генерується та завантажується локально.
Навіщо його використовувати?
- Створюйте реалістичні скріншоти каналів Slack для демонстрацій продукту та кейс-стаді.
- Створіть макет того, як виглядатиме інтеграція Slack чи повідомлення бота, перш ніж їх створювати.
- Проілюструйте робочий сценарій, процес адаптації нового співробітника чи приклад командної комунікації для презентації.
- Створіть прототип чат-інтерфейсу у стилі Slack для застосунку.
- 100% локальний рендеринг — текст вашої розмови ніколи не потрапляє на сервер.
Як користуватися
- Вкажіть назву та тему каналу, що відображаються у фіолетовому заголовку.
- Оберіть світлу або темну тему — Slack за замовчуванням світлий.
- Додайте рядки повідомлень: введіть ім'я колеги, оберіть колір його аватара, встановіть мітку часу та напишіть текст повідомлення.
- Додайте скільки завгодно повідомлень і колег, щоб симулювати канал з кількома учасниками.
- Спостерігайте за оновленням попереднього перегляду в реальному часі, а потім натисніть "Завантажити PNG", щоб зберегти зображення.
Приклад
Введення
Канал: "content-review" · Тема: "Складіть чернетку, перегляньте та опублікуйте пости перед виходом у ефір" · Повідомлення 1 — Maya Chen: "доброго ранку, команда — роблю макет посту на наступний тиждень перед публікацією. можете перевірити хук?" · Повідомлення 2 — Devon Ruiz: "зроблю — залишив тут превʼю, щоб побачити, як це виглядатиме перед публікацією."Результат
Зображення PNG, що показує світлий вигляд каналу Slack: фіолетовий заголовок # content-review з текстом теми, потім два повідомлення одне під одним, кожне з кольоровим квадратним аватаром, жирним ім'ям користувача, сірою міткою часу та текстом повідомлення нижче.Зображення генерується миттєво на полотні попереднього перегляду в реальному часі та завантажується одним кліком — без очікування, без завантаження на сервер.
Що ви можете налаштувати
- Назву та тему каналу, що відображаються у фіолетовому заголовку.
- Світлу або темну тему, при цьому світла є автентичною темою Slack за замовчуванням.
- Необмежену кількість рядків повідомлень, кожен з власним ім'ям колеги, кольором аватара та міткою часу.
- Текст повідомлення з автоматичним переносом рядків, що відповідає ширині повідомлень Slack.
Відповідальне використання
Цей генератор існує, щоб полегшити створення явно вигаданих скріншотів у стилі Slack для демонстрацій продукту, презентацій і дизайнерської роботи. Це не інструмент для фабрикування доказів, інсценування переслідування на робочому місці чи введення когось в оману, що фейкова розмова насправді відбулася в реальному робочому просторі. Якщо ви плануєте поділитися зображенням, створеним за допомогою цього інструменту, розгляньте можливість додавання контексту (наприклад, "фейк" чи "макет"), щоб глядачі розуміли, що це не справжня розмова.
Часті запитання
Чи законно або етично використовувати цей інструмент?
Сам інструмент законно використовувати для розваг, демонстрацій продукту, презентацій і дизайнерської роботи. Що не є законним чи етичним, так це використання згенерованого зображення для обману когось — наприклад, представлення його як реальної розмови в Slack для вчинення шахрайства, переслідування чи наклепу на колегу, або видавання себе за реальний робочий канал. Залежно від того, де ви живете, таке зловживання може становити шахрайство, наклеп чи переслідування. Будь ласка, використовуйте це лише в явно вигаданих чи ілюстративних цілях.
Чи завантажує інструмент мої повідомлення кудись?
Ні. Кожне повідомлення, ім'я, колір і налаштування, які ви вводите, залишаються в пам'яті вашого браузера й малюються безпосередньо на елемент полотна за допомогою JavaScript. Файл PNG генерується та завантажується на вашому пристрої — нічого ніколи не надсилається на жоден сервер.
Чи можу я показати кількох різних колег в одному каналі?
Так. Кожен рядок повідомлення має власне ім'я користувача та колір аватара, тож ви можете симулювати реалістичний канал Slack з кількома різними колегами, кожен з яких показує своє власне ім'я та аватар.
Чи можу я перемикатися між світлою та темною темами Slack?
Так. Використовуйте перемикач теми, щоб переключатися між світлою темою Slack за замовчуванням і темною темою. Попередній перегляд оновлюється миттєво. Якщо ви створюєте демонстрацію продукту чи кейс-стаді для широкої аудиторії, залишайте світлий режим, оскільки це стандартний і найбільш впізнаваний вигляд Slack; якщо ви ілюструєте робочий процес, орієнтований на розробників чи досвідчених користувачів, темний режим є більш поширеним і однаково автентичним вибором.
Чи виглядає це як справжні бульбашки повідомлень Slack?
Ні — і це навмисно. Slack не використовує бульбашки чату, як WhatsApp чи Telegram. Справжні повідомлення Slack відображаються як плаский список: аватар зліва, жирне ім'я користувача та мітка часу в одному рядку, а текст повідомлення нижче. Цей інструмент точно відповідає цій розкладці для автентичного вигляду.