跳到主要内容
Termlib

Termlib · AI 前端改稿助手

让 AI 改页面，
先把问题说清楚

上传自己的页面截图，定位布局问题，确认建议后拿到可执行的修改指令。需要看效果时，再生成前后预览。

分析我的页面 查看改稿示例

258 条术语 · 45 条人工规则 · 理由全部引自术语库

指令交给你的编码助手执行；生成的 HTML 预览需要人工复核，再接入真实工程。

流程演示 · 自有示例与规则模板，不是实时 AI 分析结果

localhost:5173/customers/1024

演示第 1 步「认」：认出页面用了哪些布局和组件。识别出顶部导航栏、侧边菜单、单页表单、输入框和按钮。

从一张截图，到一段能执行的改稿指令

  1. 01

    上传自己的页面

    从一个需要交付的页面开始，先遮住个人信息、密钥和内部数据。

  2. 02

    确认值得改的问题

    查看推荐和术语依据，采纳合适的建议。规则没有覆盖的问题仍需你判断。

  3. 03

    交给编码助手，检查结果

    复制修改指令到你的开发工具，需要时生成独立 HTML 预览。回到真实工程修改并复核。

免费查术语与本地识别。平台 AI 按次扣点；追加修改和画布需要订阅权益，使用自己的 Key 也需具备对应权益。

画布和浏览器插件作为进阶工具。 查看完整使用说明

02常见错误

AI 最常犯的 12 个布局错误

每一条都对应一条人工规则。先看问题出在哪，再看改完的样子。

浏览全部布局
R001 · 01/12
改造前 · 单页表单

只读详情做成了禁用表单

只看不改的客户资料排成禁用输入框，灰底难读还像能改；改用描述列表。

从单页表单改成描述列表

描述列表适合什么场景

03浏览器插件

在你自己的页面上， 悬停就知道它叫什么

插件拿术语库里的 DOM 线索在本地比对，不调 AI、不花额度。这里的演示用的就是同一套识别，移上去或点一下试试。

快捷键
AltShiftT 开启识别模式，Esc 退出
在哪能用
默认只在 localhost、127.0.0.1 和 *.local 上运行，其他网址在插件里手动打开
何时上传
悬停识别全在浏览器里完成。只有你点「AI 识别」或「分析当前页」，才会上传截图和页面结构
安装浏览器插件 支持 Chrome 和 Edge
localhost:5173/orders正在加载术语目录…

和插件同一个识别引擎 · 正在准备术语目录

04分析结果

分析结果怎么读

工作台分三栏：页面分成的区块、截图上的标注、每条推荐的来龙去脉。

  1. 每条推荐都有规则编号

    模型只负责认出页面结构，改不改由人工写好的规则决定。比如这条是R001「只读的单条详情不要用表单展示」。

  2. 理由引自术语库原文

    为什么要改，摘的是术语库里的原话，不是模型自己编的。每句都标了出处，点进去能看完整的适用场景。

    • 「数据只读展示、不需要编辑时（应该用描述列表）」
      单页表单 · 不适用场景
    • 「展示单条记录的详情，字段较多且以只读查看为主时」
      描述列表 · 适用场景

  3. 合适的地方写「不用改」

    不是每个区块都要挑毛病。用对了的区块直接标不用改，认不出的标「未识别」，不会硬凑一条建议。

05术语库

不知道它叫什么， 先来这里查

258 条术语，中英文名、别名和常见叫错的说法都能搜到。每条都写了什么时候用、什么时候别用。

打开术语库易混淆的放在一起比

布局模式 · 线框示例悬停看部件名

拿你手上正在做的页面试一下

上传自己的页面截图，定位布局问题，确认建议后拿到可执行的修改指令。需要看效果时，再生成前后预览。

分析我的页面 安装浏览器插件