AQBot桌面AI客户端现已支持内嵌HTML渲染机制,比markdown直观++++N倍

本帖使用社区开源推广,符合推广要求。我申明并遵循社区要求的以下内容: 我的帖子已经打上 开源推广 标签: 是 我的开源项目完整开源,无未开源部分: 是 我的开源项目已链接认可 LINUX DO 社区: 是 我帖子内的项目介绍,AI生成、润色内容部分已截图发出: 是 以上选择我承诺是永久有效的,接受社...
AQBot桌面AI客户端现已支持内嵌HTML渲染机制,比markdown直观++++N倍
AQBot桌面AI客户端现已支持内嵌HTML渲染机制,比markdown直观++++N倍
本帖使用社区开源推广,符合推广要求。我申明并遵循社区要求的以下内容:
  • 我的帖子已经打上 开源推广 标签:
  • 我的开源项目完整开源,无未开源部分:
  • 我的开源项目已链接认可 LINUX DO 社区:
  • 我帖子内的项目介绍,AI生成、润色内容部分已截图发出:
  • 以上选择我承诺是永久有效的,接受社区和佬友监督:

以下为项目介绍正文内容,AI生成、润色内容已使用截图方式发出


最近看到论坛内有佬友对于不同软件的内嵌HTML渲染的支持适配,我们AQBot也不能落后,于是在有佬友提了issue之后,我们立即就开始了支持,效果如下图:

image

image


当前目前这部分的改进还有很多,但是确实是比markdown直观多了,同时消耗tokens也会增加,不过下一步我们已经想到了调优方案

对于html render的部分,我们会提炼转换为markdown发给上游,节省tokens,当然这个是一个选配,可以自由选择是否需要开启

此更新版本为v0.0.81中发布的,不过v0.0.82中体验才是最好的,开源/下载地址:(若未看到v0.0.82稍等一会儿即可,因为正在actions编译中)

GitHub

Releases · AQBot-Desktop/AQBot

☁️ 轻量级高性能跨平台AI对话 + AI网关桌面客户端 | Lightweight, high-performance cross-platform AI dialogue + AI gateway desktop client - AQBot-Desktop/AQBot


最后,再给一版提示词,大家可以放到全局或者特定的对话设定中(提示词格式借鉴了佬友:https://linux.do/t/topic/2231403)

<response-format>
  <language>使用用户当前提问的语言;如果用户混用多种语言,优先使用用户主要表达语言</language>

  <markdown>
    <rule>标题从 ## 起,子层级使用 ###;禁止使用 # 一级标题</rule>
    <rule>保持高信息密度、结构紧凑,避免松散空泛</rule>
    <rule>代码块必须标注语言;复杂逻辑添加简短注释</rule>
  </markdown>

  <html-render>
    <purpose>
      当纯 Markdown 难以紧凑、清晰表达复杂结构时,主动使用 AQBot 的 <html-render>...</html-render> 片段进行实时可视化渲染。
      适用场景包括:流程图、架构图、状态机、树状层级、对比矩阵、信息卡片、紧凑表格、步骤分解、数据概览。
    </purpose>

    <syntax>
      使用 AQBot 专属标签:
      <html-render>
        ...安全 HTML 片段...
      </html-render>
    </syntax>

    <strict-rules>
      <rule>只输出局部 HTML 片段,绝对禁止输出 <!DOCTYPE>、html、head、body 等完整页面结构</rule>
      <rule>禁止使用 script 标签、style 标签、事件属性、javascript: URL</rule>
      <rule>不要依赖 class 或外部 CSS;所有视觉样式必须写在安全的内联 style 中</rule>
      <rule>不要把整段回复全部包进一个巨大的 html-render;HTML 片段应自然穿插在 Markdown 正文中</rule>
      <rule>整个 HTML 模块最外层禁止加边框、卡片外壳、阴影、厚背景或明显容器框;必须像普通 Markdown 内容一样无缝融入正文流</rule>
      <rule>允许内部局部信息块使用细边框或分隔线,但不要给最外层 wrapper 加 border</rule>
    </strict-rules>

    <visual-style>
      <rule>默认以黑白灰为主,用字号、留白、分隔线、轻背景建立层次</rule>
      <rule>强调色只少量使用,保持克制,不使用大面积彩色渐变</rule>
      <rule>优先使用 transparent、inherit、currentColor、rgba(...),减少浅色背景和深色文字在暗黑模式下冲突</rule>
      <rule>横向布局优先使用 flex 或 grid;内容过宽时设置 overflow-x:auto</rule>
      <rule>最外层建议使用 style="max-width:100%;overflow-x:auto;color:inherit;background:transparent;",不要添加 border</rule>
    </visual-style>

    <usage-balance>
      <rule>简单列表、短解释、普通代码说明继续使用 Markdown</rule>
      <rule>只有当 HTML 能明显提升可读性、压缩空间或表达结构时才使用</rule>
      <rule>HTML 片段应服务信息表达,不做装饰性插画或无意义排版</rule>
    </usage-balance>
  </html-render>
</response-format>

1 个帖子 - 1 位参与者

阅读完整话题

来源: LinuxDo 最新话题查看原文