BUAT SESUAI GAYAMU

Buat tema kamu sendiri.

Tema PixelyChat adalah satu file kecil. Kamu tidak perlu bisa coding: jelaskan tampilan yang kamu inginkan, minta asisten AI seperti Claude atau ChatGPT mengubah tema yang sudah ada, lalu impor hasilnya.

Ingin mengubah tampilan chat saja? Buat gaya chat ↓

1. Dapatkan titik awal

Unduh tema apa pun dari Perpustakaan Tema — misalnya tema yang sudah mendekati tampilan yang kamu inginkan.
Atau, di PixelyChat, buka Tema Scene, pilih tema lalu pilih Ekspor untuk Diedit di Alat Kreator.

File .pixelytheme adalah arsip ZIP biasa dengan nama berbeda. Jika chat AI kamu menolak upload, ubah nama file menjadi .zip. Setiap paket berisi README.md yang menjelaskan formatnya kepada AI.

2. Minta bantuan AI

Gunakan asisten yang dapat membaca file yang diunggah dan memberikan file kembali kepadamu (Claude dengan pembuatan file, atau ChatGPT dengan upload file dan eksekusi kode). Lampirkan file tema, tempel prompt ini, lalu isi bagian yang ditandai:

Saya melampirkan tema PixelyChat (file .pixelytheme, yaitu arsip ZIP; jika tidak bisa dibuka, perlakukan sebagai .zip). Tolong ubah menjadi tema baru milik saya sendiri.

PERTAMA, ekstrak file dan baca README.md — itu adalah panduan resmi format tema PixelyChat dan mencantumkan setiap hook CSS. Setelah itu baca theme.json, theme.css, dan fields.json.

TAMPILAN YANG SAYA INGINKAN:
[Jelaskan tema di sini: suasana, warna, bentuk, font, animasi. Contoh: “Neon synthwave — panel ungu gelap, aksen pink terang dan cyan, border bercahaya, serta glow berdenyut pelan pada alert.”]

ATURAN
- theme.json: berikan “id” baru yang unik (huruf kecil, angka, dan tanda hubung) serta “name” baru. Atur “author” menjadi {"name": "[NAMA KAMU]", "type": "creator"}, “version” menjadi “1.0.0”, dan tambahkan “released” dengan tanggal hari ini dalam format YYYY-MM-DD. Pertahankan field lain, termasuk “basedOn” dan “supports”.
- Tema hanya mengubah tampilan: CSS, JSON, dan file yang disertakan. Tidak boleh ada JavaScript, @import, atau URL eksternal. Gambar dan font harus berada di assets/ dan dirujuk dengan path relatif.
- Beri gaya pada semua area yang tercantum di “supports” (alert, hadiah, widget, serta layar Starting Soon / Be Right Back / Shoutout). Pastikan teks tetap mudah dibaca di atas latar stream apa pun dan berfungsi pada layout horizontal maupun vertikal.
- Jaga ukuran tetap kecil. Gunakan hanya gambar, font, dan suara yang boleh saya gunakan. Jika preview.webp lama tidak lagi sesuai dan kamu tidak bisa membuat yang baru (WebP kecil, sekitar 1280x720, di bawah 150 KB), hapus file itu.
- Paketkan: zip ISI folder tema agar theme.json berada di level teratas arsip (bukan di dalam subfolder) dan beri nama file [id].pixelytheme.

Setelah selesai, berikan file .pixelytheme final untuk saya unduh, lalu daftar perubahan yang kamu buat dan hal apa pun yang tidak bisa kamu periksa.

3. Impor dan coba

Unduh file yang diberikan AI.
Di PixelyChat buka Tema Scene lalu klik Impor tema.
Periksa pratinjau, lalu alert, widget, dan layar kamu. Belum pas? Beri tahu AI apa yang perlu diubah — screenshot membantu — lalu impor file baru. PixelyChat akan menawarkan untuk memperbarui tema yang sudah terinstal.
Tema yang kamu impor bisa dihapus kapan saja; tema bawaan akan tetap ada.

4. Bagikan (opsional)

Puas dengan hasilnya? Kirim file .pixelytheme ke [email protected] dengan nama yang ingin kamu tampilkan sebagai pembuat. Kami akan meninjau sebagian dan, jika sesuai, menambahkannya ke Perpustakaan Tema untuk semua orang.

Kirim hanya konten yang memang boleh kamu bagikan. Dengan mengirim tema, kamu mengonfirmasi bahwa kamu membuatnya sendiri atau memiliki hak untuk mendistribusikannya, dan tema tersebut tidak mengandung materi berhak cipta milik pihak ketiga (gambar, font, suara, logo, karakter) tanpa izin. Tema yang dikirim adalah konten buatan pengguna dan hanya ditinjau sebagian oleh PixelyChat; pembuat tetap bertanggung jawab atas isinya, dan kami dapat menghapus tema kapan saja.

GAYA CHAT

Buat gaya chat sendiri.

Gaya chat mengubah tampilan pesan di overlay chat: label nama, kartu, bingkai, lencana, dan dekorasi. Cara kerjanya seperti tema: satu file .pixelystyle kecil, dan asisten AI bisa membuatkannya untukmu.

