做成你的风格

创建你自己的主题。

一个 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 仅做部分审核；作者仍需对其内容负责，我们可随时删除任何样式。