用途：为 SillyTavern 角色卡设计、实现或评审与框架无关的嵌入式界面，包括开场页、状态栏/HUD、控制中心、抽屉与弹窗。先确定界面类型再设计组件：开场页负责配置一次开场并提交真实玩家消息，提交成功后结束；状态栏/HUD 在消息附近展示常读游戏状态，随消息或运行时生命周期重建；控制中心管理设置、包、世界数据与高级操作，通常长期存在且为单例；弹窗/抽屉/模态聚焦单一细节或决策，临时存在并有明确开关行为。
主要能力：设计前先检查现有 HTML、CSS、JavaScript、数据模式、正则/挂载路径与运行时归属，记录渲染位置、可信代码边界、状态来源与作用域、重建 DOM 的生命周期事件、可复用设计令牌与最小桌面/移动容器。区分数据状态、草稿状态、UI 状态与派生视图，避免把标签页、折叠或滚动位置持久化进世界书或 MVU。使用语义化控件、命名空间化的 ID/存储键/事件/CSS 变量、稳定的 data-* 绑定、令牌层与流式网格；iframe 内以容器而非宿主窗口为参照。
用法：所有用户、模型、包与远程内容视为不可信，优先 textContent 与 DOM 构建，必要时用可信运行时净化器处理 HTML，转义属性插值并校验 URL 协议与来源，不把模型输出用 innerHTML 插入。通过运行时真实就绪路径初始化，绑定幂等，统一清理事件、观察器、定时器、fetch 中止控制器与临时 DOM。实时编译时用 sillytavern-card-pipeline 发现并运行项目已有 watcher，不虚构通用监听命令、端口或输出映射。打包前可选本地前端沙箱，跳过不视为失败。
适用场景：角色卡开场向导、状态栏、控制中心、弹窗与抽屉等嵌入式界面。限制：本技能不操作真实 SillyTavern 会话，也不在此声明运行时验收；运行时行为需把构建产物与检查清单交给 sillytavern-runtime-debug，若发现 UI 源码缺陷再回到本技能重建。静态检查、单元测试与离线预览只是辅助，不能替代真实运行时证据。