做成你的風格

建立你自己的主題。

一個 PixelyChat 主題只是一個很小的檔案，不需要會編程：描述你想要的外觀，讓 Claude 或 ChatGPT 等 AI 助手替你修改已有主題，然後匯入結果即可。

1. 找一個起點

從主題庫下載任意主題——最好選一個已經接近你想要效果的。
或者在 PixelyChat 中打開 場景主題，選擇一個主題，然後在 匯出以供編輯 創作者工具中選擇相應操作。

一個 .pixelytheme 檔案其實就是改了擴展名的普通 ZIP 壓縮檔。如果 AI 聊天不接受上傳，請把檔案重命名為 .zip。每個主題包都包含一個 README.md ，用於向 AI 說明格式。

2. 讓 AI 修改

使用能夠讀取上傳檔案並且能夠把檔案交還給你的助手（例如支援檔案建立的 Claude，或支援檔案上傳和代碼執行的 ChatGPT）。附上主題檔案，貼上下面的提示詞，並填寫標記部分：

我附上了一個 PixelyChat 主題（.pixelytheme 檔案，本質上是 ZIP 壓縮檔——如果你無法打開，請按 .zip 處理）。請把它改成我自己的新主題。

首先解壓並閱讀 README.md——這是 PixelyChat 主題格式的官方指南，其中列出了所有 CSS hook。然後閱讀 theme.json、theme.css 和 fields.json。

我想要的外觀：
[在這裡描述你的主題：氛圍、顏色、形狀、字體、動畫。示例：“Neon synthwave - 深紫色面板、亮粉色和青色點綴、發光邊框，警報帶緩慢脈衝發光。”]

規則
- theme.json：設定一個新的、唯一的 "id"（僅小寫字母、數字和連字符）以及新的 "name"。把 "author" 設為 {"name": "[你的名字]", "type": "creator"}，"version" 設為 "1.0.0"，並新增 "released"，值為今天的日期，格式 YYYY-MM-DD。保留其他字段，包括 "basedOn" 和 "supports"。
- 主題只負責外觀：只能使用 CSS、JSON 和打包檔案。不要使用 JavaScript、@import 或外部 URL。圖片和字體必須放在 assets/ 中，並使用相對路徑引用。
- 為 "supports" 中列出的所有區域設定樣式（警報、獎勵、小工具，以及 Starting Soon / Be Right Back / Shoutout 畫面）。確保文字在任何直播背景上都清晰可讀，並且橫向和縱向版面都能正常工作。
- 保持體積精簡。只使用我有權使用的圖片、字體和聲音。如果舊的 preview.webp 已不符合新外觀，而你又無法生成新的預覽圖（小型 WebP，約 1280x720，低於 150 KB），請刪除它。
- 打包：壓縮主題檔案夾里的“內容”，讓 theme.json 位於壓縮檔頂層（不要放在子檔案夾中），並把檔案命名為 [id].pixelytheme。

完成後，請給我最終的 .pixelytheme 檔案供下載，並列出你修改了甚麼，以及哪些內容無法驗證。

3. 匯入並測試

下載 AI 給你的檔案。
在 PixelyChat 中打開 場景主題 並點擊 匯入主題。
先檢查預覽，再檢查警報、小工具和各個畫面。還不夠滿意？告訴 AI 要修改甚麼（附上截圖會更有幫助），然後匯入新檔案——應用程式會提示是否更新已經安裝的主題。
你匯入的主題隨時可以再次刪除；內建主題會一直保留。

4. 分享（可選）

滿意了嗎？把 .pixelytheme 檔案傳送到 [email protected] ，並附上你希望顯示的作者名稱。我們會進行部分審核；如果適合，就會把它加入主題庫，供所有人使用。

只提交你有權分享的內容。 傳送主題即表示你確認：該主題由你建立，或你擁有分發它的權利；並且主題中不含未經許可的第三方受版權保護內容（圖片、字體、聲音、Logo、角色）。提交的主題屬於使用者創作內容，PixelyChat 僅進行部分審核；作者仍需對內容負責，我們也可以隨時移除任何主題。

聊天樣式

建立你自己的聊天樣式。

聊天樣式決定訊息在聊天疊加層中的外觀：名字標籤、卡片、邊框、徽章與裝飾。它和主題的運作方式一樣：一個小小的 .pixelystyle 檔案，AI 助理可以幫你製作。

