Brief
界面美化助手
让你的 Rubii 文本交互变成视觉艺术
静态UI
美化
将文本转化为精美界面
AI动态
模板
创建可更新的智能界面
> 使用指南 & 快速上手
静态美化使用步骤：
- 提供你想美化的文本内容
- 描述期望的风格或样式
- 获得即用的美化代码
- 直接粘贴到 Rubii 中使用
动态模板使用步骤：
- 说明需要动态更新的信息
- 获得带占位符的模板
- 按指导写进你的角色设定
- AI 回复时自动更新内容
快速开始示例：
- 静态美化: "请美化这段角色简介：小雪是一位温柔的图书管理员..."
- 动态模板: "我需要一个可折叠的角色状态栏，显示当前位置、时间、衣着、内心想法"
> 使用提示 & 常见问题
模型建议：
建议用 小克（各版本都行）或 高级双子座3，审美和代码能力都不错，出错率也低。高级双子座2.5、grok4、GPT、rubii系列可尝试，可能有意想不到的创意，但更容易截断或出错。
提供详细信息：
提供的细节越详细，小助手给你的设计就越精准。可以提供角色底图色调、主题风格、色彩偏好、布局与元素重点等。排版喜欢紧凑的还是宽松的，要拟态的还是扁平的，都可定制，当然，你也可以一切交给AI。(๑>ᴗ<๑)
关于预览色差的说明：
小助手生成的界面多采用半透明毛玻璃材质。由于材质会透出底层背景的色彩，而当前对话框的背景为深色星空海底，因此预览时可能会与你预期的色调产生偏差。建议将生成的完整 HTML 代码复制到你的角色简介中，以实际背景图上的渲染效果为准。
迭代与修改：
初版设计不完全符合你的预期是很正常的，可以尝试重说或回溯重发，会有不错的改善。你也可以随时提出修改意见，小助手会带着无限的耐心帮你迭代优化。
回复截断/撤回/红字报错：
如果AI的回复中断并报错，导致内容丢失，可刷新浏览器页面找回。然后点击"继续"或让AI重新开始。若要点“继续”，建议先可点开“编辑”，删除内容到容易续写的地方（如代码分段处、没写完的句子）再点“继续”。
代码全部显示为纯文本：
如果代码未被解析，均显示为纯文本，请检查代码，确保以<plot>标签开头，以</plot>标签结束，并且不能有Markdown格式的代码块标记 '''
代码只渲染一部分：
如果代码部分生效，部分显示纯文本，请尝试删除【所有】代码内部的【空行】（指代码中没有实际字符，只有空格的一行）。
状态栏格式异常：
请用指令确保AI输出的状态栏代码包裹在<plot>和</plot>标签中。
无法实现交互效果：
Rubii几乎不支持JavaScript，不能实现复杂交互，仅可用CSS的简单交互。
文字显示为白色，无法辨认：
可能为字体样式被rubii默认字体样式覆盖导致。请自行或让AI将出问题的<p>标签替换为<span>标签，避免样式被默认字体样式覆盖。也可以文字不变，背景改用深色来提高可读性。
美化在网页正常，但APP里出错：
APP的美化兼容性比网页差很多，问题是代码不兼容所致。如果美化要在APP里用，可直接在APP里跑代码，直观查看美化在APP的显示效果。让AI用【内联CSS】和简单属性兼容性会好一点。
想直接生成代码，不要设计方案：
发送内容时附带指令“直接生成代码”即可。
想要好看的字体：
字体可用指令：“你可以使用CSS的 `@import` 规则从可靠的外部字体服务（如 Google Fonts）导入自定义字体。” 也可以自己找好看的网页在线字体链接发给小助手。
想调整透明度：
可以告诉小助手你需要的透明度数值 (rgba 中的 Alpha，范围0-1)，0是完全透明，0.2-0.4是通透，0.5-0.65是半遮挡/磨砂感，1是完全不透明。
添加插图：
把自备的图片上传到【图床网站】，例如postimages，转化成【图片链接】，发送给小助手即可。
省钻的动态模板：
如果想要更省钻的动态UI模板（状态栏等），可以让小助手用简洁样式，会去除动画和过多装饰，并压缩代码长度。
长文本美化：
Rubii单次发送消息上限约2000字。对于长文本，请先说"请接收内容"，待AI回复后，将你的文本粘贴替换AI的回复内容即可。
版权？
你跑出来的就是你自己的代码，请随便怎么用。不过如果你可以标源或者点个赞的话，非常感谢！❤️(๑>ᴗ<๑)。
常见设计类型
角色简介
状态栏
手机界面
日记本
游戏化UI
自定义
界面美化助手v2.5 封面图源：画师JW
更新内容
2025.6.28 1. 优化了爆代码的问题，现在更稳定了。之前一直爆代码的高级双子座也可以跑美化了。（但是偶尔还是会爆代码或截断输出。这一定是rb的锅！）。 2. 现在小助手会更多进行视觉焦点塑造和动画特效使用，增强美化界面的视觉冲击力和吸引力。 3. 调整了交互流程，现在小助手会先给你一个设计方案，和你确认后再写代码，更容易得到想要的效果。（如果想跳过这步，可用指令“直接生成代码”） 2025.11.12 1. 更新了简介的常见问题部分 2. 修复了一些问题 2026.6.21 1.添加了半透明磨砂玻璃效果、微光白边与柔和阴影、描边光影、互斥折叠栏、时间轴/路线图式布局等现代UI代码素材，移除了部分老旧素材 2. 更新了配色方案素材库，增加了低饱和、护眼灰调体系，移除高饱和荧光色 3. UI背景默认使用半透明+ 模糊滤镜，让角色形象图透过UI可见 4. 精简了部分重复指令，更省token
模型首推超级小克、高级双子座3，其次高级小克、GPT、高级双子座2.5。思考版本更佳。
部分模型回复速度可能较慢，请耐心等待。
遇到问题请先看简介的“使用提示 & 常见问题”部分，这里整合了大部分常见问题
将角色背景底图的大致色调（深色/浅色/特定主色）告诉小助手，可以跑出更有沉浸感的UI哦~
你好！我是界面美化助手，一个专注于将文本转化为精美UI元素的AI伙伴。我的主要任务是帮助你打造出视觉上令人惊艳的角色简介、对话界面和其他互动元素。我能将简单的文本或想法转换成美观而有吸引力的界面组件，并且所有这些都将完美适配Rubii的运行环境。
我有两个主要命令可以为你服务：
-
静态UI美化命令： 我将为你的文本或设想设计一个精美的UI界面，并提供直接可用的HTML和CSS代码。
-
AI动态更新UI模板命令： 我将为你创建带有AI可识别占位符的UI模板，让扮演角色的AI能在回复中动态更新信息。
无论你是想为角色介绍、状态栏、日记界面、手机交互还是其他UI元素创建独特的设计，我都能满足你的需求。
准备好开始了吗？请使用上述命令之一，告诉我你想美化的文本或需要实现的UI效果！
