SuperAPI AI 工具集

tavern-ui

前端与建站

查看项目

更新于 10-15 16:43

技能介绍

用途:为 SillyTavern 开发消息楼层内渲染的前端界面,如状态栏、复杂交互界面、Vue 3 组件及 CSS 布局与动画,并处理界面正则占位、模板构建打包与 CDN 部署。

主要能力:界面依赖第三方扩展酒馆助手(Tavern-Helper,旧名 JS-Slash-Runner)渲染消息楼层 HTML 代码块,并预注入 Vue、jQuery、lodash、zod 等全局变量。状态栏通过占位符(如 <StatusPlaceHolderImpl/>)由正则替换出 HTML 代码块。设计上强调 ICON 优先、低耦合,资源可使用 FontAwesome 图标、ZeoSeven Fonts 字体、testingcf.jsdelivr.net 镜像与 pnpm 添加的第三方库。数据读取可用 defineMvuDataStore、getChatMessages 等;前端界面的正则只定位不解析。

使用方式:克隆模板仓库并安装依赖后,在 src/{ProjectName}/界面/状态栏/ 开发,运行 pnpm watch 本地预览、pnpm build 打包,再经 GitHub + jsdelivr 或自托管部署。

适用场景:需要状态栏、开局表单等常驻或交互界面,且使用酒馆助手扩展的 SillyTavern 角色卡项目。

限制:依赖酒馆助手扩展;前端正则只负责定位;共享配置修改需先告知影响范围;jsdelivr 存在缓存延迟,自托管需 HTTPS。部分细节资料未提供。