1. 選擇起點

從聊天樣式庫下載任一樣式。
或者在 PixelyChat 中開啟 聊天 → 樣式，選擇一個已安裝的聊天樣式，然後在 樣式選項 中點擊 匯出以編輯。這份副本還包含一個測試頁面（dev/test.html），可顯示各種類型的訊息。

.pixelystyle 檔案就是換了名稱的一般 ZIP 壓縮檔。如果你的 AI 聊天拒絕上傳，請將副檔名改為 .zip。每個套件都包含一個 README.md，向 AI 說明格式。

2. 請 AI 幫忙

附上樣式檔案，貼上以下提示詞並填寫標記部分：

我附上了一個 PixelyChat 聊天樣式（.pixelystyle 檔案，本質是 ZIP 壓縮檔——如果無法開啟，請當作 .zip 處理）。請把它改造成我自己的新聊天樣式。

首先解壓縮並閱讀 README.md——它是 PixelyChat 聊天樣式格式的官方指南，包含訊息結構、所有 class 與 data 屬性以及 CSS 變數。接著閱讀 chat-style.json、style.css 和 fields.json。

我想要的外觀：
[在這裡描述你的聊天樣式：氛圍、顏色、形狀、名字標籤、徽章、裝飾。例如：「溫暖的秋天——暖棕色卡片、橘色名字標籤、每則訊息角落有一片小葉子、管理員使用楓葉圖示。」]

規則
- chat-style.json：設定新的唯一 "id"（小寫字母、數字和連字號）與新的 "name"。將 "author" 設為 {"name": "[你的名字]"}，"version" 設為 "1.0.0"，並新增 "released"，值為今天的日期，格式為 YYYY-MM-DD。保留 "format"、"schemaVersion" 和 "styleApiVersion"。
- 聊天樣式只改變外觀：僅限 CSS、JSON 和隨附檔案。不允許 JavaScript、@import 或外部 URL。圖片和字型必須放在 assets/ 中，並使用相對路徑引用。
- 在適合的地方使用背景、圓角、邊緣和強調色的 CSS 變數（見 README.md），讓 PixelyChat 中的樣式設定持續有效。用強調色為裝飾上色（將單色 SVG 作為遮罩），讓它們跟著實況主的顏色變化。
- 為每種訊息設計樣式：各身分（實況主、管理員、VIP、訂閱者、觀眾）的一般訊息、只有表情符號的訊息，以及事件（追隨、訂閱、禮物、突襲等）。確保文字在任何直播背景上都清楚易讀。
- 保持輕量：不使用循環動畫、backdrop-filter 或模糊，最多一個簡短的進場動畫。保持套件小巧（最多 5 MB）。只使用我有權使用的圖片和字型。如果舊的 preview.webp 已不符合新外觀，而你又無法產生新的（小尺寸 WebP，約 960x540，小於 150 KB），請刪除它。
- 打包：壓縮樣式資料夾的內容，使 chat-style.json 位於壓縮檔頂層（而不是子資料夾中），不要包含 dev/ 資料夾，並將檔案命名為 [id].pixelystyle。

完成後，請將最終的 .pixelystyle 檔案提供給我下載，並列出你修改的內容以及無法檢查的部分。

3. 匯入並試用

下載 AI 給你的檔案。
在 PixelyChat 中開啟 聊天 → 樣式 → 樣式庫，點擊 匯入樣式。
在 疊加層 中選擇該樣式並查看預覽。背景、圓角、邊緣和強調色設定同樣適用。還不滿意？告訴 AI 要修改什麼（截圖會有幫助），然後匯入新檔案——PixelyChat 會提示你更新已安裝的樣式。
保持輕量：訊息會在整場直播中一直顯示在畫面上，因此循環動畫和模糊會佔用 OBS 的效能。

4. 分享（選用）

對結果滿意嗎？將 .pixelystyle 檔案（最多 5 MB）連同你希望顯示的作者名稱寄到 [email protected]。我們會進行部分審核，合適的話會將它加入聊天樣式庫供所有人使用。

只提交你有權分享的內容。 提交聊天樣式即表示你確認它由你創作或你有權散布，且未經許可不包含任何第三方受著作權保護的素材（圖片、字型、標誌、角色）。提交的聊天樣式屬於使用者建立的內容，PixelyChat 僅做部分審核；作者仍需對其內容負責，我們可隨時移除任何樣式。