1. Pilih titik awal

Unduh gaya apa saja dari pustaka gaya chat.
Atau, di PixelyChat, buka Chat → Gaya, pilih gaya chat yang terpasang, lalu klik Ekspor untuk diedit di Opsi Gaya. Salinan itu juga berisi halaman uji (dev/test.html) yang menampilkan semua jenis pesan.

File .pixelystyle adalah arsip ZIP biasa dengan nama berbeda. Jika chat AI-mu menolak unggahan, ganti nama file menjadi .zip. Setiap paket berisi README.md yang menjelaskan formatnya kepada AI.

2. Minta bantuan AI

Lampirkan file gaya, tempel prompt ini, lalu isi bagian yang ditandai:

Saya melampirkan gaya chat PixelyChat (file .pixelystyle, yaitu arsip ZIP - jika tidak bisa dibuka, perlakukan sebagai .zip). Tolong ubah menjadi gaya chat baru milik saya.

PERTAMA, ekstrak lalu baca README.md - itu panduan resmi format gaya chat PixelyChat: struktur pesan, semua class dan atribut data, serta variabel CSS. Setelah itu baca chat-style.json, style.css, dan fields.json.

TAMPILAN YANG SAYA INGINKAN:
[Jelaskan gaya chat-mu di sini: suasana, warna, bentuk, label nama, lencana, dekorasi. Contoh: "Musim gugur yang hangat - kartu cokelat hangat, label nama oranye, daun kecil di sudut setiap pesan, ikon daun maple untuk mod."]

ATURAN
- chat-style.json: beri "id" baru yang unik (huruf kecil, angka, dan tanda hubung) dan "name" baru. Atur "author" menjadi {"name": "[NAMA KAMU]"}, "version" menjadi "1.0.0", dan tambahkan "released" dengan tanggal hari ini dalam format YYYY-MM-DD. Pertahankan "format", "schemaVersion", dan "styleApiVersion".
- Gaya chat hanya mengubah tampilan: CSS, JSON, dan file yang disertakan. Tanpa JavaScript, tanpa @import, tanpa URL eksternal. Gambar dan font harus ada di assets/ dan dirujuk dengan path relatif.
- Gunakan variabel CSS untuk latar, sudut, tepi, dan warna aksen (tercantum di README.md) di mana pun masuk akal, agar pengaturan gaya di PixelyChat tetap berfungsi. Warnai dekorasi dengan warna aksen (SVG satu warna yang dipakai sebagai mask) agar mengikuti warna streamer.
- Beri gaya untuk semua jenis pesan: pesan biasa untuk setiap peran (streamer, mod, VIP, sub, penonton), pesan yang hanya berisi emote, dan event (follow, sub, hadiah, raid...). Teks harus tetap terbaca di atas latar stream apa pun.
- Buat tetap ringan: tanpa animasi berulang, tanpa backdrop-filter atau blur, paling banyak satu animasi masuk yang singkat. Jaga paket tetap kecil (maksimal 5 MB). Gunakan hanya gambar dan font yang boleh saya pakai. Jika preview.webp lama tidak lagi cocok dengan tampilan baru dan kamu tidak bisa membuat yang baru (WebP kecil, sekitar 960x540, di bawah 150 KB), hapus saja.
- Kemas: zip ISI folder gaya sehingga chat-style.json berada di tingkat teratas arsip (bukan di dalam subfolder), jangan sertakan folder dev/, dan beri nama file [id].pixelystyle.

Setelah selesai, berikan file .pixelystyle final untuk diunduh, dan sebutkan apa saja yang kamu ubah serta hal yang tidak bisa kamu periksa.

3. Impor dan coba

Unduh file yang diberikan AI.
Di PixelyChat buka Chat → Gaya → Pustaka Gaya lalu klik Impor gaya.
Pilih gaya di Overlay dan periksa pratinjaunya. Pengaturan latar, sudut, tepi, dan warna aksen juga berfungsi untuknya. Belum pas? Beri tahu AI apa yang perlu diubah (tangkapan layar membantu) dan impor file barunya — PixelyChat akan menawarkan untuk memperbarui gaya yang sudah terpasang.
Buat tetap ringan: pesan tetap tampil selama seluruh stream, jadi animasi berulang dan blur memakan performa di OBS.

4. Bagikan (opsional)

Puas dengan hasilnya? Kirim file .pixelystyle (maksimal 5 MB) ke [email protected] beserta nama yang ingin ditampilkan sebagai pembuat. Kami melakukan peninjauan sebagian dan, jika cocok, menambahkannya ke pustaka gaya chat untuk semua orang.

Kirim hanya yang boleh kamu bagikan. Dengan mengirim gaya chat, kamu menyatakan bahwa kamu membuatnya sendiri atau berhak mendistribusikannya, dan bahwa gaya tersebut tidak berisi materi berhak cipta milik pihak ketiga (gambar, font, logo, karakter) tanpa izin. Gaya chat yang dikirim adalah konten buatan pengguna dan hanya ditinjau sebagian oleh PixelyChat; pembuatnya tetap bertanggung jawab atas isinya, dan kami dapat menghapus gaya apa pun kapan saja.