CodeKitHubApa Itu Alat Ini?
Generator Chat Slack adalah alat mockup berbasis browser yang mereplikasi tampilan channel Slack — header channel # ungu dengan baris topik, dan gaya daftar pesan datar di mana setiap pesan menampilkan avatar persegi, nama pengguna hitam tebal, stempel waktu abu-abu muda, dan teks pesan di bawahnya, tanpa gelembung.
Slack secara default menggunakan tema terang (latar belakang putih, header ungu tua #4A154B), yang merupakan tampilan sebagian besar workspace Slack, sehingga generator ini terbuka dalam mode terang secara default dengan opsi tombol mode gelap untuk tim yang menggunakan tema gelap Slack.
Setiap baris pesan memiliki nama rekan tim dan warna avatar sendiri, sehingga Anda dapat mensimulasikan percakapan bolak-balik yang realistis antara beberapa rekan kerja dalam satu channel.
Hanya untuk penggunaan hiburan dan mockup: buat tangkapan layar demo produk, ilustrasikan skenario tempat kerja untuk presentasi, atau buat storyboard pengumuman perusahaan. Alat ini tidak boleh digunakan untuk menyamar sebagai percakapan tempat kerja nyata, rekan kerja nyata, atau memalsukan bukti tentang sesuatu yang sebenarnya tidak pernah dikatakan seseorang.
Tidak ada yang Anda ketik yang pernah meninggalkan perangkat Anda. Seluruh percakapan digambar dengan HTML Canvas API langsung di browser Anda, dan PNG dibuat serta diunduh secara lokal.
Mengapa Menggunakannya?
- Buat tangkapan layar channel Slack yang realistis untuk demo produk dan studi kasus.
- Buat mockup tampilan integrasi Slack atau pesan bot sebelum membangunnya.
- Ilustrasikan skenario tempat kerja, alur onboarding, atau contoh komunikasi tim untuk presentasi.
- Buat prototipe UI chat bergaya Slack untuk sebuah aplikasi.
- Rendering 100% lokal — teks percakapan Anda tidak pernah menyentuh server.
Cara Menggunakan
- Atur nama dan topik channel yang ditampilkan di header ungu.
- Pilih tema terang atau gelap — Slack secara default terang.
- Tambahkan baris pesan: ketik nama rekan tim, pilih warna avatarnya, atur stempel waktu, dan tulis teks pesan.
- Tambahkan sebanyak mungkin pesan dan rekan tim sesuai keinginan untuk mensimulasikan channel dengan banyak orang.
- Amati pembaruan pratinjau langsung, lalu klik "Download PNG" untuk menyimpan gambar.
Contoh
Input
Channel: "content-review" · Topik: "Draf, tinjau, dan terbitkan postingan sebelum tayang" · Pesan 1 — Maya Chen: "pagi tim — sedang membuat mockup postingan minggu depan sebelum tayang. bisa dicek hook-nya?" · Pesan 2 — Devon Ruiz: "siap dikerjakan — sudah taruh pratinjau di sini supaya kita bisa lihat tampilannya sebelum diterbitkan."Output
Gambar PNG yang menampilkan tampilan channel Slack terang: header # content-review ungu dengan teks topik, lalu dua pesan bertumpuk masing-masing dengan avatar persegi berwarna, nama pengguna tebal, stempel waktu abu-abu, dan teks pesan di bawahnya.Gambar dibuat secara instan di kanvas pratinjau langsung dan diunduh dengan satu klik — tanpa menunggu, tanpa unggahan.
Yang dapat Anda sesuaikan
- Nama dan topik channel yang ditampilkan di header ungu.
- Tema terang atau gelap, dengan terang sebagai default asli Slack.
- Baris pesan tak terbatas, masing-masing dengan nama rekan tim, warna avatar, dan stempel waktu sendiri.
- Teks pesan dengan pembungkusan baris otomatis yang sesuai dengan lebar pesan Slack.
Penggunaan yang bertanggung jawab
Generator ini ada untuk memudahkan pembuatan tangkapan layar bergaya Slack yang jelas-jelas fiktif untuk demo produk, presentasi, dan pekerjaan desain. Ini bukan alat untuk memalsukan bukti, mementaskan pelecehan di tempat kerja, atau menyesatkan siapa pun untuk berpikir bahwa percakapan palsu benar-benar terjadi di workspace nyata. Jika Anda berencana membagikan gambar yang dibuat dengan alat ini, pertimbangkan untuk menambahkan konteks (seperti "palsu" atau "mockup") agar penonton memahami bahwa ini bukan percakapan sungguhan.
Pertanyaan yang Sering Diajukan
Apakah legal atau etis menggunakan alat ini?
Alat ini sendiri legal digunakan untuk hiburan, demo produk, presentasi, dan pekerjaan desain. Yang tidak legal atau etis adalah menggunakan gambar yang dihasilkan untuk menipu seseorang — misalnya menampilkannya sebagai percakapan Slack asli untuk melakukan penipuan, melecehkan atau memfitnah rekan kerja, atau menyamar sebagai channel tempat kerja yang sebenarnya. Bergantung pada tempat Anda tinggal, penyalahgunaan semacam itu dapat merupakan penipuan, pencemaran nama baik, atau pelecehan. Mohon gunakan ini hanya untuk tujuan yang jelas fiktif atau ilustratif.
Apakah alat ini mengunggah pesan saya ke mana pun?
Tidak. Setiap pesan, nama, warna, dan pengaturan yang Anda masukkan tetap berada di memori browser Anda dan digambar langsung ke elemen kanvas menggunakan JavaScript. File PNG dibuat dan diunduh di perangkat Anda — tidak ada yang pernah dikirim ke server mana pun.
Bisakah saya menampilkan beberapa rekan tim berbeda dalam satu channel?
Ya. Setiap baris pesan memiliki nama pengguna dan warna avatar sendiri, sehingga Anda dapat mensimulasikan channel Slack yang realistis dengan beberapa rekan kerja berbeda yang masing-masing menampilkan nama dan avatarnya sendiri.
Bisakah saya beralih antara tema terang dan gelap Slack?
Ya. Gunakan tombol tema untuk beralih antara tema terang default Slack dan tema gelapnya. Pratinjau diperbarui secara instan. Jika Anda membuat demo produk atau studi kasus untuk audiens umum, pertahankan mode terang karena itu adalah default Slack dan tampilan yang paling dikenal luas; jika Anda mengilustrasikan alur kerja yang berfokus pada pengembang atau pengguna mahir, mode gelap adalah pilihan yang lebih umum dan sama otentiknya.
Apakah tampilannya seperti gelembung pesan Slack asli?
Tidak — dan itu disengaja. Slack tidak menggunakan gelembung chat seperti WhatsApp atau Telegram. Pesan Slack asli ditampilkan sebagai daftar datar: avatar di sebelah kiri, nama pengguna tebal dan stempel waktu dalam satu baris, dan teks pesan di bawahnya. Alat ini menyesuaikan tata letak yang persis sama untuk tampilan yang otentik.